Using container tags to choose the right element
While the PageSense visual editor does a reasonable job with its toolbar options and easy editing environment, the use of container tags will provide you the maximum flexibility to choose the right element that you want to edit or format on your variation page. Using container tags is a straightforward way to help you select the exact parent of the elements for which you wish to adjust the position or edit style attributes such as text color, font style, list type, and more at once.
Furthermore, it lets you perform the following actions:
- Edit the HTML code of the selected container
- Add new elements before/after an existing element.
To use container tags in the editor:
1. Select your A/B experiment and click the EDITOR tab on the top.
2. Hover over and click the element you want to insert, format, or edit the properties of a selected elements.
The action bar will appear on the page.
3. Click Select Container and choose the required container tag you want to change. Here are a few of the common tags you will see in the editor window:
- <body> tag: Used to define all the contents in the web page like text, images, hyperlink, etc.
- <div> tag: Used to define a division or a section on the web page. By default, element is very often used together with CSS to lay out a web page.
- <img> tag: Used to define an image on the web page.
- <li> tag: Used to define an ordered list on the web page.
- <ul> tag: Used to define an unordered list on the web page.
- <a href> tag: Used to define a link to any page or resource for a text or image.
5. Cick Apply then Save and Next 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:
Create. Review. Publish.
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
Design. Discuss. Deliver.
Related Articles
Install the PageSense snippet using Tag Manager
If you're using Google Tag Manager (GTM) to integrate with Zoho PageSense, you can use the PageSense tag available in the tag list to quickly install the snippet on your website instead of manually adding them every time. Once you add the tag, you ...Create an A/B test and view results using Chrome extension
Create variations of your web page using the PageSense's live visual editor and generate a/b test reports to find the most successful variant, right from your Chrome browser. With PageSense Visual Editor, you can make text or image changes, and ...Format and style your pop-up using the template editor
Make your pop-up look more interesting and inspiring by adding background color, image, border style, shadow effects and much more with ease. Choose one of the ready-to-use templates or an empty template and start customizing your pop-up using the ...Add a click-on-element goal to your variation
PageSense allows you to choose a specific element to the variation page and add a click-on-element goal to it in the visual editor. This method of setting element goals helps you track clicks on buttons such as signup, submit, or any CTA on your ...Add a click on element goal to your variation
Once you are done optimizing your web page, you can test and track how many visitors clicked on an HTML element on your variation such as CTA buttons (Sign Up, Add to Cart, Download, etc.), menus, navigation bars, videos, images, and other elements ...