Add and replace a picture in a variation
Images on your landing and product pages are the best way to attract more eyes to your website. With PageSense visual editor, you can quickly upload, resize, and edit your images on the variation page to convey your brand's message effectively to different audiences. For example, you could do this by uploading product images to your ecommerce page to entice users to purchase a product based on its appearance or by inserting your company logo in the header or footer section of your website pages. The editor also allows you to add alternative text that describes an image to improve SEO on online search engines.
Note: The size of the image after replacement depends on the way you've defined the web page's original HTML. If you limited the dimensions, the new image will be scaled to fit the size, otherwise, it will be displayed in its original size.
To add a picture to a variation:
1. Select your A/B experiment and click the EDITOR tab at the top.
Your test page will open in the PageSense Visual Editor.
2. Hover over and click the area you want to add the picture to.
The action bar will appear on the page.
3. Click Insert then Insert image from the menu list.
4. You can do the following in the Image editor:
Click the upload icon to select a new image from your computer or specify the URL address if it's already available online in the URL box to access your image.
Add the alt text for your image to be shown to users when they hover over the image. This helps improve your SEO.
Enter the width and height for your image as a percentage or in pixels to resize the image to your desired dimensions.
Choose a position for the image from the alignment options: left, right, or default.
5. Click Apply.
To edit a picture in a variation:
1. Select your A/B experiment and click the EDITOR tab at the top.
2. Select the image to replace on the page, click Edit, and then Edit image from the menu list.
3. Click the Close icon in the Image editor to remove the existing image and upload your new image.
You can now resize, add alt text, and apply alignment changes to your images as required.
4. Click Apply to save the changes.
Access your files securely from anywhere
Zoho CRM Training Programs
Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.
Zoho DataPrep Personalized Demo
If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.
Zoho Sheet Resources
Zoho Forms Resources
Zoho Sign Resources
Sign, Paperless!
Zoho TeamInbox Resources
Zoho DataPrep Resources
Design. Discuss. Deliver.
Related Articles
Add and edit the background image in the variation
Having a relevant background image for your business site can help showcase your products and services in a visually appealing way and allow users to develop an instant connection with your brand. This could include displaying a relevant cover ...Overview of the PageSense visual editor
Zoho PageSense comes with an attractive, redesigned visual editor interface that lets you create, edit, and format your web page contents to test your business hypothesis. It contains a diverse set of design tools that help you make both basic and ...Change the URL of a link in variation
Sometimes, you may want to replace or modify an existing URL link on your variation page to test if it performs better than your original page. This might involve adding redirection links that send visitors to your new products or services pages, or ...Make advanced changes to the variation using JS/CSS editor
Apart from making changes manually to the design and content on your variation page, you can also directly write your own custom Javascript and CSS code changes using the PageSense visual editor. This option will provide you the freedom to quickly ...Edit static and dynamic content in an A/B test variation
Websites usually contain two types of elements: Static and Dynamic. When thinking about A/B testing your web pages, it is important to decide on the type of element you want to make changes to in order to test your hypothesis. A static element ...