Site & Funnels : Editor : Background Parallax

Robert Salonga

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 menu, rows, sections, 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 row, section, 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 the Submit a Request button at the top right-hand corner of this page and then the Help button at the bottom left of the ClickFunnels Page.