How do you create your own landing page?

Create a page, add a section with a headline, a line of copy, a buy button and an image, style it, check it on mobile and publish it. In ElasticFunnels that is Pages, then Create page, then Drag & Drop Builder, as shown in the nine steps above.

Can I create a landing page without a website?

Yes. ElasticFunnels hosts the page for you and serves it on the domain you connect, with SSL. You do not need a separate website or hosting.

What is the difference between a homepage and a landing page?

A homepage introduces a whole business and links everywhere. A landing page has one job, usually one offer and one call to action, and it is where you send ad or email traffic.

How long does it take to build a landing page?

The simple page in this tutorial takes about 15 minutes. A long sales page takes longer, mostly for the copy, not the building.

Can AI build a landing page for me?

Yes. Create with AI builds a landing page, sales page or presell from a description, and you can then edit it in the same builder. See the AI landing page builder.

Can I start from a template instead of an empty page?

Yes. Create page, then Choose Template starts from a designed page that you customise in the builder. See landing page templates.

Yes. The Code Editor option on Create page gives you full control of the HTML, CSS and JavaScript, and pages can also be edited as files with the ef CLI.

How does the buy button start the checkout?

Insert Product Purchase Link writes a purchase link for the product you pick. For a main product it is a buy link that starts that product's checkout; for an upsell product it is a one-click upsell link.

Can I upload my own images?

Yes. Pick or Upload Image in the image settings opens your file library, or paste the address of an image that is already hosted into Image URL.

Does the page work on phones?

Yes. Check it with the phone and tablet icons at the top of the builder, and use Visible on device in the settings to show or hide an element on desktop, tablet or mobile.

What is the difference between Save draft and Publish?

Save draft keeps your changes without touching the live page. Publish makes the current version public. Preview opens the draft so you can check it first.

How much does it cost to build a landing page in ElasticFunnels?

Every feature is on every plan, including the builder, AI and custom domains; plans differ only in usage limits. Plans start at $97 a month, with a 14-day free trial.

Can I A/B test the landing page?

Yes, on the same URL, so your ads never change. Follow A/B test a landing page in 7 steps.

How to Make a Landing Page (Step by Step)

What you'll build

A simple product landing page for the demo brand's Vitality Complex: a headline, one line of copy, a buy button that starts the checkout for that product, and a product photo, centred and checked on mobile. You build it in the drag and drop builder and publish it on the brand's domain.

New to funnels? Read the full guide first: how to create a sales funnel, step by step shows where a landing page fits before and after the checkout.

You need a product in ElasticFunnels (the demo brand sells Vitality Complex — 90 day) and an image of it hosted somewhere you can link to. Prefer to describe the page and let AI build it? That is the AI landing page builder.

1Create the page

In Pages, click Create page, then Drag & Drop Builder. Give the page a title and click Save. Leave Slug empty and the URL is made from the title (vitality-complex-spring-offer). The builder opens on an empty canvas.

Create page, then Drag and Drop Builder; the page is named Vitality Complex spring offer and saved, and the builder opens on an empty canvas — The page starts as a draft. Nothing is public until you publish it in step 8.

2Add a section and a headline

Open Elements in the left rail (the grid icon under Insert). Drag Empty Section onto the canvas, then drag Heading into it. Double-click the heading and type your headline.

Elements opens; Empty Section and then Heading are dragged onto the canvas, and the heading is typed: Steady energy. No 3pm crash. — Drop an element on the lower half of another one to place it right after it.

3Add the text

Drag Paragraph onto the lower edge of the headline, then double-click it and type one or two sentences about what the product does.

A Paragraph is dropped under the headline and the product copy is typed into it — Keep it short: the headline makes the promise, the text says how.

4Add the buy button

Search the Elements panel for button and drag Button under the text. Double-click it to change its label. Select the button, click Transform Button to Link, then pick your product under Insert Product Purchase Link.

A Button is dragged under the text and relabelled Get Vitality Complex; Transform Button to Link, then Insert Product Purchase Link picks Vitality Complex 90 day — The picker writes the right purchase link for the product type: a buy link for a main product, an upsell link for an upsell.

5Add the product image

Search for image and drag Image onto the text. In the settings on the right, paste the picture's address into Image URL (or use Pick or Upload Image to choose from your files) and describe it in Alt Text.

An Image is dropped onto the page; the product photo URL is pasted into Image URL and the Alt Text is filled in — Alt text is read by screen readers and search engines. Describe the picture, not the offer.

6Centre the section

Click an empty part of the section to select it. Type align in the settings search, then set Align Items to centre, Orientation to Column, Spacing to 24 px and Text Align to centre.

The section is selected; the settings search for align shows Align Items, Orientation, Spacing and Text Align, which are set to centre, column, 24 px and centre — Every style setting is in that panel; the search saves you from opening each group.

7Check it on mobile

Click the phone icon at the top of the builder to see the page at mobile width, scroll through it, then switch back to desktop.

The phone view shows the headline wrapping on two lines, the button and the image at mobile width; then back to desktop — Most paid traffic lands on a phone: check this before every publish.

8Publish

Click Publish. The page status under the title changes to Published. Use Save draft instead when you want to keep working without changing the live page.

Publish is clicked and the page is published — Preview, next to Save draft, opens the current draft without publishing it.

9Open the live page

Open the page on the brand's domain at its slug. The button already points to the checkout for Vitality Complex.

The published landing page: headline, copy, the Get Vitality Complex button and the product photo, centred — In the demo this is the brand's local domain; on your account it is the domain connected to the page.

Common mistakes

Dropping elements outside the section. Drop on the lower half of the element you want to follow; otherwise it lands at the bottom of the page.
Typing the button label into the settings field. Double-click the button on the canvas to change the text people see.
Linking the button to a page URL instead of the product. Use Insert Product Purchase Link so the click starts the right checkout.
Skipping the mobile check. A headline that fits one line on desktop often wraps badly on a phone.
Publishing to test a change. Save draft and Preview show your edits without touching the live page.

Keep going

Where the landing page sits in the funnel: how to create a sales funnel. Start from a designed page instead: landing page templates. Describe the page and let AI build it: AI landing page builder. Once it is live, test a second version on the same URL: A/B test a landing page. All tutorials: the Academy.

How to make a landing page