Adding images to your landing page designing is an easy and effective way to catch your visitors' attention-and keep it!
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.
You have two types of background image to choose from: Content Background Image and Wide Background Image. When 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 Wide Background Image field and click on the Upload Image button to upload a file from your computer.
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.
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.
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!