Section Guide: Calls to Action & Conversion

These sections are built to turn visitors into leads and customers: prompting the next step, collecting contact details, showing your pricing, and keeping a gentle call to action in view as people browse. Mix them in wherever you want to move someone from "just looking" to "getting in touch." Like every section, they share the universal Background, Spacing, and Appearance settings.

Prompts and calls to action

Call to Action (CTA)

A focused, self-contained prompt with a headline, a short line of supporting text, and a button (or two). For example, "Ready to start your project? Get a free quote." Drop it anywhere you want to nudge a visitor toward the next step. Some CTA styles can also show a small stats belt for extra credibility.

Styles:

  • Centered: everything centered, clean and direct.
  • Split: the message on one side and the button on the other.
  • Card: the prompt sits inside a raised card.
  • Banner: a wide, full-width strip across the page.
  • Full Bleed: stretches edge to edge, often over a colored or dark background.
  • Gradient: a colorful gradient background for extra visual punch.

Capturing contacts

Form

Displays a form you've built and collects every submission for you: the go-to section for "Contact us," quote requests, booking enquiries, and more. You create the form's fields separately, then choose it here. Submissions are saved so you never lose a lead. For the full walkthrough of building forms and where submissions go, see the Forms articles.

Layouts:

  • Stacked Card: a clean, single-column form inside a card.
  • Split with benefit bullets: the form on one side and a list of reasons to get in touch on the other.
  • Map + Contact: the form beside a map and your contact details.

Newsletter

A lightweight email signup, just an email field and a button, for growing your mailing list. Perfect for "Join our list for tips and offers." It captures the email address for you, but to actually send newsletters you'll connect your own email tool; see the Forms articles for how that works.

Styles:

  • Inline Pill: a compact, single-line signup that tucks neatly into a page.
  • Centered Card: a friendly card with a heading and the signup field.
  • Banner: a full-width strip inviting people to subscribe.

Lead Magnet

An email-gated giveaway: you offer something valuable (a guide, checklist, playbook, or price list) and the visitor enters their email to get it. It's one of the best ways to collect leads because you're trading something useful for the contact. As with the Newsletter, it captures the email, and delivering the download relies on your connected email tool (see the Forms articles).

Styles:

  • Split with a book-cover graphic: a mock cover of your guide beside the signup, which makes the offer feel tangible.
  • Centered: the offer and signup centered on the page.
  • Banner: a wide strip promoting the giveaway.

Pricing Table

Lays out your plans or packages side by side so visitors can compare and choose: each tier with a name, price, feature list, and its own button. Great for service packages, membership levels, or product tiers. You can highlight a "most popular" plan to steer people toward it, and add a small trust line beneath the tiers.

Styles:

  • Three Tier: the classic three-column plan comparison.
  • Side by Side: two plans presented against each other.
  • Billing Toggle: adds a monthly/yearly switch so visitors can flip between billing periods and see the matching prices.

Site-wide prompts

Announcement Bar

A slim notice that pins above your header: the first thing a visitor sees, running across the very top of the page. Use it for a limited-time offer, a holiday notice, a new-location announcement, or an important update. You can add an optional close button so visitors can dismiss it.

Styles:

  • Primary: uses your main brand color.
  • Dark + CTA: a dark bar with a built-in button for a clear next step.
  • Subtle: a quiet, understated bar that informs without shouting.

Sticky CTA Bar

A small prompt that follows the visitor as they scroll, staying in view so your key action is always one click away. Think "Call now" or "Book a consultation" that never leaves the screen. A scroll threshold setting controls how far down the page a visitor has to be before it appears, so it doesn't get in the way up top.

Styles:

  • Bottom Pill: a compact rounded button floating at the bottom.
  • Bottom Bar: a full-width strip along the bottom of the screen.
  • Slide-in Card: a small card that slides in from the side.

A note on email delivery

The Newsletter and Lead Magnet sections capture a visitor's email address and save it for you, but they don't send emails on their own. To welcome new subscribers or deliver a lead-magnet download automatically, connect your own email tool. The Forms articles explain exactly how to set that up.

Was this helpful?