What are the Landing Page Designer Settings and how can I use them ?

Using our new UI? You might want to check this help article instead.

Enter the exciting world of having free reign over your landing page design! You don't have to start by defining your structure, to set the initial look and feel of your design. Feel free to tweak the Landing Page Designer Settings, before you even shed one drop of content on your canvas. 

Getting familiar with the general settings of the Moosend Landing Page Designer makes the customization of any template you pick from the Template Library a piece of cake.

Let's see how deep you can go:

A. General Settings

1. Click on the Settings button, located on the left side of your Landing Page Designer page.

2. Click on the up/down arrows of the Content Width field to increase or decrease the width of your landing page.Landing_pages-What_are_the_Designer_settings_2.png

You can also type-in the exact number inside the Content Width field - the default value is 1000.

3. Click on the Content Alignment option and use the drop-down menu to choose where your content will be placed within the landing page-your options are Top and Middle.

4. Click on the Border Width option and use the up/down arrows to specify the width of your landing page's border (the value is preset to 0). 

You can also type the desired number directly into the Border Width field.

5. Click on the Border Color option to select whichever color you prefer for your landing page's border, out a of a color palette.

The default border color is black but you can choose whichever color fits your design better.

6. Click on the Background Color option, to choose the color of your landing page's background out of a palette.

The default background color is transparent, but you can choose whichever color works best for your design!

7. Click on the Upload Background Image button, to browse on your computer for the image you want to upload as your Background Image.

Alternatively you can use the Or enter URL... field to grab the image from the internet. After uploading an image the additional options Replace Image and Remove Image will appear, as well as the Background repeat option.

8. Click on the Background repeat drop-down menu to choose the way that you want the background image to be repeated throughout the landing page canvas.

The default option is the no-repeat. You can choose to repeat the image on the horizontal (repeat-x), the vertical (repeat-y) or both horizontal and vertical axes (repeat), so that you can easily fill up the background space with an image of your choosing. Selecting the Full Width option means that the background image will take up the full width of the page.

9. Click on the Replace Image button, to browse for a different image and replace the one you've already uploaded.

10. Click on the Remove Image button, to completely remove the image you've uploaded. 

11. Click on the Add Custom Fonts button to browse, and select from, an array of different custom fonts to add in you landing page design.

12. Alternatively, you can also use the search tab to look for a particular font you would like to use in your landing page design.

B. Default Settings 

Each element has its own specific group of settings, its default settings, which fully open up the design customization. These are different for each element type:

Each element description goes into more detail on the particular group of settings available for it. 

1. Click on the + symbol before each element type, to open up the element's default setting options.

This way you can quickly toggle between element settings when you need to. The Landing Page Designer cleverly brings them up when you're working with a particular element, so that they are within easy reach if you ever need to tweak your design to perfection!