Breadcrumbs

Landing Page Elements

AWeber's drag-and-drop landing page builder uses elements that you can click and drag to customize your page layout. Each element serves a specific purpose and can be positioned anywhere on your landing page.

How to Use Elements

Dragging Elements: Click and hold any element from the left sidebar, then drag it onto your landing page canvas. A blue highlight or line shows where the element will be placed.

Moving Elements: Click the Move tab (left side of any placed element) to reposition elements on your page.

Unknown Attachment


Available Elements

Text

Unknown Attachment

Use the "Text" element to write paragraphs of content.

  • Use the font bar above the text to set headings, format your text and add images

  • Highlight text for quick formatting

  • Learn how to write even faster with markdown and keyboard shortcuts.

Unknown Attachment

Image

Unknown Attachment

Use an "Image" element to add add images and gifs to your message. Click to show the image settings to the right where you can:

  • Upload files from your computer

  • Search the image gallery

  • Create an image with Canva

  • Read these guidelines to learn how to use images in your email

Unknown Attachment

Button

Unknown Attachment

Use the "Button" element to create a clickable button. Click to see the button settings to the right where you can:

  • Edit the button copy and hyperlink

  • Customize the look and feel.

Unknown Attachment

Divider

Unknown Attachment

Use the "Divider" element to add a visible separation between elements with dotted, dashed, or solid lines. Click to setup the look and feel in the settings to the right.

  • Use the top and bottom padding to add space above and below your line

  • You can set your style to none if you'd like to create a blank space between elements

Unknown Attachment

Video

Unknown Attachment

Use the "Video" element to add a YouTube or Vimeo videos to your message. Click to show the video settings to the right where you will add the link to your video.

  • This will display a screenshot of your YouTube or Vimeo video and hyperlink the image to the URL of the YouTube or Vimeo video.

Unknown Attachment

Row

Unknown Attachment

Use the "Row" element to add a new row in your message. You can fill that row with any of the other blocks, such as images, text, headlines, etc. You can even add columns to add different blocks side by side.

Unknown Attachment

Form

Unknown Attachment

The sign-up form element that connects to your AWeber lists. Customize fields, button text, and thank you pages through the form settings. Thank you page and tag settings are located in the “submission” tab of the form settings.

Unknown Attachment

Social

Unknown Attachment

Use the "Social" element to link out to different social media profiles. Click to see the social settings to the right where you can add the links to your profiles.

Unknown Attachment

Pop-up

Unknown Attachment

Creates pop-up overlays that appear over a darkened background.

Unknown Attachment

The pop-up form can be triggered based on a button being clicked, or a certain amount of time passing. To edit this, first click on the pop-up element.

Unknown Attachment

Once the element is selected, choose your trigger in the pop-up settings on the right.

Unknown Attachment

To access the pop-up itself, click on the “Pop-up” tab in the pop-up settings.

Unknown Attachment

You’ll then be able to place elements in the pop-up, such as a form.

Unknown Attachment

Ecommerce

Unknown Attachment

Enables product sales directly from your landing page. Sell eBooks, webinar access, memberships, and digital products.

Unknown Attachment

For more information about the Ecommerce element, see: Using the Ecommerce Element

Smart Content

Unknown Attachment

Displays embedded content using a link.

Unknown Attachment

There are many awesome ways you can use the Smart Content element to create an amazing landing page, and here are some top choices you can consider adding:

That's not all! There are many more supported platforms that will work with this element, too.

After adding the smart content element to your page, simply add your URL in the smart content settings on the right. After adding your URL, your content will be displayed in a dynamic, embedded card directly on your landing page.

Unknown Attachment