MailerLite: Using drag-and-drop elements and sections
MailerLite
Demo summary
Demonstrates how to use content blocks, columns, and pre-made sections to build the layout of a landing page.
Step-by-step
- Select a content, social, or special element from the sidebar
- Drag and drop the element into a section or column
- Use columns to arrange elements and shape the page layout
- Click the Sections button to view pre-made element collections
- Drag a pre-made section into the layout for a ready-made design
Options
- Choose from three element types: content, social, and special
- Add objects like headings, text, images, tables, products, or forms
- Combine multiple pre-made sections to build a full website design
Tips
- Use columns to arrange elements in a way that guides visitors through your content
- Use pre-made sections to create professional designs more quickly
Highlights
“create published, ready designs in a snap”
All demos from “How to Create Landing Pages That Convert - MailerLite tutorial”
- 0:250:40Initial landing page setup in MailerLiteShows how to navigate from the dashboard to create a new landing page, name the site, and select subscriber groups.MailerLite· Build a lead-capture landing page
- 1:051:00MailerLite landing page editor interface overviewA walkthrough of the editor UI including the elements sidebar, success page toggle, preview modes, and top bar customization settings.MailerLite· Build a lead-capture landing page
- 2:051:02Using drag-and-drop elements and sectionsCurrentDemonstrates how to use content blocks, columns, and pre-made sections to build the layout of a landing page.MailerLite· Build a lead-capture landing page
- 3:070:30Saving custom sections to favoritesShows how to save a designed section to a favorites folder for reuse across other landing pages.MailerLite· Build a lead-capture landing page
- 3:370:20Setting global brand stylesDemonstrates how to set global fonts, colors, and typography for a consistent look across the page.MailerLite· Build a lead-capture landing page
- 3:571:00AI text and image generation in MailerLiteShows how to use the integrated AI assistant to generate headlines, body text, and custom images directly within the landing page builder.MailerLite· Build a lead-capture landing page
- Watch “How to Create Landing Pages That Convert - MailerLite tutorial” →
Build a lead-capture landing page
24:355:01Build a lead-capture landing page from scratchShows the process of creating a two-column landing page with a lead magnet image, text, and a signup form, including URL and SEO settings.Metics Media- 0:250:40Initial landing page setup in MailerLiteShows how to navigate from the dashboard to create a new landing page, name the site, and select subscriber groups.MailerLite
- 1:051:00MailerLite landing page editor interface overviewA walkthrough of the editor UI including the elements sidebar, success page toggle, preview modes, and top bar customization settings.MailerLite
- 2:051:02Using drag-and-drop elements and sectionsCurrentDemonstrates how to use content blocks, columns, and pre-made sections to build the layout of a landing page.MailerLite
- 3:070:30Saving custom sections to favoritesShows how to save a designed section to a favorites folder for reuse across other landing pages.MailerLite
- 3:370:20Setting global brand stylesDemonstrates how to set global fonts, colors, and typography for a consistent look across the page.MailerLite
- 3:571:00AI text and image generation in MailerLiteShows how to use the integrated AI assistant to generate headlines, body text, and custom images directly within the landing page builder.MailerLite
10:525:39Building a Landing Page in MailerLiteDemonstrates how to create a landing page from scratch, add signup forms, and customize the layout and branding elements.EB