Page Settings

This section is located at the ribbon toolbar and has three tabs: Size & Direction, Background, and Scripts & Styles.

Page Size & Direction

Here you can set the page’s width and direction: right-to-left (RTL) or left-to-right (LTR). Select RTL for Hebrew and Arabic landing pages.

Page Background

Here you can edit your page’s background settings. You can set color, texture, and gradient. You can also use one of our background presets that were already designed for your convenience.

To set a background image for your landing page, select the "Background" tab > Texture > "use an image as a texture" and choose an existing image or upload your own. This image will be set as the background for the page.
If you wish to control image repetition, or fix its alignment, those options are available under the "Texture Properties" menu.

Setting Color Transparency & Opacity

From the color menu, you will probably want to use the transparent color option every now and again. This is a very useful color setting that allows transparency and hence allowing you to work in layers to create a sense of depth. You can set a section’s color to be transparent in order to view your background image that you’ve set as a texture. The transparent color is marked here, as you can see:

From the color menu you can also change the selected color’s opacity by clicking on the color text box which will open a second window containing the opacity bar. By dragging the selector on the bar you can set the color’s opacity to your liking.

Adding Scripts & Styles

From here you can add custom JavaScript and CSS (style) scripts to your landing page.

JS

Here you can embed all JavaScript conversion codes, Google codes (Google analytics, remarketing, etc..), Facebook pixels, and all external codes.
Note: Make sure you wrap the code with <script> tags (<script> at the beginning and </script> at the end).

CSS

Here you can add CSS codes to create your own customized style.
Note: Make sure you wrap the code with <style> tags (<style> at the beginning and </style> at the end).

 Read Next > The Buttons Bar

Have more questions? Submit a request

0 Comments

Article is closed for comments.