Your campaign landing page can be designed according to your preferences. In this page, the design interface will be explained thoroughly.
A - Body Background Option
1 - Body Background Color
If you prefer your body background to be a HEX color, you may select the color using the color palette on the right side of the Body Background Colour Field. This option will appear if you select the Body Background Color radio button.
2 - Body Background Color / Body Background Image
Select the necessary radio buttons if you wish your Body area if it will be an image or a HEX color. Options will change according to the radio buttons that you select.
If you select Body Background Color option, your Body Background will be the inner part and your Page Background Color will be the outer part of the page.
If you choose an image to be your Body Background, the image will appear on the outer part, while the Body Background color will be retained on the inner part.
3 - Page Background Color
Specify the color of your page's background color in this field. Just click on the color palette on the right side to select the color your prefer. This will only appear if you choose the Body Background option.
4 - Body Text Color
Specify the color of the text content that will appear on your landing page. Just click on the color palette on the right side of the field and select the HEX color that you want for your texts.
5 - Title Bar Color
This option will let you choose a the background color for Title Bar of your campaign. The Tile Bar will appear above the header area of your landing page.
B - Options for Body Background Image Interface
1 - Body Background Color
As explained on the previous section, this is the color of the inner part of your landing page. Select a color by clicking on the color palette on the right side field.
2 - Body Background Image
Select this radio button should you want to use an image instead of a color for the outer part of your landing page.
3 - Background Image preview
The preview of the background that will be used for the outer page will be displayed in section of the inteface.
4 - Select Image button
Click on this button if you want to use an image for your landing page background. Once you click this button, you'll be asked to locate on your hard drive the background image that you wish to use. Select the image and click the OK button and it will upload the image onto the platform.
C - Header/Footer Section
1 - Header Section
If you wish to add custom contents on the header area of your landing page, you may do it in this section. You can add logos and other textual or image contents. A HTML source code editor is also available for advanced users who know how to use HTML for customizing pages.
2 - Footer Section
Just like the Header Section, footer contents can be added as well. These contents will appear below the comparison section or the Before/After section of the landing page. You may put social media button in here through the use of images which have embedded URLs within them. This can be implemented using the Source button on the text editor tool bar.
D - Video Embed Section
The Video Embed Code section allows you to embed any video that's uploaded on the web. YouTube or Vimeo videos are recommended since the video's embed code are readily available. The video will appear below the header section of the landing page, right above the before/after comparison section.