Last Updated on October 20, 2026

Landing Page Creation

A PPC landing page has one job: turn ad clicks into leads or sales. Claude can build the layout and first draft of copy in minutes. Your job is to make sure the page is accurate, on brand, and tracking conversions before any ad traffic hits it.

If the client’s CMS can’t be used or they won’t give us access, build the page on a Sebo Landing Page instead.

Here are the main ways we build landing pages:

  • Duplicating an existing page and editing the content
  • Creating a page using the Sebo Connector Plugin
  • Creating a page using HTML and CSS from Claude
  • Creating a page on their page builder (AI is faster though)
  • Creating a page on Sebo Landing Pages

Landing Page Best Practices

Read The Anatomy of a Landing Page before building your first page. Every landing page we build needs these 5 elements:

Element What good looks like
USP The main headline states the offer and uses the target keyword. A visitor gets the point in about 5 seconds.
Hero Shot The product or service shown in real use. It backs up the USP.
Benefits Short, scannable bullets tied to the customer’s problem. Not dense feature paragraphs.
Proof Real reviews with names and ratings, plus trust badges, certifications, or client logos.
CTA One conversion goal, above the fold. The button says what happens (“Get My Free Quote”), never “Submit.”

Two more best practices: remove the site navigation so the only way forward is the CTA, and make sure the headline matches the keyword and ad that sent the visitor there. Message match helps both conversion rate and Quality Score.

Build a Landing Page with Claude

Brand guidance: Unless the MC gives you brand guidelines, have Claude look at the client’s live website and match its colors, fonts, logo, and tone. If Claude can’t load the site, upload screenshots of the homepage instead.

Start From a Page That Already Works

If the client has a landing page that’s performing well, duplicate it and edit it for the new topic instead of starting from scratch. The layout, form, and tracking are already proven.

  1. Duplicate the page with the platform’s duplicate or clone option.
  2. If the page is built with HTML or shortcode, copy the code and give it to Claude to edit. That’s much faster and safer than reading through the code yourself. Example prompt: “Here’s the code for an existing landing page. Update the copy for {new keyword and offer}. Keep the layout, styles, and form exactly the same.”
  3. Paste the updated code back in, then change the page title and URL.
  4. Check that the form and thank-you page still send leads to the right place and record conversions.

Build a New Page

  1. Get the details from the MC: target keyword or ad group, the offer, the CTA, and any brand notes.
  2. Check which platform the client’s site is on. This decides what kind of code you ask Claude for.
  3. Copy the prompt template below into Claude and fill in the curly brackets. Add the platform line from the matching section under Platform Instructions.
  4. Read the whole page. Fix wrong info, replace placeholders, and remove extra em-dashes.
  5. Paste the code into the client’s site using the platform instructions.
  6. Add the form. See Forms and Conversion Tracking below.
  7. Hide the page from search engines and keep it out of the site menu. PPC pages shouldn’t compete with the client’s organic pages.
  8. Preview on desktop and mobile. Fix anything that looks off.
  9. Submit a test lead. Confirm it reaches the client and the conversion records.
  10. Send the URL to the MC.

Prompt Template

Copy this into Claude and fill in the curly brackets.

Build a PPC landing page for {client name} ({client website URL}).
Platform: {see platform instructions below}
Target keyword: {keyword}. Use it in the main headline.
Offer: {what the visitor gets, e.g., free estimate}
CTA button text: {e.g., Get My Free Quote}. Phone number: {phone}.
Audience: {who the page is for}

Look at {client website URL} and match its colors, fonts, logo, and tone. {Or: Use these brand guidelines instead: …}

Include a USP headline, hero image, benefit bullets, proof (reviews and trust badges), and a CTA above the fold. No site navigation menu. One conversion goal.
Make it mobile responsive. Put all CSS in one style tag and start every class name with “lp-” so it doesn’t clash with the site’s theme.
Use labeled placeholder boxes for images. Leave a placeholder where the form goes.
Don’t make up reviews, stats, prices, or certifications. Use placeholders for anything you don’t know.
Return only the code.

Why the “lp-” class names? The client’s theme already has its own styles. If Claude uses generic class names like “button” or “header,” the theme can override them and break the layout. A unique prefix keeps the two separate.

WordPress Sites: Use the Sebo Connector Plugin

Jonny made a Sebo Connector Plugin that lets Claude build and edit pages on a client’s WordPress site directly, so you don’t paste any code. Claude shows you a preview first, nothing saves until you say yes, and every change can be undone.

Setup: Follow Part 1 (once per computer) and Part 2 (once per client site) in the Sebo Connector guide in the Client Hub. Check the Sites tab first. The client may already be connected. Talk to the tech team if you have any questions.

  1. In WordPress, duplicate a landing page that’s performing well, or create a blank page.
  2. In Claude Code’s Code tab, start a new session in the sebo-site-editor folder.
  3. Name the client and the page, then paste in the prompt template. Example: “On {client}, redesign the {page name} page as a PPC landing page.” Not sure what the client is called in the tool? Ask “Which sites can I edit?”
  4. Review the preview. Ask for changes or say yes.
  5. Finish the form, search, and testing steps from Build a New Page.

The Connector can only use images already on the site, so upload any new images to the Media Library first. It also can’t install plugins, so the site needs a form plugin already in place.

Platform Instructions

Each section has the line to add to the prompt, where to paste the code, and how to hide the page from search.

WordPress

