Skip to main content
Act-On Software

Using a Custom Landing Page with Act-On Template Language

 

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.

Screen Shot 2015-10-21 at 8.18.50 AM.png

Setup

  1. Work with a developer to add the code blocks below to your landing pages.
  2. Once the code has been added, navigate to Content > Landing Pages > New Landing Page.
  3. Click Upload Page Code and follow the prompts.
  4. 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>
  • Was this article helpful?
Support

Have a question about this topic?

Ask the community!