Page Settings

Your page's settings are located at the ribbon toolbar which consists of three tabs: Size & Direction, Background, and Scripts & Styles. To access your page's settings click on the 'Page Settings' button located at the right corner at the control bar.

pagesettings1.png

Page Size & Direction

pp.png
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, image, and gradient. 

pagesettings2.png

To set a background image for your landing page, select the "Background" tab > Background Image 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 "Background Image" menu.

pagesettings3.png

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. To choose the transparent color click on 'Clear selection' , as seen here:

1.png

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.

2.png3.png

Adding Scripts & Styles

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

pagesettings4.png

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 Control Bar

Have more questions? Submit a request

0 Comments

Article is closed for comments.