Platform line for the prompt: “WordPress with {theme or page builder}. Give me shortcode for that builder if you can. Otherwise, give me raw HTML with the CSS in a style tag.”

  • Check the theme and page builder first: Look under Appearance > Themes and at the builder tabs when editing a page. WPBakery is the most common on our sites, but Claude can also write shortcode for other builders, like Divi and Avada. Ask Claude whether it can write shortcode for the site’s theme. Shortcode keeps the page editable in the builder, so the client and the team can make changes later without touching code.
  • Sebo Connector: If the site is connected, use the Connector (above) instead of pasting code.
  • WPBakery: Create a new page, switch to Classic Mode, open the Text tab, and paste the shortcode. Switch back to the Backend Editor to check it. You can also add a Raw HTML element and paste HTML into it.
  • Block editor: Add a Custom HTML block (type /html) and paste the code.
  • Elementor: Drag the HTML widget onto the page and paste the code.
  • You need an Administrator or Editor role. Lower roles get scripts stripped out when the page saves.
  • If the theme has a blank or full-width page template, use it to hide the header navigation.
  • Hide from search: In Yoast, open the Advanced tab and set “Allow search engines to show this Page in search results?” to No.

Shopify

Platform line for the prompt: “Shopify Custom Liquid section. Give me HTML with the CSS in a style tag, under 50 KB. Use Shopify’s contact form ({% form 'contact' %}) for the form.”

  1. Go to Online Store > Pages > Add page. Add the title, leave the content blank, and save.
  2. Go to Online Store > Themes > Customize. Open the page type dropdown at the top, choose Pages, then Create template. Base it on the default page template.
  3. In the new template, remove the default sections. Click Add section > Custom Liquid and paste the code. Save.
  4. Back on the page, set Theme template to your new template and save.
  • Custom Liquid can’t go over 50 KB. If the code is too long, split it across multiple Custom Liquid sections. Another option is to do a section per section of the landing page.
  • Hide from search: Go to the page and down at the bottom, there should be a field saying something along the lines of “Hide from Search” or “Hide from Results”. You have to put a 1 in the field next to it.

Webflow

Platform line for the prompt: “Webflow Code Embed. Give me HTML with the CSS in a style tag, under 50,000 characters. No html, head, or body tags.”

  • Open the Add panel, drag in a Code Embed element, paste the code, and save. Code Embed needs a paid site plan.
  • Scripts only run in preview or on the published site, not in the Designer.
  • Pages built with native Webflow elements are easier for the client to edit later. For a page the client will maintain, ask Claude for the layout and copy, then build it in the Designer.
  • Hide from search: In Page settings > SEO settings, turn off Sitemap indexing and publish. “Exclude from site search” only affects the site’s own search bar.

HubSpot

Platform line for the prompt: “HubSpot landing page. Give me HTML for a rich text module and the CSS separately so I can put it in the page’s Head HTML. No scripts.”

  • Go to Content > Landing Pages and create the page.
  • In a rich text module, click Advanced > Source code and paste the HTML.
  • Paste the CSS (inside a style tag) in Settings > Advanced > Head HTML.
  • Use a HubSpot form module for the form so leads land in the client’s CRM.
  • Hide from search: Add <meta name="robots" content="noindex"> to the same Head HTML box.

Squarespace

Platform line for the prompt: “Squarespace Code block. Give me HTML with the CSS in a style tag.”

  • Add the page under Not Linked in the Pages panel so it stays out of the menu.
  • Edit the page, click Add block > Code, keep it in HTML mode, and paste the code.
  • Scripts need a Core, Plus, or Advanced plan. Code may not display while you’re logged in, so check it in a private window.
  • Hide from search: Click the gear on the page, open the SEO tab, and turn on Hide page from search results.

Wix

Platform line for the prompt: “Wix. Give me the section layout and copy so I can build it with Wix elements.”

  • Wix’s Embed HTML element puts code in a frame. The frame doesn’t resize with the screen, and tracking on the page can’t see a form inside it. Build the page with Wix’s own elements and use Claude for the layout and copy.
  • If you need a small custom section, use Add Elements > Embed Code > Embed HTML and set the width to 100%.
  • Use a Wix Forms form, not one inside the embed.
  • Hide from search: Go to Pages & Menu, click the page’s More Actions icon, choose SEO basics, and turn off Let search engines index this page.

Forms and Conversion Tracking

Default: use the site’s built-in form tool (Gravity Forms, Contact Form 7, or WPForms on WordPress; Shopify’s contact form; HubSpot forms; Webflow, Squarespace, or Wix forms). It already sends leads to the client, saves entries, and is easy to track. Paste it where Claude left the form placeholder.

Using the form Claude built: It will look right, but on its own the submit button doesn’t send the lead anywhere. You can still use it if you set up two things:

  1. Where the lead goes. Connect the form to a destination, like a Make webhook that emails the client or adds the lead to their CRM. Give Claude the webhook URL and ask it to send the form there.
  2. How it’s tracked. Pick one:
    • Thank-you page (easiest): Have the form redirect to a thank-you page after it submits. Track that page load as the conversion in Google Ads.
    • Google Tag Manager: The Form Submission trigger works on standard forms. Turn on Check Validation so it only fires on successful submits. If the form submits without reloading the page, the trigger can miss it. Ask Claude to add a dataLayer.push({event: 'form_submit'}) when the submit succeeds, then use a Custom Event trigger for form_submit.

Either way, submit a test lead and confirm the conversion records. For setup details, see Conversions and GCLID Tracking in Forms.