How to Create a High-Converting Landing Page With Leadpages' New Drag and Drop Feature

How to Create a High-Converting Landing Page With Leadpages' New Drag and Drop Feature

This is my first Leadpages tutorial here on the blog! I'm so excited about this, and there are tons more to come. I've been using Leadpages for quite a while now and have picked up some tips and tricks that I'd like to share with you.

Today, we're going to be creating a high-converting landing page with Leadpages. If you don't already have a Leadpages account, click here to create one. They recently created this amazing new feature that allows you to drag and drop elements onto your page, so we're going to start with a BLANK template. 

Step 1: Create a new page.

How to Create a High-Converting Landing Page With Leadpages' New Drag and Drop Feature
How to Create a High-Converting Landing Page With Leadpages' New Drag and Drop Feature

Select "Blank" from the Templates page to create your new page. 

Step 2: Name your landing page.

How to Create a High-Converting Landing Page With Leadpages' New Drag and Drop Feature

Use something memorable. For my VA Starter Pack, I simply used VA Starter Pack Landing so that I could remember how to find it. 

Step 3: Add a catchy headline.

How to Create a High-Converting Landing Page With Leadpages' New Drag and Drop Feature

From the dashboard (pictured above), drag and drop the "HEADLINE" widget into your page. Write a catchy headline that uses some actionable keywords, such as "Download", "Now", or "Amazing". 

I used "instant access" and "free training" as my "hot words" and followed that with phrases like "how to" and "all new". I also selected a vibrant color to catch my reader's attention.

Step 4: Add sections to your layout.

By selecting "Layout" in the left-hand sidebar, you'll find that you have access to the different sections of your blog. The "Hero" section is always the header at the top of the page. That's where my text is currently written. Down below that, the "Extra Scroll Area" isn't a place you can put any objects - it's just there to help add space to your page so you're able to scroll to complete work at the bottom of the page. 

Click "Add a Section". Once you've done that, rename it to whatever phrase will help you remember what that section holds. I'm going to name mine "Screenshot" because I'm placing a screenshot of the training in there.

Now, add your content. I've simply added an image by returning to the "Widgets" area and dragging over an image into the new section! I'm going to add several sections, then screenshot them to show you what I added. 

Step 5: Fill out your sections.

I used Illustrator to create the simple graphic you see in the screenshot, but you can easily use Canva!

Step 6: Add in all your buttons.

I finished up everything with a call to action and added in my buttons. I like to add them in last because they're kind of a process on their own, so I like focusing on the sales page individually.

step-6.png

Click on your button. There should be a box that pops up. Click the link icon, which should expand the box into several options for you, as shown in the screenshot below:

Select "Leadbox". Click "Create New Leadbox".

Step 7: Customize Your Leadbox.

That Leadbox looks pretty basic, right? It also doesn't reflect our branding at all. Let's customize it! Go ahead and change the color of the progress bar and the button by clicking on them, then selecting the round color image.

You can click on the image to enable a hover box that has an image icon on it. To add another image, just click that. It'll prompt you to select your own image or upload a new one.

When selecting an image, make sure that you find one taller than it is wide, and not much bigger than, say, 500px wide. You don't want this image to be giant, or it'll take over the whole box. (That could interfere with Google's new requirements of the pop up not being larger than 25% of the screen.)

I don't actually want an image in my Leadbox, so I'm deleting mine. Here's how I did it:

I selected the image, clicked on the settings icon at the top left of the image, and then I found the Row that was inside the Section. This image is contained inside the Body, so I was able to navigate to the Row 1 inside the Body Section, then find the Image Container and Form Container. From there, I deleted the Image Container. Boom! No image!

Now, for the slightly more tedious process. Let's add our email software and notifications settings. Click on the form section of your Leadbox. 

Step 8: Add your email integration.

The default will have it sending notifications to you, and if you're offering a freebie to be delivered automatically, you don't want that option available. You want to add another integration. 

Name your Leadbox before starting anything else. Then, click "Add an integration", just below the "Notify Me" section. Select your email provider. You may need to connect it using the API code and such. It should walk you through the process. 

When you've added your email service, select the correct form for it to add new subscribers to. Also, once you've done that, BE SURE to delete the "Notify me" option or you'll be constantly receiving emails which can be a PAIN in your booty.

I added my husband's Mailchimp just for fun. Next, at the top, select "Fields", to the right of "Integrations". 

Customize your form. Make sure it reflects exactly how your form is set up through whatever service provider you set up. For example, if I don't have a phone number field in my Mailchimp form, I shouldn't add one here as it could screw up receiving emails.

Then, hit "Follow Up" at the top. I typically use a customized Thank You page that offers another thing to them, so this would be a perfect time to figure out where you want your new subscriber to be redirected after signing up. The default thank you page from Leadpages is quite adequate, so feel free to just use that. I've used it lots before! I really like the look of it. You can also select "Leadpage" and it'll list out all the other Leadpages you have, so if you have a thank you page created through another landing page, you can connect that here! :) SO easy, right?!

That screenshot is Leadpages' default thank you page. Cute, huh? I like it. Once you've selected all the features you want, hit "Save and Close Form". 

Close out of the Leadbox and hit "Publish"! You're done! View your page and fix any small things here and there so that it's exactly what you want. You can check out the sample page we just created right here.  Oh... and if you still haven't done it, click the button below. :)

Affiliate links in post.

Have questions about Leadpages? Ask me in the comments!