Sales Page Builder: Elements and Editing

Start with a template, not a blank page

The fastest way to build a sales page is to grab a ready-made template and swap out the copy. A blank page is where the Direct Response operator burns an afternoon. When you already have something 80% done, your job becomes fine-tuning, not building from scratch.

Templates come sorted by page type, and each type solves a different moment in the funnel:

• Text and image sales page, no video, for offers that sell on written argument
• VSL, with the sales video up top, the format most people run today
• Opt-in page, when you want email, phone, and name before selling
• Upsell, for a complementary offer after the purchase
• Thank-you page, the post-conversion step

Pick the type by the page's role in your funnel, not by looks. A pretty VSL template is useless if the moment calls for an opt-in.

What comes pre-built in a VSL template

Grab a VSL template and you get the whole structure ready. On top of the banner headline and the VSL headline, the template already includes proof sections (student results), an argument block, the steps of the method, the pricing part, the mentor intro, and the FAQ.

That means the backbone of the page already exists. You don't decide where social proof goes or where the price sits. It's already handled by a structure that works. Your job is to fill it with your offer.

What changes from page to page is the copy. And that's where most people freeze, thinking they need to reinvent the layout when all they really need is to rewrite the text.

How do you edit headlines and text blocks?

You click the text element and the editing panel opens on the left. That's where you write your headline. Simple as that.

The banner headline is the first thing the person reads. The VSL headline reinforces it right above or below the video. Every text block in the template is edited the same way: click, the panel opens, you rewrite.

One detail that saves rework: keep the template's visual hierarchy. If one block was a headline and another was a subhead, respect the sizes. Swapping copy without messing up the structure is what keeps the page converting.

Adding and setting up the VSL video

The video element supports different players, so you use whatever you already have hosted. Once you paste the video in, the controls that matter for a VSL are:

• Alignment of the video in the section
• Size, so it doesn't end up tiny on mobile
• Autoplay
• Muted at start
• Optimized loading, so the page doesn't lag

Autoplay with muted is the standard VSL combo: the video starts on its own, and the person clicks to turn on the sound. Optimized loading matters because a slow page kills conversion before the lead even sees the offer.

Button: checkout link or scroll to section

The button is where the page turns into money. You click it, write the text ("I want it now", "Claim my spot") and set the destination in the link field.

The button can do two things:

The first is to send straight to checkout. You paste the link to your payment platform and that's it, whoever clicks goes to pay.

The second is to scroll the page to a specific section. Say you want to take the person straight to the pricing part. You give that section a name in the custom ID field and link the button to that ID. Click the button, and the page scrolls down to the price. Good for a top-of-page CTA that needs to carry the lead down without them scrolling by hand.

The math is simple: a top button usually scrolls to the offer, a bottom button usually goes to checkout.

Popup with an opt-in form

Instead of dropping the person straight into checkout, you can open a popup. You click to edit that window and build its content with the same element blocks you use on the page.

The most common use is opt-in. You drop a form inside the popup asking for name, email, and WhatsApp. The lead fills it out, and you keep the data.

The trick is in what happens after submission. You set the success action as a redirect and drop in your payment platform URL. Here's how it works: the person fills out the form, you capture the data, and they get sent to checkout in the same motion. Opt-in and sale in a single click.

Copy style and standardize your elements

When you build a page, every button needs to look the same. Nothing screams sloppy page like three buttons with different colors and sizes.

Instead of styling them one by one, you set up the first button the way you want and use the option to copy its style. Apply it to the others and they all come out identical. You can also duplicate a whole element when you want to repeat the same structure further down.

This kind of standardization by copying style is the same principle that makes a difference when volume ramps up in other parts of the operation. Anyone launching dozens of campaigns a day on Meta Ads knows that repeating setup by hand is where errors creep in, and that's why high-volume operators back naming and config standardization across accounts in an automated layer instead of redoing everything campaign by campaign.

Other elements and the style panel

Besides text, video, button, and form, you've got image, icon, list, and comments at your disposal. The comments come with a social-media style, which you can use as pre-formatted social proof, mimicking a testimonial screenshot.

In the style section you set the fonts: one for titles, one for body text, one for buttons. Standardizing typography right at the start keeps the page from looking like a patchwork quilt.

Every element has the pencil icon, which opens the settings and styles specific to that block. And there are the spacing bars, which are the same for every element: with them you adjust the top, right, and left margins to give sections some breathing room.

The pencil is for what's unique to that element. The bars are the spacing control that applies to everything.

Takeaways

• Always start with the right type of template (VSL, opt-in, upsell) and swap only the copy, not the layout
• Set up the VSL video with muted autoplay and optimized loading so you don't lose the lead at the open
• Use a custom ID so the top button scrolls to the price, and a checkout link so the bottom button converts
• Copy the first button's style so they all come out identical, and standardize your title, body, and button fonts right at the start

Frequently asked questions

Which template should I pick for my offer?

Pick by role in the funnel. If your offer sells through video, VSL. If you need the contact info before selling, opt-in. If it's a complementary post-purchase offer, upsell. The format follows the funnel moment, not the aesthetics.

Can the button scroll the page instead of opening a link?

Yes. You give the destination section a name in the custom ID field and link the button to that ID. On click, the page scrolls to that section. Handy for a top CTA to take the lead straight to the offer.

How do I capture data and send to checkout at the same time?

Put a form inside a popup asking for name, email, and WhatsApp. In the success action, set a redirect with your payment platform URL. The lead fills it out, you keep the data, and they go to checkout in the same click.

How do I make all buttons look the same without editing each one?

Style the first button the way you want and use the copy style option. Apply it to the rest and they all come out identical. For fonts, set one typography for titles, one for body text, and one for buttons in the style panel.