Guides & Tutorials

Adding background images to landing pages

How to add a background image to a landing page?

You can design your landing page in many different ways by switching up colors or images, thus making the landing page visually more attractive. You can also add a background image to your landing page.

Background image of a landing page

  1. To add a background image to the entire landing page, go to the “Body” tab in the editor menu.
  2. To add an image, click or drag the image onto the outlined image area.
  3. Set the image properties and position the image how you want it to be placed.
Landing pages background image GIF 1

Content element background image

  1. Click on the background area next to the layout element. “Row” menu will open.
  2. To add an image under the row properties, click or drag the image onto the outlined image area.
  3. Adjust the image properties to change how the image is displayed.
  4. The layout element will now have a background image while the rest of the landing page background will remain as set under the body settings.
Landing pages background image GIF 2