Create a High-Converting Newsletter Sign-Up Page

Introduction

In this lesson, we are going to quickly build a high-converting newsletter sign-up page for our author website using Breakdance. By repurposing elements from our single book template, adding a compelling call to action, and integrating our global newsletter form, we will offer visitors a free ebook incentive and streamline their journey to becoming subscribers. This approach enhances user experience, increases mailing list growth, and strengthens our author platform.

Edit the Newsletter Sign Up Page with Breakdance

• Edit the Sign Up page
• Then Edit with Breakdance
• Add section
• Style it with the Wide Hero Section preset

Add the Book Hero Columns

• Add a COLUMNS element with two columns inside the Book Hero Section
• I’ll name this COLUMNS element BOOK HERO COLUMNS
• I’ll name the first column BOOK COVER COLUMN
• I’ll name the second column BOOK DETAILS COLUMN

Style the Book Hero Columns Element

• Click on the BOOK HERO COLUMNS element
• Go to the design tab
• Under layout set the columns to stack vertically on Phone Landscape
• Close layout and go to spacing
• Add a column gap of 6 rem to put plenty of breathing room between the BOOK COVER and BOOK DETAILS columns

Style the Book Cover Column

• Click on the BOOK COVER COLUMN
• Go to the design tab
• Click on size
• Change width to 30%

Styling the Book Details Column

• Go to the DESIGN TAB
• Click on LAYOUT
• Set LAYOUT to vertical
• Left aligned
• Add a GAP of 3 rem

Book Cover Column Content

• Add an image element
• Choose the Adventure Danger Cover image (take a copy of the image credit before choosing)
• Add a text element
• Paste in the image credit
• Style the text with the Image Credit Preset

Book Details Column Content

• Add a H2 Heading
• Change the text to Download Adventure Danger for free!
• Add a text element
  • In Adventure Danger the first in a thrilling new series, ex-special forces Dylan Danger must risk everything to save his family from a ruthless crime boss. Sign up below for your free Adventure Danger ebook!
• Add 3 rem of spacing to the bottom of the text element

Newsletter Sign Up Form

Thanks to all the work we did with the Newsletter Global Block and the standard form preset we configured in previous lessons in this module we don’t have a lot to do here.

• Add a global block element
• Choose the AD Giveaway Form
• Save the page
• Done

Test the Form

• Exit to Front end
• Submit a test subscriber

We should see two things right away

1. After the form is submitted we should be taken to the SIgn Up Thank You page.
2. The new subscriber should be added to the correct group on Mailerlite

My Email Marketing Service isn’t there

What if Breakdance does not integrate with your Email Marketing Service? Not a problem. One of the action options inside Breakdance is to use webhooks. Check out the Author Website Playbook on how we can use webhooks and Pabbly Connect for more advanced forms and actions.

Summary

We have created a dynamic newsletter sign-up page by reusing existing design elements, embedding our global newsletter form, and offering a free ebook as an incentive. With these steps, we have streamlined the subscriber experience, improved conversion rates, and set the stage for long-term mailing list growth. This strategy helps authors attract engaged readers, build their audience, and support a thriving author platform.