Loading tutorials…
Loading tutorials…
Unbounce's drag-and-drop builder makes shipping a landing page in 3 hours feel doable. The harder question: does the page actually convert? Most DIY pages launch at 1-3% CR. Specialists routinely ship pages at 8-15%.
Who this is forMarketers building landing pages for paid ad campaigns: lead gen, demo requests, ebook downloads, webinar signups, product launches.
What you'll need
Step 1
Templates → filter by goal (lead gen, ebook, webinar, ecommerce). Pick one structurally close to your offer.
Unbounce Templates library: filter by industry + goal.
For lead gen (demo request, free trial): pick a template with hero + form + 3-5 benefit sections + social proof + final CTA.
For ebook / lead magnet: hero + form + cover image + 3 bullet benefits + minimal scroll.
For webinar / event: hero with date/time + speaker bios + agenda + form + scarcity element.
For ecommerce / product launch: hero with product hero shot + features + price + reviews + CTA.
Don't try to retrofit a template that's structurally wrong. Picking right saves 3-5 hours vs rebuilding.
Step 2
Headline = the promise. Subhead = the proof. Get these right or the page never works.
Headline rules: 8-12 words max, specific, includes the audience or outcome.
Bad headline: 'Welcome to Our Platform.' Better: 'Get 10x More B2B Leads in 90 Days.'
Subhead: 12-20 words, addresses the obvious objection.
Example pair: Headline: '10x your B2B leads in 90 days.' Subhead: 'Without hiring a sales team or running cold outreach — proof inside.'
Test multiple headline variants. Unbounce's A/B testing helps later; for now, write 5 headlines and pick the best.
If you're stuck: use AI (GPT-4) to brainstorm 20 headline variants. Pick 2-3 to test.
Step 3
Click Edit on your template. Replace placeholder copy with your real copy. Drop in your hero image.
Unbounce Builder is drag-and-drop with sections (Hero, Features, Form, Footer).
Hero: replace headline + subhead + CTA button. Hero image: 1920x1080 minimum, compressed to <300KB before upload.
Below hero: 3-5 benefit sections. Format: clear benefit headline + short paragraph + icon or screenshot.
Social proof: testimonials (with name + photo + company), client logos, stats, awards.
Form: keep short. 3-5 fields max. Name, email, company, phone are typical. NEVER ask for budget or job title on a cold lead form.
Footer: minimal — just legal + brand. Don't add navigation; landing pages should have ONE path forward.
Step 4
Builder has Desktop AND Mobile views. Edit mobile separately — desktop layout rarely translates 1:1.
Top of Builder: toggle between Desktop and Mobile views. Edit each independently.
Mobile-specific rules: headline 1-2 lines (not 3), hero image cropped vertical, form ABOVE the fold, CTA button thumb-friendly (44px+ tap target).
Common mobile bugs: text overflow, broken column layouts, image too large, CTA below fold.
Hide elements on mobile that don't add value: e.g., 'How it works' diagrams that don't render on small screens.
Test on real phones (iPhone + Android), not just Chrome DevTools emulator. Real keyboards behave differently.
Mobile CR is usually 30-50% lower than desktop. Closing that gap is the biggest CR win on most pages.
Step 5
Click form → Form Settings. Fewer fields = higher CR. Validate emails, format phone numbers.
Form fields: keep to 3-5 max. Each additional field drops CR by 5-10%.
Field types: email (required), name (single field, not first+last separately), company (optional for B2B), phone (optional).
Hidden fields: capture UTMs (utm_source, utm_campaign, etc.) for attribution. Map to CRM custom fields.
Validation: enforce email format (built-in), validate phone format if collected.
Required vs optional: only email should be Required. Everything else: Optional. Lower friction.
CTA button text: be specific. 'Get my free guide' beats 'Submit.' 'Book my demo' beats 'Send.'
After submit: redirect to a thank-you page (don't just show a 'thanks' message). Thank-you page is where conversion tracking fires + you can pitch next step.
Step 6
Page Settings → Conversion Goals. Configure what counts as a conversion: form submit, page view, button click.
Unbounce auto-tracks form submits as conversions. No setup needed for that.
Page Settings → Advanced → Conversion Tracking: also fire Google Ads / Meta Pixel conversion events on form submit.
For paid ad attribution: thank-you page should fire Purchase / Lead event in GA4 + Meta + Google Ads + LinkedIn (if relevant).
Add a Custom HTML element on the thank-you page with the conversion pixel code. Or use GTM trigger on /thank-you URL.
Validate: submit a test form. Within 24h, conversion should appear in Google Ads + Meta Ads dashboards.
Step 7
Preview on desktop + mobile. Test the form. Publish to your subdomain.
Preview: opens the page in a new tab without publishing. Test the full flow: load → read → click CTA → fill form → submit.
Test on real devices: iPhone Safari, Android Chrome, desktop Chrome, desktop Firefox.
Test form submission: submit a test entry. Verify (1) thank-you page loads, (2) confirmation email arrives, (3) lead appears in CRM, (4) Slack notification fires.
Speed test: pagespeed.web.dev → mobile score should be 70+ for a properly-built Unbounce page.
Publish: click Publish. Page goes live at your subdomain (pages.yourbrand.com/page-slug).
Document the page URL + UTM convention for the campaign team.
Common mistakes
Adding navigation to the landing page
What goes wrong: Navigation gives visitors paths AWAY from your CTA. Drops CR 20-40% vs no-nav pages. Lead-gen 101 broken.
How to avoid: Remove header nav. Remove footer links to other pages. The only navigation on a landing page is the CTA button.
Form with 8-12 fields
What goes wrong: Each field drops CR 5-10%. 8 fields = 30-50% lower CR than 4 fields. Visitors abandon mid-form.
How to avoid: Cut to 3-5 fields. Email + name + (company OR phone). Collect more data post-conversion via follow-up email or progressive profiling.
Generic headline ("Welcome to Brand")
What goes wrong: Headline doesn't promise specific value. Visitors don't see what's in it for them. Bounce rate 60-80%.
How to avoid: Headline = specific promise + audience or outcome. 8-12 words. Test 3-5 variants.
No social proof
What goes wrong: No testimonials, no logos, no stats. Visitor has no reason to trust the offer. CR drops 30-50%.
How to avoid: Add: 2-3 testimonials with photos + names + companies. 5-10 client logos in a row. Specific stats ("Used by 12,000 marketers").
Mobile layout broken
What goes wrong: Page looks great on desktop, broken on mobile (overflow text, oversized hero, form below fold). 60-80% of paid ad traffic is mobile. CR drops 40-60%.
How to avoid: Edit Mobile view separately in Builder. Test on real iPhone + Android. Form above the fold. Tap targets 44px+.
No conversion tracking
What goes wrong: Form submits but no Google Ads / Meta conversion event fires. Bidding strategies see no conversions. Ad spend optimized for wrong signals.
How to avoid: Thank-you page fires conversion pixel for Google Ads, Meta, LinkedIn, etc. Use GTM or Page Settings → Conversion Tracking.
Recap
Done — what's next
How to set up an Unbounce account
Read the next tutorial
Hand it off
DIY Unbounce pages launch at 1-3% CR typical. Specialist-built pages hit 8-15%. The difference is copy quality, social proof, mobile optimization, and form design — all under-invested by DIY builders. A vetted conversion specialist at $14-16/hr can ship a page in 4-6 hours, typically $100-250 total — pays back within first 100 paid ad clicks.
See specialist rates
First page (with template + copy ready): 3-4 hours. Subsequent pages: 1-2 hours. Custom design from scratch: 6-10 hours. Specialists ship in 2-4 hours typically.
Yes — Unbounce Builder is fully customizable. Use a template as starting point, replace everything. Or upload Figma designs and rebuild. Both work; template-starting is faster.
Median: 3-5%. Top 25%: 7-12%. Top 10%: 15-25%. Highly dependent on offer quality, ad-to-page match, audience targeting. Optimize for your specific funnel, not industry averages.
No — get one solid version live first. Run it for 100-500 conversions. THEN start A/B testing variations. Testing too early on under-100-conversion pages is statistical noise.
Compress hero images to <300KB. Limit fonts to 2 families. Minimize embedded scripts. Use Unbounce's lazy-load (Settings → Page Settings → Lazy load). Target 70+ mobile PageSpeed.
Unbounce
Unbounce is the original landing page builder — and the most-misconfigured. Most owners ship pages with broken analytics, no CRM integration, and Smart Traffic disabled. Here's the setup that makes Unbounce actually pay back its $99/mo fee.
Unbounce
Unbounce makes A/B testing easy — too easy. Most marketers ship 'A/B tests' that lack statistical significance, test trivial changes, and conclude prematurely. Here's how to test like a CRO professional.
Unbounce
Smart Traffic is Unbounce's machine-learning router — it analyzes visitor attributes and sends each one to the variant most likely to convert THEM. Typically lifts CR 10-30% vs even A/B testing. The catch: it needs enough traffic to learn.
Unbounce
Page launched, traffic flowing, conversions flat. The diagnostic sequence below is what a CRO specialist runs in their first 90 minutes on the account. Usually 1-2 of these unlocks the CR lift you've been chasing.
Google Ads
Conversions firing in your store but Google reporting zero? You're not alone. This walks through the right setup path for your stack — including the GA4 import workflow that 80% of DIY tutorials skip.