How to add and edit the background image in the variation in Zoho PageSense?

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 photograph on your blog page to illustrate the story in your post or adding a product banner image to your webinar registration page to reinforce your brand to new users. You can add all these background images using the PageSense visual editor to upload large background images to your variation pages and make edits to the background color, font style, and picture border to instantly capture your visitors' interest

Important: If the background image you upload is bigger than the original file size, the original image might appear for a moment before the new image is loaded on the web page.  

To add a background image to the variation:
1. Select your A/B experiment and click the EDITOR tab at the top.
Your test page will open into the PageSense Visual Editor.

2.
 
Hover over and click an area on the page to add a background image.
The action bar will appear on the page.

3.
 
Click Insert then Background image from the menu list.



4.
 
You can do the following in the Background 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. 

  • Choose the background position where you want to place the image, such as the left top, right top, left center, etc. You can also enter a custom value either as a percentage or in pixels in the text box.

  • Select a background size based on whether you want the image to cover up the entire background area, be contained within the background area, or any of the other options in the dropdown. 

  • Choose a background attachment to set the background image's position as fixed within the viewpoint or to scroll with its containing bloc,k or be fixed relative to the element's content.

  • Choose a background repeat property that sets if and how you want the background image to repeat either vertically or horizontally.

  • Click +Add Image to insert multiple background images to a variation page. 


5.
 
Click Apply

To edit the background image:

1. Select your A/B experiment and click the EDITOR tab at the top.

2. Click the image to replace, select Edit and then Background image from the menu list.

3. Click the Close icon in the Background editor to remove the existing image and upload a new image as your background.
You can then edit background image properties like its size and position.


4. C
lick 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 CRM Training
        Redefine the way you work
        with Zoho Workplace

          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 CRM Training

            Create, share, and deliver

            beautiful slides from anywhere.

            Get Started Now


              Zoho Sign now offers specialized one-on-one training for both administrators and developers.

              BOOK A SESSION









                                            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.




                                                Manage your brands on social media

                                                  Zoho Desk Resources

                                                  • Desk Community Learning Series


                                                  • Digest


                                                  • Functions


                                                  • Meetups


                                                  • Kbase


                                                  • Resources


                                                  • Glossary


                                                  • Desk Marketplace


                                                  • MVP Corner


                                                  • Word of the Day


                                                    Zoho Marketing Automation

                                                      Zoho Sheet Resources

                                                       

                                                          Zoho Forms Resources


                                                            Secure your business
                                                            communication with Zoho Mail


                                                            Mail on the move with
                                                            Zoho Mail mobile application

                                                              Stay on top of your schedule
                                                              at all times


                                                              Carry your calendar with you
                                                              Anytime, anywhere




                                                                    Zoho Sign Resources

                                                                      Sign, Paperless!

                                                                      Sign and send business documents on the go!

                                                                      Get Started Now




                                                                              Zoho TeamInbox Resources



                                                                                      Zoho DataPrep Resources



                                                                                        Zoho DataPrep Demo

                                                                                        Get a personalized demo or POC

                                                                                        REGISTER NOW


                                                                                          Design. Discuss. Deliver.

                                                                                          Create visually engaging stories with Zoho Show.

                                                                                          Get Started Now









                                                                                                              • Related Articles

                                                                                                              • 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 ...
                                                                                                              • 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 ...
                                                                                                              • 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 ...
                                                                                                              • Add and edit the HTML code of an element

                                                                                                                Zoho PageSense's visual editor also allows you to add entirely new elements to your variations and make advanced changes to them for A/B testing. This includes adding the HTML code for elements such as text, images, audio files, or video files, ...
                                                                                                              • Add and edit text in a variation

                                                                                                                Many A/B experiments involve making minor changes or updates to existing content on your website to help encourage users to take specific actions. This might include adding a catchy headline on your home page to briefly explain what your product ...
                                                                                                                Wherever you are is as good as
                                                                                                                your workplace

                                                                                                                  Resources

                                                                                                                  Videos

                                                                                                                  Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                                                                                                  eBooks

                                                                                                                  Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                                                                                                  Webinars

                                                                                                                  Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                                                                                                  CRM Tips

                                                                                                                  Make the most of Zoho CRM with these useful tips.



                                                                                                                    Zoho Show Resources