The Image Matchmaker dynamic content enables you to highlight the image on your product page that generates the highest number of conversions.
Once the widget has been configured, AB Tasty displays a random image for each visitor. At the same time, it records conversions and automatically detects the image that generates the most of them. This image is then selected by default to appear at the top of the product page.
To implement the Image Matchmaker widget, make sure that you have a list of images in a static position and that you use only one list per product page. To learn more about the prerequisites of the widget, please refer to the Prerequisites for using the Image Matchmaker widget article.
Once the Image Matchmaker widget is implemented and configured on your website, you can run the QA process. This way, you can ensure that the widget works properly and displays a random image.
For more information on configuring the Image Matchmaker widget, refer to the Image Matchmaker widget article.
Checking the widget display via the console
To check that the widget works properly and thus displays a random image among those available on the list, apply the following steps:
- Open your website in private browsing.
- Go to the product page on which you implemented the Image Matchmaker widget.
- Check if the image that is highlighted on the page is different from the default image.
If you see a different image, the widget is correctly implemented as the algorithm chose a random image. However, if you see the same image, this either means that the widget works but randomly displayed the same image (low probability) or that the widget has not been correctly implemented.
If you want to take the QA process further, apply the following steps:
- Open your browser console.
- Go to the Network tab.
- Refresh the webpage to view request history.
- In the search bar, enter turing.
- In the Name tab, click the suggest request.
- Click the Response tab:
The va parameter displays the position of the selected image.
You can also view the Header tab which displays the following information:
- The customer ID
- The campaign ID
- The variation ID
- The numbers of the images within the library
- Up to the last 50 characters of part of the URL (c).
For instance, if the number returned by the parameter is “va”:img34, the image that is highlighted on the webpage is the image in 34th place in the list of images.
You can check that image 34 is the one that appears on your website by right clicking Inspect.
Index starts from image number 1.
If the image that is displayed is different from the one that is highlighted on the page by default, this means that the Image Matchmaker widget works properly.