Landing Page Content Blocks

  • Updated
Building out a Landing Page is as simple as dragging content blocks onto the main page area. In the Design tab of the Landing Page editor, you'll find blocks for everything you need on your page.

Rich Text

As the most versatile content block within Act-On, the Rich Text block allows you to create text, insert pictures, link to documents and forms, and much more.

Click a text section within your landing page to open the Rich Text editor, or drag the Rich Text block into your page if you are starting with a blank page. Along the top of the Edit Text window, you will find a series of icons to assist you in creating your landing page. You may be familiar with some of the icons here, but there are also additional ones that may prove helpful.

mceclip0.png

Image

The Image block provides access to your Images library and allows you to insert a responsive image along with a description on any side of the image. To use the Image block:

  1. Drag the Image block into a content section.
  2. Click the image icon.
  3. Find the image you would like and click Select.
  4. Choose the Target URL. You have the choice to use a custom link or link to an Act-On form, media download, or landing page. 
  5. Set the Image Alignment.
  6. Add an optional Image description. You can choose to have it above, below, to the right/left of the image.
  7. Set the Corner Radius (optional).
  8. Click OK. 

Landing Page Content Blocks 01.png

Forms

The Forms you create for registrations, surveys, and more can be embedded into your Landing Page.

  1. Drag the Form block into your page area.
  2. Click the Checkmark under Select Form and choose the form you would like.
  3. Check Show Prefilled to have your known prospects' information pre-populate the form.
  4. Click OK.

See this page for more on creating forms.

Landing Page Content Blocks 02.png

Custom Content

A Custom Content block is a unique tool within the Act-On editor for landing pages. A Custom Content block allows you to paste in your existing HTML, CSS, and JavaScript (in Landing Pages and Forms). Act-On will not remove your custom CSS, whether it is inline, internal, or external. Alternatively, you can upload valid HTML with images.

Upload - Upload HTML directly from your computer. If you choose to upload content rather than pasting in your code, ensure your HTML is a valid HTML file.

If uploading a zip file, only one HTML file will be read, and your file or images may not be in a subfolder within the zipped-up file structure.

Choose File - Choose from HTML landing pages that you have loaded into your Act-On Media Library. Once you click the File icon, choose from your available landing pages and click Submit.

Landing Page Content Blocks 03.png

Button

Buttons on your Landing Page are key for having your visitors interact with content. All pages should have a strong, clear call-to-action and a button that stands out enough for your prospects to be drawn to it.

Landing Page Content Blocks 04.png

Spacer

The Spacer allows you to add a horizontal rule across content. Unlike typical horizontal rules, you have extensive customization options to increase the thickness, horizontal and vertical padding, and color of the line. To add a Spacer to your landing page:

  1. Click and drag the spacer block into a content section.
  2. Under Style, set the Color and Thickness of the Spacer.
  3. Under Padding, you can set the padding around the Spacer. Toggling Customize will allow for more control over the padding:

Landing Page Content Blocks 05.png

Icon

Insert an icon from a wide array of options. You can style the icon's color, size, etc. as well as add a link.

mceclip1.png

Video

Enter the embed link for a video hosted online, and it will be added to the page instantly.

Important: The URL entered in this area must specifically be an embedded link. With YouTube, for example, the URL must be formatted as https://youtube.com/embed/{videoID}. You can get this link from the Share menu on YouTube.

You can also enable Autoplay to start a YouTube video as soon as the page loads.

Slideshow

Creating a dynamic image carousel has never been easier! Select up to five images from your Image Library to rotate in an image banner.

mceclip2.png

Map

Add a location to your page, powered by Google Maps.

mceclip3.png

Social Share

Using Social Share, you can provide your visitors a button to promote your marketing content on your behalf through their social networks.

Facebook, X (Twitter), and LinkedIn are supported for social sharing. You have complete control over styling options, which include the ability to select different icon sets, icon size, icon padding, alignment, and horizontal/vertical layout.

Additionally, you can drag the icons in the order you want them to appear on your landing page.

Landing Page Content Blocks 06.png

RSS

If your website or blog uses an RSS feed, you can embed it directly into your page for an up-to-date list of your recent content.

mceclip4.png

Business Card

Present your information in a downloadable Business Card that can be imported directly into your recipient's contact list.

For example, if you are hosting an upcoming event featuring a guest speaker, you can include the speaker's contact information on your landing page and make it available for download.

To add a Business Card block to your landing page:

  1. Drag the Business Card block into a Content Section.
  2. Populate your Business Card info and click the checkmark if you would like to set it as default.
  3. Click OK.

Landing Page Content Blocks 07.png

Signature

Signatures provide a way to save time when creating landing pages in your Act-On account. You can input signatures into a library that is available every time content is created and this is an easy way to keep control over corporate branding.

There are two types of signatures in your Act-On account appropriately named My Signatures, available only to you, and Account Signatures, available to all users in your account. Only administrators are allowed to create Account Signatures while anyone can create a signature for their personal use.

See this page for more on creating signatures.

Landing Page Content Blocks 08.png

Was this article helpful?

Have more questions? Submit a request