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, navigate to Content > Landing Pages > New Landing Page.
- Click Upload Page Code and follow the prompts.
- Under the Design tab 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>