AB Tasty has developed a Chrome extension that enables you to carry out simple tasks on existing personalisations and tests, or to create new tests directly from your website pages without having to launch the AB Tasty web platform.
Download the AB Tasty add-on
The AB Tasty add-on is available in the Chrome web store at the following address: https://chrome.google.com/webstore/detail/ab-tasty/bdiahcebghgckgbgmjhdbecjkedpcidn
- Click Add to Chrome
-
Download the add-on and confirm installation.
Once installation is complete, the add-on icon is displayed in the top right-hand corner of your browser.
Optimizing the editor function
On some websites, JavaScript events and behaviors can be rewritten, which may prevent the AB Tasty Visual Editor from functioning as designed.
To enable the editor to function regardless of the technology used by a website, activate the Reset JS behaviors option.
When the option is checked, a script is injected before the page is fully loaded in the editor, and subsequently on all the pages for which the visitor launches the editor. This script enables you to list the changes made to JavaScript events on the page and to cancel them when the editor launches.
Good to know 💡 No other information is collected or communicated by the add-on.
To activate this option, follow these steps:
- Go to the desired web page
-
Click on the AB Tasty extension
You do not need to be logged in to AB Tasty for Web to inject the script.
-
Select Reset JS behaviors
The script will now be injected into each new page loaded into the editor.
Hovering over the option displays an information message.
- Carry out the usual operations detailed below
Good to know💡 If your website contains any native JS event modification, you may want to use this option to optimize the editor’s performance
Useful actions with the Chrome extension
The add-on enables you to carry out the following operations:
- Access your tests and personalizations and run common tasks, such as launching the editor, previewing variations and accessing the report
- Check that the AB Tasty tag is present
- Inject the AB Tasty tag
- Check that the AB Tasty tag is up to date
- Update the AB Tasty tag
- Create A/B tests, multipage tests and personalizations
- Create a test on a page that requires you to be logged in
- Check if tests are in progress on the page
- Delete AB Tasty cookies from the page
Access campaigns
To access all your test and personalization campaigns using the Chrome browser, follow these steps:
- Click on the AB Tasty add-on
-
Log in to AB Tasty for Web, if necessary
The list of previously created tests and personalizations is displayed, along with their status (started or paused)
- Click on an existing test or personalization to view or modify it
-
Click on the three dots to see More Tools, which allows you to create new campaigns, or manage the AB Tasty tag and cookies, and tests applied to the current page
Act on existing campaigns
You can carry out a certain number of tasks on the tests and personalizations shown in the list.
- Click a test or a personalization to display the following information:
- Campaign ID
- Type of campaign
- Page URL
-
Creator and other tags applied to the campaign
- You can also carry out various operations on your tests and personalizations including:
|
Personalization |
A/B |
Multipage/MVT |
Add subtest |
X |
X |
Add a subtest |
Preview |
Preview an experience |
Preview a variation |
Preview a subtest |
Report |
Display the report of the personalization |
Display the test report |
|
Apply HTML |
Save the HTML code of the web page shown on the screen (for example, save a page you are logged into or save items in your cart) |
||
New editor |
Launch the responsive Visual Editor (from version 2.1.1.) |
||
Editor |
Launch the non-responsive Visual Editor (prior to version 2.1.1.) |
More tools menu
When the list of existing personalizations and tests is displayed, you can click the More Tools button to carry out the following actions:
Icon |
Name |
Description |
Add test |
Create an A/B or a multipage test |
|
Delete AB Tasty Cookies |
Delete all cookies placed on a web page by AB Tasty |
|
Page information |
Display tests in progress on a web page |
|
Update script |
Update the AB Tasty tag |
|
Inject script |
Inject AB Tasty tag onto the current page |
Check that the tag is present
You can find out if the AB Tasty tag is implemented on the current page. To do this, follow these steps:
- Go to the desired web page
- Click the AB Tasty Chrome add-on
- Hover your mouse over the icon at the bottom of the list to display the tag status
-
If necessary, inject the tag onto the page
Tag present |
|
Tag not present |
Inject the AB Tasty tag
If the AB Tasty tag has not been implemented on your website, you can still inject it temporarily onto the current page and make changes using the editor.
-
Click on the More Tools button, then Inject Script
-
Create your campaign
The Visual Editor launches the page and enables you to make changes.
Check that the AB Tasty tag is up to date
If the changes made using the editor don't appear on your website, it may be that the tag isn't up to date and doesn't include the most recent changes.
To check when the tag was last updated, follow these steps:
- Go to the desired web page
- Click on the AB Tasty add-on for Chrome
-
Hover your mouse over the cloud icon at the bottom of the list to display the tag status
- If necessary, update the tag
Update the AB Tasty tag
The AB Tasty tag can be updated. If the changes made using the editor don't appear on your website, it may be necessary to update the tag in order to load the most recent changes. In this case, the update can be carried out via the add-on.
To update the tag via the add-on, follow these steps:
- Go to the desired web page
-
Click on More Tools, then Update Script
A confirmation message is displayed at the bottom of the list.
Display page information
If the AB Tasty tag is implemented on your website, you can use the add-on to check if tests are in progress on the current page.
To do this:
- Go to the desired web page
-
Click on More Tools, then Page Information
The list of tests in progress is displayed.
- If necessary, click a test to display or modify it
Create tests
Quickly create A/B Tests or Multipage Tests related to the current page.
To do this:
- Go to the desired web page
-
Click on More Tools, then Add Test
The URL of the current page is taken into account automatically.
- In the Name field, assign a label to your test
- Using the Type dropdown menu, choose from A/B and Multipage
-
The Select Account field enables you to choose the account you want to use.
If you manage several accounts, enter the first letters to filter the list.
-
If necessary, select Save the Source Code
-
Click Create
The Visual Editor opens.
The "Save the Source Code" option
This option enables you to create a test on a web page that requires you to save user account login details or items in a cart, or that features dynamic content, such as an AJAX website.
When you check the Save the Source Code box, the HTML code of the page is saved and the editor launches on the page featuring its specific information.
Using the Save the Source Code option when creating a test enables you to save the items in the cart.
Delete cookies
You can delete AB Tasty cookies (ABTasty and ABTastySession cookies) from the current page.
This enables you to delete information regarding the version of the test which a visitor sees.
To do this, follow these steps:
- Go to the desired web page
-
Click More Tools, then Delete AB Tasty Cookies
This feature can be useful when running a test through the QA process: You can make sure to be shown a different variation from the one previously shown.