×

Site & Funnels : Editor : Background Parallax

Modified on Wed, 29 Nov, 2023 at 1:50 PM


In this article, we will discuss Parallax. Parallax scrolling is a technique where the background image moves past the camera slower than the foreground image. This technique creates an illusion of depth in a 2D scene of distance and is a great way to customize the background of your pages. Background parallax can be added to elements with a background menurowssections, and the page's background through its individual settings.

 

  

 

Prior to getting started, you will need to have the following:

  • A ClickFunnels account.
  • A page.

Step by Step Walk Through

  1. Access the settings of the page or element you are editing.
    1. Background Settings.png

  2. Click the toggle next to Background.
    2. Background Toggle.png

  3. Click the icon next to Image URL
    Important reminder: Background parallax currently only works with images and not on videos.
    3. Add Image Icon.png

  4. Select the image or upload an image you want to use for your background.
    4. Upload or Select an Image.png

  5. Click the drop-down menu across Image Style, then select Full Center (Parallax) option.
    5. Full Center (Parallax) Style.png

  6. Click the Save button at the top-right of the page.
    6. Save Button.png

 

Important reminder: Adding the background parallax effect on a rowsection, or element follows the same steps as adding it to the page’s background. Also, remember that there are elements that do not have the background parallax effect option.


Important Reminder_ Element, Section, and Row Settings.png.png

Congratulations! You have reached the end of this article. You should now know how to add a background parallax effect on your page, row, section, and elements background image.


More Information

For further information related to this topic, please click on this some of the links below:

  1. Editor : How to Set an Image Background On Page

 

External Links: 

  1. 10 examples of parallax scrolling websites

If you have any questions about this, please contact our Support Team by clicking on the Support Widget at the bottom right-hand corner of this page and start a conversation with our Team or click the Help button at the bottom left of the ClickFunnels Page to access the Product Documentation and more.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article