The New Landing Page Composer includes the ability to upload a complete HTML file as a template for a landing page that will include placeholders to easily modify images, text, buttons, and custom content.
You can use this to receive custom HTML from a designer and use this across your Act-On landing pages.
Setup
- Work with a developer to add the code blocks below to your landing pages.
- Once the code has been added, go to Content > Landing Pages, and at the top right, click + Create landing page.
- In the dialog that opens, click Additional options and select Upload page code:
- Click Next and follow the prompts.
- In the Design tab of the Landing Page composer, you will be able to modify the added blocks by clicking on the placeholder:
HTML code to insert:
<div data-aoBlockType="richText"><p>Rich Text Block</p></div>
Example of usage:
<html> <head><title>Template Test 1</title></head> <body> <div><p>Paragraph above</p></div> <div data-aoBlockType="richText"><p>Rich Text Block</p></div> <div><p>Paragraph below</p></div> </body> </html>
Custom Content
HTML code to insert:
<div data-aoBlockType="customContent"></div>
Example of usage:
<html> <head><title>Template Test 1</title></head> <body> <div><p>Paragraph above</p></div> <div data-aoBlockType="customContent"></div> <div><p>Paragraph below</p></div> </body> </html>
HTML code to insert:
<div data-aoBlockType="button"><p>button</p></div>
Example of usage:
<html> <head><title>Template Test 1</title></head> <body> <div><p>Paragraph above</p></div> <div data-aoBlockType="button"><p>button</p></div> <div><p>Paragraph below</p></div> </body> </html>
HTML code to insert:
<div data-aoBlockType="image"></div>
Example of usage:
<html> <head><title>Template Test 1</title></head> <body> <div><p>Paragraph above</p></div> <div data-aoBlockType="image"></div> <div><p>Paragraph below</p></div> </body> </html>
Get in touch