Skip to main content

Landing Page 2.0: How to create a Landing Page

A step-by-step tutorial for setting up a Landing Page with our 2.0 builder

A landing page is a standalone opt-in you can share anywhere. You don't need a website or a blog to create and share a landing page.

Read on to learn how to build a Landing Page in Kit. For more clarity on the differences between Landing Pages and Forms, check out this article.

Choose a Landing Page template

Go to Grow > Landing Pages & Forms in the navigation. Then, click the + Create new button.

On the next page, select the Landing Page option to the right. If you want to create a Form, check out this article instead.

Next, choose the template that best fits the Landing Page you want to create.

When you hover over any template, two buttons will appear: Preview and Use template.

Click Preview to preview the template on either desktop or mobile.

If you’ve decided to use the template, click Use template. You'll be taken to the Landing Page builder to customize it.

NOTE: You can’t change your Landing Page's template after choosing it. To use a different template, create a new Landing Page instead.

Customizing your Landing Page's content

The Landing Page builder looks like this:

Let’s go through its features.

Naming your Landing Page

Your Landing Page’s default name is “New landing page.” To rename it, click the pencil icon at the top left of the Landing Page builder.

Enter your Landing Page’s new name. Then, save your changes by clicking anywhere else on the builder or hitting “Enter” (for Windows) or “return” (for Mac) on your keyboard.

Saving your changes

We autosave your changes to your Landing Page. Hover your cursor over the cloud icon at the top right of the Landing Page builder to view when we last saved your changes.

Editing existing content

Your chosen Landing Page template comes with placeholder content. Click any part of the content to rewrite it or update its images, for example.

Use the text formatting toolbar above your Landing Page to format the page’s text. This text formatting toolbar has the same features as our email editor’s.

When you hover your cursor over your content, you’ll see a label at the top left identifying the content’s type (like whether it’s a section, column, heading, or paragraph, for example). Use this label to check that you’re selecting and editing the right content.

For example, the “Subscribe Form” label in the screenshot below identifies the content as a subscribe form.

Moving, duplicating, and deleting your content

When you click various parts of your page, a toolbar containing these features will appear to the right:

  • Arrows for moving the content up, down, left, or right, depending on the arrow’s direction. Grayed-out arrows mean you can’t move the content in that direction.

  • A copy icon for duplicating the content. The duplicated content will appear below the original.

  • A trash can icon for deleting the content. If you change your mind about deleting the content, use the redo arrow on the formatting toolbar to bring it back.

Adding new content

There are a few main types of content you can add: sections, rows and columns, and content blocks.

Sections

Sections are containers that hold rows and/or columns of content.

We offer pre-built sections, which you can add to your Landing Page to customize its layout.

To add a new section, hover over the section above or below where you want the new section to appear until the “Section” label appears at the existing section’s top left.

Click the existing section, and + Add section buttons will appear at its top and bottom.

Click either the top or bottom + Add section button—depending on whether the new section should be above or below the existing one—to browse available sections and choose which to add to the page.

Rows and columns

You can add rows and columns of content to your page’s sections. Rows can contain up to four columns, while there’s no limit to the number of rows a column can have.

This screenshot shows a row with two columns of content:

Add more columns to a row

To add more columns to a row, click the + button at the left or right of the row, depending on whether you want the new column to be to the left or the right. The new column will appear automatically.

Alternatively, click the row to open its customization settings in the right sidebar. Then, use the Column Count setting to select how many columns the row should have.

If your row has two or three columns, a Column ratio sidebar setting will appear for you to adjust each column’s horizontal width relative to the others’. For example, a 50 / 50 ratio for a two-column row means that each column will take up half of the row’s width.

Use the Column gap and Minimum height sidebar settings to customize the amount of gap between columns and the columns’ minimum height, respectively (both in pixels).

Add more rows to a column

To add more rows to a column, click the + button at the top or bottom of the column, depending on whether you want the new row to appear above or below.

The content block menu will appear. Scroll down the menu and click the Row content block. The new row will appear automatically.

Content blocks

Content blocks are predefined types of content you can add to your page. They include heading text, paragraph text, buttons, images, links, and more.

Click the + button at the top or bottom of any existing page content to add a new content block above or below. Alternatively, if you’re adding a new content block after text, click the end of the text and type “/”.

A content block menu will appear. Scroll down the menu and click the content block you want to add to the page.

Customizing content styles

Styles are settings that control your content’s appearance, like its font and font size (for heading and paragraph text), background color, margin, and padding.

Click Page styles to the right of the formatting toolbar to access your page’s overall styles settings in the right sidebar. You can customize these styles:

  • Headings 1 through 5

  • Paragraph

  • Subscribe form button

  • Page background

