MailerLite landing page editor interface overview

Demo summary

A walkthrough of the editor UI including the elements sidebar, success page toggle, preview modes, and top bar customization settings.

Use the left sidebar to access elements, sections, style, and settings
Toggle between the landing page and success page design views in the top bar
Use the preview mode to check desktop and mobile layouts
Click the gear icon in the top right of the main body to customize top bar behavior
Select the three dots to save the design as a template
Click Done editing to complete the design process

Design the success page to determine what visitors see immediately after converting
Check the mobile preview specifically to ensure the design translates well to smaller screens

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 overviewCurrentA 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 sectionsDemonstrates 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” →

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 overviewCurrentA 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 sectionsDemonstrates 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