Disclosure: This post contains affiliate links. We will receive a commission if you make a purchase through our affiliate link at no extra cost to you. We are a participant in the Amazon Services LLC Associates Program, which is an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com. As an Amazon Associate I earn from qualifying purchases. This website is independently owned and operated. We are a website which receives compensation from the companies whose products and/or services we review. The opinions expressed here are our own. Please read our full disclaimer here.
Transcript of video:
Hey everyone, today we’re going to be creating a landing page with ConvertKit.
Once you’ve created an account, login and click on Grow at the top of the page, then click on landing pages and forms.
On the next page, click on Create a landing page. It’ll take you to a page where you can look through and choose a template design to start from. You can select either preview to view the template or click choose if you are ready to select that particular template.
The neat thing about how ConvertKit is set up is that once you have selected a template, you still have this panel over to the left with thumbnails of other template options. If you realize you’re not satisfied with your current selection, simply click on one of the other options to the left.
So let’s say for instance you have a recipe blog, and you want to give away a free recipe ebook to your newsletter subscribers. We can use pretty much any of these templates and tweak them a bit, but let’s say you don’t have a lot of time and want something that you don’t have to edit as much.
Let’s just go through and see if there is anything that would fit that kind of style. Okay here’s a good one because it has a nice, large photo where we can see the food clearly. I’m going to select that one for us to edit.
First thing we will change is this image. So if you have created a recipe ebook maybe you have also taken photos of the food and can switch out the template image for one of your own.
You’ll click on the image icon itself over here to the right, then select choose files to upload. ConvertKit also gives you some additional options where you can add images from Unsplash, photos from your Instagram or use Hero Patterns in your design.
Once you have selected the image you want, it will appear as the new background.
Next to edit the font, select the font you want to edit and begin typing in your new title or description. When you click on the text, you’ll see two things. The first is that you have a mini menu that appears above the text, where you can change the font to bold, underlined, etc., and that a couple of options also appear in the right hand menu. You can adjust the font color or text size in this space.
You can customize the space to enter your email address, and even change the color of the font or the background of the text box.
Now let’s say you want this text box to be the same color as the download button below. You can adjust to find the color in this color box here. As you can see I’m finding all sorts of shades of red, pink and even purple. But an easier option would be to click on the button options so the font and background info is on the right, and then copy the hex code for the background color.
Go back to the email box, click on where it says background color, and paste the hex value in the box. Now the email address background will match the download button background easily, and you can play with the options for changing the text if you like.
Going back to the main image, there’s an option to change the transparency, so if you want to adjust that, this is where you’ll find that setting.
If you want to change the font style as a whole, go to the General Styles tab over to the right, and choose a font in the drop down menu under headings and body.
Up here I’m going to change this to say Cakes by Sam & Gary and pretend that this is the name of my ebook.
Now underneath the download button, you see this fine print. You can edit this as well or even add a line, heading, image video, etc. There are a lot of different options to choose from, but for now, I’m going to select heading because I want to create a line where I can add my legal pages.
If you aren’t familiar with legal pages, I am not a lawyer so I can’t give legal advice, but if you want more info about Privacy Policies, Terms & Conditions, and Disclaimer pages, be sure to check out Amira’s site here.
You’ll notice now that this changes the text to a link and you can see that it is now underlined. For the sake of time, I’m not going to link the Terms & Conditions or Disclaimer, but you can see how these can easily be converted into links to your website’s legal pages.
Now what if you made a mistake and added in something you didn’t like? Let’s say that this line was an accident and you want to get rid of it. All you need to do is click to select it, and delete.
And so I’ve decided I’m going to bring this line up even further to the smaller text line. Notice how it automatically changes the font size when you do this. But I want to delete this part here and just leave the legal page links instead.
I’m going to add another feature here on the landing page that will show any visitors to the page when this recipe ebook will be launched or perhaps you have a sale that will begin. So here I can click on this plus sign and select the countdown timer. You can change the options here, so if you want to name it sale or launch you can add that here, and change the start and change the date and time here.
So here’s our completed landing page design! I’m going to click save up here to the right before we change what happens on the back end. You can click on preview to see what your design will look like as well.
Now we need to set up what happens when someone visits and interacts with your landing page, and to do that, we need to click settings up here at the top.
The first option that appears is a selection where you can either show new subscribers a success message or redirect them to another page on your website if you want to add a more personalized touch. I’m going to pretend I have a promotion page that I want to redirect them to and enter the link on this section.
The domain name option gives you the choice between using a custom domain on ConvertKit or an external page URL. This step is a bit more complex, so I may cover this in a future video. Leave a comment below if you are interested in learning how to set up and use a custom domain on ConvertKit. But for now you’ll just leave all of this blank because ConvertKit will create a unique URL for you to share this landing page.
The next section is where your incentive will go. So if you are giving a free ebook for example, this is where you can set that up.
At the top you have the option to send an incentive email once someone signs up with their email address, and you can edit the email here. You have the option to select which email address you want the email sent from, and what the subject and body of the email will say.
Once the subscriber has clicked on the link in the email to confirm, you can either send them to another page on your website that has the download available on that page, or you can go ahead and upload the document here and it will automatically download once they click confirm.
The next section shows a list of advanced options. So if someone goes back to your form and they have already subscribed, what do you want them to see? You can have them continue to see the form, hide the form from them or show custom content, or you can send them to a thank you page. If you want to enable reCAPTCHA on your form there’s an option to do that as well.
The last option under settings is for SEO and Analytics. It gives you a place to alter the title, description and image, and connect with analytics tools.
The last step for creating your landing page is to publish it. You’ll see the option to share on social media or to copy the URL that your landing page appears on. If you copy and paste that link into a new window, you can see how your landing page looks on the web.
Congratulations on setting up a landing page in ConvertKit! And if you’re new to the blogging world, be sure to check out my ebook: Website and Blogging Basics: Tech Edition. I’ll post the link in the description below.