Landing Page Design

Configuring Global Styles

The Global styles tab in the Email and Landing Page Composer gives you a single place to define design settings that apply across your entire message. Using global styles helps keep your layouts consistent and reduces the need to repeat formatting changes on individual rows or content blocks.General OptionsGeneral options control the overall structure, colors, and typography of your design. The...
Read Article →
Borders

Borders are more than decorative - they help separate content, highlight important elements, and create structure within your design. In the composer, you can apply borders to rows, columns, and individual content blocks (including buttons). You can style all four sides at once or adjust each side independently.Quick Reference - Border Controls (Click to expand)Apply borders to: Rows, columns, ...
Read Article →
Padding

Padding is an essential design tool that improves readability, visual balance, and overall polish in your layouts. The composers let you control padding at both the row and individual content block level.Quick Reference - Click to ExpandDefault: Set padding for all sides at onceMore options: Control top, bottom, left & right independentlyRows: Adjust padding for columns via Columns StructureBlo...
Read Article →
Button Content Block

The Button content block lets you add clear, visually appealing calls to action to your designs. Buttons can be fully customized and personalized, making them ideal for driving clicks, directing recipients to key pages, and prompting actions such as sign-ups, downloads, or purchases.Quick Reference (Advanced Users) - Click to Expand Insert: Drag the Button block from the Content tab. Edit Tex...
Read Article →
Image Content Block

Use the Image content block to place images directly into your email or landing page design. Images can reinforce your brand, highlight key content, or add visual interest to your layout.Quick Reference (Advanced Users) - Click to Expand Insert: Drag the Image block into a Row. Add image from: Upload, URL, library, or dynamic image source. Key settings: Auto width, alignment, editing effects...
Read Article →
Divider Content Block

The Divider content block inserts a horizontal line into your design, helping you visually separate sections and improve readability. Dividers are simple but powerful layout tools that give structure and breathing room to your content.Quick Reference (Advanced Users) - Click to Expand Insert: Drag the Divider block into a Row. Styles: Solid, dotted, dashed, transparent. Controls: Width %, al...
Read Article →
Table Content Block

The Table content block lets you add structured tabular content to your email or landing page design. Tables are useful for presenting data, pricing, schedules, comparisons, or any content that benefits from clear, column-based layout.Quick Reference (Advanced Users) - Click to Expand Insert: Drag the Table block into your layout (default 3×4 with a header). Layout options: Rows, columns, bor...
Read Article →
HTML Content Block

The HTML Content Block lets you insert your own custom HTML designs. It works like any other content block but is intended for users comfortable writing HTML, as custom code can affect layout, responsiveness, and rendering across devices and clients.Quick Reference (Advanced Users) – Click to Expand Insert: Drag the HTML block into your layout. Edit: Replace placeholder code directly or use t...
Read Article →
Menu Content Block

Use the Menu content block to create a text-based navigation menu in your email or landing page design. Menus work well for multi-section layouts such as newsletters, resource hubs, or long-form landing pages.Quick Reference (Advanced Users) - Click to Expand Insert: Drag the Menu block from Additional content. Menu items: Add items → choose link type → optional hover title. Supported links:...
Read Article →
Icons & Social Content Blocks

The Icons content block lets you combine small images with text for clear, visually engaging elements in your design. Icons can highlight key features, replace traditional bullet points, or add emphasis in a more stylized way.The Social content block provides ready-made icons that link directly to your social media channels.Quick Reference (Advanced Users) – Click to Expand Add: Drag Icons or ...
Read Article →
Event Content Block

Add details for in-person or online events directly into your design using the Event Content Block.Quick Reference (Advanced Users) – Click to Expand Add: Drag the Event block into your layout. Set format: Choose In person or Online. Required: Event name + date/time + timezone. Online: Select event type, enter link & passcode. In person: Choose or enter address; optional map & room details...
Read Article →
Video Content Block

Adding video content to your designs can be an effective way to engage your audience.Because many email clients have limited support for embedded video and to avoid data-heavy playback on mobile devices the Video content block is designed to display a thumbnail with a play icon that links to your video instead of embedding it directly. This ensures consistent rendering and avoids common email p...
Read Article →
Undo, Redo, & History

The Undo, Redo, and History features help you edit confidently in the composer. These tools let you step backward or forward through your recent changes, or jump directly to a specific edit in your timeline.Quick Reference (Advanced Users) - Click to ExpandUndo: Step back one edit.Redo: Reapply the last undone edit.History: View up to 15 recent actions from the current session.Jump: Click any t...
Read Article →
Column Management

Column management in the Email and Landing Page Composer gives you flexible control over how content is laid out within your designs. By working with rows and columns, you can create structured layouts, adjust spacing, and align content to ensure it displays clearly and consistently.How Column Management WorksEach row in the composer is divided into 12 equal column units. You can combine these ...
Read Article →
Row Properties

