Register

How can I upload content background Images while I design my landing page ?

After you start defining your landing page structure using the various Containers available inside the Moosend Landing Page Designer, you should also start adding Elements to each available slot, filling the structure with content. Each Container you use comes with its own fully customizable group of Container settings, one of which is the Upload Image option. This option allows you to upload an image as a background for this particular Container.

Let's see how it works:

A. Adding an Image

1. Click on the Settings symbol, appearing on the right side of the Container when you place your mouse over it.Landing_pages-How_can_I_add_a_content_background_image_1.png

You have two types of background image to choose from: Content Background Image and Wide Background ImageWhen you select Content Background Image, your selected image will be applied within your structure’s width. When you select Wide Background Image, on the other hand, your chosen image will cover the whole width of the row, from one far end of the page to the other. 

2. Go to the Content Background Image field and click on the Upload Image button to upload a file from your computer.
Landing_pages-How_can_I_add_a_Content_Background_Image_2.png

Alternatively, you can use the Or enter URL...option to grab the image you want from the internet and add it as a background image.

B. Changing an Image

1. Click on the Replace Image button, located on the left side of your Landing Page Designer page.
Landing_pages-How_can_I_add_a_Content_Background_Image_3.png

This option only appears only after you've already uploaded a background image. As before, you'll have to browse for an image on your computer to replace the one you've previously uploaded.

2. Click on the Remove Image button, located on the left side of your Landing Page Designer page.
Landing_pages-How_can_I_upload_a_Content_Background_Image_4.png

Once again, this option appears only after you've already uploaded a background image into your design, allowing you to remove the image you've uploaded in case you change your mind.

Now that you're familiar with how the a background image can be added, replaced or removed you should also take a look at how to use an image to quickly fill up the background of a row. Take advantage of your new tools to tweak your design and make it look just perfect!