Click any style dropdown menu (like Heading 1 or Page background) to customize the respective content’s styles. Your style changes will update automatically.

Alternatively, click any part of your content to display its specific style settings in the right sidebar.

For example, clicking text with Heading 2 formatting will load the Heading 2 style settings:

When you change a specific content’s styles, two buttons will appear:

  • Apply to all [content]: Apply the style change to all other content on the page that has the same formatting. For example, if you change the style of a specific text with Heading 2 formatting, the button will say Apply to all H2 headings and let you update the styles for all other text with Heading 2 formatting on the page

  • Revert to defaults: Revert this specific content’s style to the Landing Page’s default style for it

NOTE: The top of the right sidebar shows your content’s navigational hierarchy on the page. For example, a hierarchy of Page > Section > Row > Column > Image indicates that your image is in a column that’s in a row, which is itself in a section on your page.

Click any content in the navigation to access its styles settings.

If the ... icon appears, click it to access styles settings for content higher up or further down the hierarchy, as relevant.

Customizing the subscribe form

Click your page’s subscribe form to access these customization options in the right sidebar:

Advanced customization

Scroll to the bottom of any content’s right sidebar settings to access the Advanced dropdown containing advanced customization settings.

You’ll be able to add custom CSS in the dropdown. Depending on the content, you may also have other settings like:

  • HTML ID: Add a custom ID that lets users jump to this content when you add this ID to the end of your page’s URL

Preview your Landing Page

Click Preview to the right of the formatting toolbar to preview your Landing Page on either desktop or mobile.

Modify your Landing Page behavior

Click the gear icon at the top right of the Landing Page builder to load a Landing page settings window for modifying your page’s behavior:

Domain name

The Domain name settings let you set your Landing Page's URL.

The settings are:

  • Custom domain: Choose the "website" your Landing Page can be found on. Your kit.com domain will be available, plus any custom domains you’ve added to your Kit account.

  • Page URL: Customize the last part of the URL that points to your Landing Page. For example, accountdomain.kit.com/your-page-url-goes-here. Type your page URL, and then click Add.

The URLs for this landing page section lists the URLs that lead to your Landing Page. They include the kit.com domain URL we automatically generate for your page and custom URLs you’ve set up.

Click the × icon next to any custom URL you’ve created to delete it.

Changes you make to your Landing Page’s custom URLs will be saved automatically.

Confirmation email

The Confirmation email settings let you choose whether to send subscribers a confirmation email (also known as an incentive email) and what happens after subscribers confirm.

The settings are:

  • Send confirmation email: Enable (or disable) and customize your confirmation email, which is an email you can send to confirm a person’s email address after they subscribe to your Landing Page

  • Require double opt-in: Enable (or disable) double opt-in, which controls whether subscribers need to confirm their email addresses before being added to your email list

  • After confirming, where do you want to send subscribers? Choose whether to send subscribers to a certain page URL or start a download

Click Save to save your changes.

Learn more about the confirmation email in our incentive email guide.

SEO & social share

The SEO & social share settings let you set your Landing Page's appearance (page title, meta description, and social share image) on the search results and social media platforms.

Click Save to save your changes.

Analytics integrations

The Analytics integrations settings let you connect your Landing Page to various analytics platforms to track your page's activity.

Click Save to save your changes.

Publish your Landing Page

Click the Publish button at the top right of the Landing Page builder to publish your changes to the live version of your Landing Page.

If you don’t publish your Landing Page, your changes to it won’t appear when users visit it.

Share your Landing Page

Click the Share button at the top right of the Landing Page builder to get options for sharing your Landing Page:

View your Landing Page's reports

Click the chart icon at the top right of the Landing Page builder to view reports of your Landing Page’s performance:

  • The number of visitors, or users who have seen the Landing Page, over the last 90 days

  • The number of subscribers, or users who signed up through the Landing Page and (if double opt-in is enabled) confirmed their email address, over the last 90 days

    • Click the number to view a list of these subscribers.

  • The conversion rate over the last 90 days, calculated using this formula: Number of subscribers / number of visitors x 100%

  • The number of subscribers, or users who signed up through the Landing Page and (if double opt-in is enabled) confirmed their email address, since the Landing Page's creation

You'll also see attribution breakdowns for your Landing Page's referrers and UTM parameters over the last 90 days.

Export your Landing Page's subscriber list

Click the Download Subscriber List button to the right of the Reports page to export a CSV file of all subscribers who signed up via this Landing Page.

A download link for the export file will be emailed to the Kit account owner. The link expires after five days.

Set up a thank-you page

Your Landing Page comes with a built-in thank-you page that you can direct subscribers to after signup.

Learn how to set up and customize the thank you page here:

Did this answer your question?