Rows are the structural foundation of every design in Act-On’s Email Composer and Landing Page Composer. They serve as containers for Content Blocks and define how your layout adapts across devices.Each Row automatically adjusts to fit the viewer’s screen size, ensuring your email or page remains clean, balanced, and responsive. You can apply styling, spacing, and alignment settings to a Row to...
Read Article →
Content Block Selection

Selecting and editing individual Content Blocks is one of the most important skills when designing in Act-On’s Email Composer and Landing Page Composer. Every text, image, button, or custom element in your design lives inside a Content Block - and knowing how to select and move them gives you precise control over layout and flow.Each Composer uses the same interaction model, so once you’ve lear...
Read Article →
Mobile Optimization Options

The importance of mobile-friendly design can't be overstated. In Act-On’s Email Composer and Landing Page Composer, most layouts are automatically optimized for mobile by stacking columns vertically. This ensures that even complex, multi-column designs remain readable and visually consistent on smaller screens. However, you can fine-tune how your content behaves on mobile devices using the opti...
Read Article →
Mobile Design Mode

Mobile Design Mode lets you preview, edit, and optimize your design for smaller screens directly inside Act-On’s Email Composer and Landing Page Composer. You can toggle between desktop and mobile views, adjust mobile-only settings, and make sure every element looks great on every device.This feature helps you design responsively without leaving the Composer - you’ll see exactly how your conten...
Read Article →
Background Images

Background images can instantly elevate your design - adding depth, texture, or subtle branding elements behind your content. You can apply them across your entire design using Global Styles or within individual Rows for more localized effects. Important: Older versions of Outlook do not display background images. Always set a fallback background color to maintain contrast and readability (see ...
Read Article →
Title Content Block

The Title content block lets you insert structured header tags (H1, H2, and H3) directly into your design. This creates a clear content hierarchy for both readers and assistive technologies - improving web accessibility and SEO without the need for custom HTML.Using proper header tags helps screen readers navigate your message, and on landing pages, it gives search engines a clear outline of yo...
Read Article →
Paragraph & List Content Blocks

The Paragraph and List content blocks let you format and organize text clearly and consistently across your designs. The Paragraph block is ideal for long-form content and descriptive text, giving you precise control over font styles, colors, and spacing. The List block helps you display ordered (numbered) or unordered (bulleted) lists with customizable indentation and spacing - keeping your me...
Read Article →
Font Stacks

A font stack is a list of fallback fonts used when a recipient’s device cannot load the first available font. Act-On’s composers use curated font stacks to preserve the look and structure of your design, even when a specific font isn’t supported on a device.Each stack is built with visually compatible fonts - matched by shape and size - ensuring that your layout remains consistent and readable ...
Read Article →
Apply your own CSS to a landing page

If you want to apply your own CSS in a landing page, you can do so in the Custom Code panel of the Landing Page Composer. This is where you can add custom styling rules - including the !important attribute. This article explains what !important does, how to use it effectively, and when to avoid it. Quick Reference (Advanced Users) – Click to Expand ...
Read Article →
SEO & Social Share Settings

The SEO & Social Share panel in the Landing Page Composer shows how your Landing Page will appear in search results and on social media. It also indicates whether the page is currently visible to search engines.Quick Reference (Advanced Users) – Click to Expand Page Visibility: Toggle indexing on or off for search engines. Page Title: Required; up to 55 characters. Description: Optional; up ...
Read Article →
Form Content Block

The Forms you create for registrations, surveys, and more can be embedded into your Landing Page design. Adding a Form to Your Design Drag the Form content block from the Content tab into your Landing Page design. Either click +New form & design a new Form from scratch, or click Select & choose an existing Form. See this page for more on creating Forms. Toggle Show prefilled to have your kno...
Read Article →
Map Content Block

Add a static Google Maps location preview to your Landing Page design using the Map content block.Quick Reference (Advanced Users) – Click to Expand Add a Google Maps preview directly to your Landing Page layout. Use default account, user, saved, or fully custom addresses. Configure aspect ratio, zoom level, and click-through behavior. Edit map width, alignment, alt text, and block options anyt...
Read Article →
Personalization

Personalization fields let you display customer-specific data on a Landing Page, helping you tailor content to each visitor. You can show a contact’s name, CRM-sourced information, or account-level details such as your company’s local address.The Landing Page Composer supports the following types of personalization fields: Contact fields: Standard contact fields mapped in Lists > Standard Fiel...
Read Article →
Upload Code & Custom Code

You can create Landing Pages from custom HTML or third-party tools by uploading your code directly into Act-On. You can also add custom JavaScript and CSS to any Landing Page built in the Landing Page Composer.Quick Reference (Advanced Users) – Click to Expand Upload Code: Upload HTML or a ZIP file, or import from a URL. Edit Live: Use the side-by-side HTML editor with real-time preview. Cus...
Read Article →