Using a Custom Landing Page with Act-On Template Language

  • Updated

Upload an HTML file as a template for a Landing Page that can include placeholders to easily modify images, text, buttons, and custom content in the Landing Page composer. You can use this to receive custom HTML from a designer and use this across your Act-On Landing Pages.

Setup

  1. Work with a developer to add the code blocks below to your Landing Pages.
  2. Once the code has been added, go to Content > Landing Pages, and at the top right, click + Create Landing Page.
  3. In the dialog that opens, click Additional options and select Upload page code:

Using a Custom Landing Page with Act-On Template Language 01.png

  1. Click Next and follow the prompts.
  2. In the Design tab of the Landing Page composer, you will be able to modify the added blocks by clicking on the placeholder:

Design_Tab.png

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>

Was this article helpful?

Have more questions? Submit a request