[Troubleshooting] Why is the editor not loading and how can I force it to open?
If your editor isn’t loading properly, you may encounter one of the following issue:
The editor loops and redirects to the login page
In most cases, this behavior means that cookies are probably not enabled in your browser. However, AB Tasty needs them to open the editor and retrieve login details. Without them, we cannot identify you, which is why we redirect you to the login page. This is usually indicated by a crossed-out eye icon in the URL bar:
How to find out and what to do:
Go to your Chrome cookies settings (chrome://settings/cookies) and allow the cookies.
You can also add an exception specifically for AB Tasty if necessary using the following format: [*.]abtasty.com
Clicking on the editor loads the page from your website without the editor's layout and options
Switch between tabs to test the different solutions:
It happens that the AB Tasty tag is loaded on your page only after the consent is given when landing on the website. If you decline cookies, the generic tag is not executed and the editor can't be loaded correctly.
How to find out and what to do:
Inspect a page on your website (right click in the page -> "Inspect")
Go to the "Application" tab
Click the "clear site data" option
Refresh the page and accept the cookies
Try to load the editor again
If you still encounter the issue, you should check that the AB Tasty generic tag is installed in your page.
How to check your tag:
In your Chrome browser, you can install and use the AB Tasty Chrome extension. Once installed, the AB Tasty plugin icon appears in your toolbar. If you click the AB Tasty plugin icon from any page of your website, information about whether the tag is installed or not will be displayed.
The tag is installed.
The tag is not installed.
For more information, consult the following article: How to check whether AB Tasty’s tag is installed on your website.
If the tag is not present, add it, following our quick start guide : Set-up your AB Tasty tag in than 5 minutes.
As a quick and a short-term workaround, try loading the AB Tasty tag locally in your browser using the AB Tasty Chrome Extension. By injecting your account identifier, you ensure that the visual editor loads the tag properly.
If you notice CSP errors in the console when trying to load the editor, the server configuration is causing these problems. The security setting may be too high on your server. By default, many clients use a Content Security Policy that blocks everything on their website. This means that every external request has to be allowlisted in the server configuration.
If you see the following kind of errors, these are caused by CSP errors:
How to resolve this issue
Short-term solution: use the Disable Content Security Policy Chrome extension to temporarily bypass the CSP rules.
Long-term solution: ask your IT Team to allow the AB Tasty domains and URLs from your Content Security Policy
Other console errors
You may find other errors in the console that block the editor. For instance, if you notice an error related to X-Frame Options, like this:
How to resolve this issue
Short-term solution: you can temporarily use the Ignore X-frame headers extension to bypass this type of error.
Long-term solution: ask your IT Team to change the server configuration accordingly.
In case a native redirection applies on your side, the editor may have difficulties to load because its parameters in the URL are automatically removed (?abtasty_editor=XXXXXX). A redirection may happen if:
The URL you set in the Main Information (1st step of the campaign) actually does not exist and automatically redirects to another page.
You are trying to load a specific page from your checkout (delivery or payment page) which contains dynamic content and information.
What to do?
Compare the URL you have set in the 1st step and the one you land on. Edit the URL in the step accordingly so the visual editor knows the correct URL to load.
Apply source code: the most effective way of loading funnel pages, cart pages with added products, or personalized dashboards. It’s also the best way of fixing editor-loading issues caused by authentication (on a client account, for example) or a page that requires session information (e.g. products to be displayed on the cart page).
There are two ways of applying the correct source code:
👉With the OuterHTML
Copy the source code of the web page where you’re trying to load the editor using the Copy outerHTML command in the <html> tag (in the first line of the source code).
Paste this source code into the Sample URL to load in the editor field in the Main information step in AB Tasty:
Use the Chrome Extension: try using the AB Tasty Chrome extension. This extension forces your page to load fully before applying the editor, which solves a lot of common problems encountered with loading the editor. The add-on is available in the Chrome web store. You can download it here.
To use the Chrome add-on, follow these steps:
Go to the URL you want to load in the editor
Open the AB Tasty Chrome add-on
Search by campaign name or ID
Click Open Editor
The editor loads its layout and options but the content of the page is not loaded correctly
Depending on how the page is built, the content may take longer to load or may load dynamically. The visual editor is then loaded too fast compared to your content.
The navigation mode can temporarily enable you to interact with the website in order to trigger or to load certain elements that wouldn’t be otherwise visible. To do so :
Click the pencil button to Stop editing
Navigate on your website
Click the same button to Start editing Your content is now accessible and fixed to let you work on it thanks to the contextual editor.
Applying source code is the most effective way of loading funnel pages, cart pages with added products, or personalized dashboards. It’s also the best way of fixing editor-loading issues caused by authentication (on a client account, for example) or a page that requires session information (e.g. products to be displayed on the cart page).
There are two ways of applying the correct source code:
👉With the OuterHTML
Copy the source code of the web page where you’re trying to load the editor using the Copy outerHTML command in the <html> tag (in the first line of the source code).
Paste this source code into the Sample URL to load in the editor field in the Main information step in AB Tasty:
You can find more details on how to apply the source code our article dedicated to introducing the Editor.
If you notice Content Security Policy (CSP) errors in the console when trying to load the editor, the server configuration is causing these problems. The security setting may be too high on your server. By default, many clients use a Content Security Policy that blocks everything on their website. This means that every external request has to be allowlisted in the server configuration.
To open the console, right click in the editor's page, then click "Inspect" and go to the "Console" tab. If you see the following kind of errors, these are caused by CSP errors:
How to resolve this issue
Short-term solution: use the Disable Content Security Policy Chrome extension to temporarily bypass the CSP rules.
Long-term solution: ask your IT Team to allow the AB Tasty domains and URLs from your Content Security Policy: https://developers.abtasty.com/docs/tag/tag-troubleshooting-csp#editors-policies
Other console errors
You may find other errors in the console that block the editor. For instance, if you notice an error related to X-Frame Options, like this:
How to resolve this issue
Short-term solution: you can temporarily use the Ignore X-frame headers extension to bypass this type of error.
Long-term solution: ask your IT Team to change the server configuration accordingly.
In case you're having issues loading the visual editor, don't forget to first try using our Chrome Extension. You will find all the information related to how to open the editor with our extension in this article.
Last updated
Was this helpful?