All Sections
Your Website

Setup, Editing & Publishing a Website Using Claude Code

You own your lead-capture website outright. You can change anything on it and publish those changes live yourself — just by talking in plain English to an AI assistant called Claude Code. No coding. This guide takes you from a fresh computer to editing and publishing on your own.

1. What you received

Your website was handed to you as a single folder. You open this folder in your editor and everything is inside it. The site has two landing pages, both feeding the same lead form:

  • Home (/) — your main long-form page, ending in the quiz.
  • Cash Offer (/cash-offer) — a quiz-first page built for paid ads.

Plus the standard About, Contact, Privacy, Terms, DMCA, thank-you (/offer-confirmation), and 404 pages. There is no standalone /offer page. Both landers include a required SMS/text consent checkbox (the form will not submit until it is checked). The template can run as a personal brand (you, by name and photo) or a company brand ("we"/your company name, no individual pictured) — you pick during setup, and the SETUP file walks you through it. Here is what each part of the folder is — you will rarely touch most of it; Claude handles it for you.

In your folder What it is
index/Your actual website — the two landing pages (Home + Cash Offer) and every other page (about, contact, privacy, terms). This is what visitors see.
functions/submit.jsThe behind-the-scenes code that handles your lead form: sends the lead to your CRM, saves a backup copy if you turned that on, and emails you if a delivery fails. Don't edit this by hand.
deploy.shThe publish button. When you say "publish my site," this is what runs. It also refuses to publish while any template placeholder is still unfilled, so a half-finished site can't go live.
test-form.shA smoke test. It sends ONE test lead through your live form so you can confirm delivery end-to-end (delete the test lead from your CRM afterward).
SETUP - fill these in.mdYour fill-in checklist. The site arrives as a template full of [[PLACEHOLDER]] values (company name, owner name, etc.); this file lists every one. Claude works through it with you.
CLAUDE.mdThe instruction sheet your AI assistant reads automatically. It already knows how to edit and publish your specific site.
START HERE - Setup and Workflow.mdA written copy of this same guide, kept inside your folder for reference.

The easiest path: do the one-time setup in Section 3, then open the folder with Claude and say "Read the setup file and help me fill everything in." It walks you through every placeholder and key below.

Download
Get your website files (.zip)
Download the zip, unzip it (double-click), then open the your-website folder in VS Code (Step 5 below). It includes everything listed above plus a SETUP checklist Claude can fill in for you.

2. Which tool to use

You will run your AI assistant inside a free program called VS Code. We recommend this over every other option, and here is the honest reason:

  • VS Code (recommended). You see your website folder, you watch changes happen, and the "publish" step runs right in front of you. It is the easiest setup to get help with if you ever get stuck.
  • The Claude Code command line. This is the same assistant without the visual window. It works, but it is less friendly if you are not used to typing commands. VS Code uses this underneath anyway.
  • The Claude desktop app. We do not recommend it for your website. It can chat and edit, but publishing your site needs tools that live on your computer, and the desktop app makes that harder to set up and harder to fix when something goes wrong — with no benefit over VS Code.

Bottom line: install VS Code and use Claude Code inside it. The rest of this guide assumes that.

3. One-time setup (about 30 minutes)

You will install four free tools, then open your website folder. Do them in order. You only ever do this once.

Step 1 — Install VS Code

Your workspace. Download from code.visualstudio.com and install it like any normal app (Mac or Windows).

Step 2 — Install Node.js

Runs quietly in the background; it is what lets your site publish. Download the LTS version (the one labeled "LTS," not "Current") from nodejs.org.

Step 3 — Install Claude Code (your AI assistant)

Open VS Code, then from the top menu choose Terminal > New Terminal. In the panel that opens at the bottom, type this and press Enter:

npm install -g @anthropic-ai/claude-code

When it finishes, type claude and press Enter — it walks you through signing in. You need a paid Claude plan (Pro or Max). Official guide: claude.com/claude-code.

Step 4 — Install Wrangler (the publish tool)

In that same terminal, type this and press Enter. You will never run it by hand — the publish step uses it for you.

npm install -g wrangler
Step 5 — Open your website folder

In VS Code: File > Open Folder, then pick your website folder. Open a terminal (Terminal > New Terminal) and type claude to start your assistant inside that folder. It reads your CLAUDE.md automatically, so it already knows your site.

Windows note

For publishing, the simplest path is to just ask Claude to "publish my site" and let it handle everything. If you prefer to run commands yourself, install Git Bash (it comes with "Git for Windows") and use that terminal.

New to Claude Code? Watch this first

This 3-minute video walks you through installing VS Code and Claude Code from a blank computer — made for people who have never opened a terminal.

What to watch this for

Watch it for one thing: how to install VS Code and Claude Code (Steps 1 and 3 above). In the video he then builds a brand-new app — you can ignore that, because you already have a website and only need to edit it. Two things this video skips, which you get from this page instead: installing Node and Wrangler (Steps 2 and 4), and publishing — for which you simply tell Claude "publish my site" (Section 5).

Want a slower look? These are optional:

4. Connect your accounts & keys

Your site is fully in your name. A few outside services power it, and each one is yours. Below, each item is tagged with who handles it.

You set up

Cloudflare — where your site lives

Your website lives on your own Cloudflare account (along with your lead-backup database). You'll grab two things from it (your account ID and an API token) so your computer can publish, and you'll set your form settings there too — they live in your Cloudflare project, not in a file, so they stay put every time you publish. If FlipAnywhere built your site, these are already in place — this is for when you set up or change them yourself.

Find your Account ID
  1. Log in to Cloudflare and open Workers & Pages.
  2. Your Account ID is shown on that page — it's also the long string in your browser's address bar while you're inside your account.
  3. Copy it. It stays the same across all your projects, so you only need to find it once.
Generate your API token
  1. Click your profile (top-right) → API Tokens.
  2. Create TokenCreate Custom Token.
  3. Give it a name (e.g. "FlipAnywhere").
  4. Add these permissions:
    • Account · Cloudflare Pages · Edit
    • Account · D1 · Edit
    • Account · Workers Scripts · Edit
    • Account · Account Settings · Read
    • User · User Details · Read
  5. Under Account Resources, include your account.
  6. Continue to summaryCreate Token.
Add your form settings (environment variables)

These control where your lead form delivers. They live in the Cloudflare dashboard — not in a file — so they survive every publish and you never re-enter them.

  1. Cloudflare → Workers & Pages → open your project → SettingsVariables and Secrets (Production).
  2. Add:
    • ZAPIER_WEBHOOK_URL — your CRM webhook (Section 4d), where every lead is sent.
    • CLIENT_EMAIL — the email address that should be alerted if a lead ever fails to deliver.
    • RESEND_API_KEY — optional; only if you set up the Resend failure alarm (Section 4c).

Claude can't reach your Cloudflare dashboard, so you add these on the website yourself — but ask Claude and it will tell you exactly what to click.

Required: turn on the lead backup database

Your site keeps a copy of every lead in a small database (Cloudflare D1) on your own account, independent of your CRM — so a lead can never be lost even if a delivery fails (see Section 6). This is a required part of setup: the post-publish smoke test fails until it's in place.

  1. Cloudflare → Storage & DatabasesD1 → create a database.
  2. In your Pages project: Settings → Bindings → Add → D1 database → bind it with the name db.
  3. Ask Claude for the one-time table setup — your SETUP file contains the exact command to run in the D1 console.

Required for a supported production setup. Leads may still reach the CRM without it, but you lose the independent backup and setup verification.

Attach your domain (usually already done at build)
  1. Cloudflare → Workers & Pages → open your project → Custom Domains.
  2. Set up a custom domain, enter your domain, Continue. Cloudflare adds the DNS records and begins activation (can take a few minutes).
  3. If a www record is missing, add a CNAME: name www, target = your project URL (the …pages.dev address on the project's page, not the bare domain).
  4. Wait until the domain shows Active.

Save your API token somewhere safe the moment you create it. Cloudflare shows it once — if you lose it, delete it and make a new one (you can edit a token's permissions later without regenerating, but you can't re-view the value). Anyone with this token and your account ID can act on your account, so never paste it into a public place.

Video walkthroughs

Find your Account ID

You do not need to create a Worker or new project. That part of the video is only demonstrating where the Account ID remains visible.

Generate and manage your API token
Connect your domain to the project
You set up Required

Google Maps key

This powers the address autocomplete and the house-photo preview on your form. Without it, the address box won't work, so set this up before you go live.

  1. Go to console.cloud.google.com and sign in (free account is fine).
  2. Create a project, then open APIs & Services.
  3. Enable these three: Maps JavaScript API, Places API, Street View Static API.
  4. Open Credentials, create an API key, and copy it.
  5. Restrict the key to your domain: edit the key, set Application restrictions to HTTP referrers, and add your domain (e.g. yourdomain.com/* and www.yourdomain.com/*). This key is visible in your page source by design, so the restriction is what stops anyone else from running up your bill.

Then open your site with Claude and say:

Here is my Google Maps API key: [paste it].
Please add it to the site and publish.
Stuck on Google Maps? Official docs + Claude in your browser
You set up Optional

Resend — your failure alarm

Resend emails you only if a lead ever fails to reach your CRM, so you can follow up by hand and never lose one. Your leads are always saved either way (see Section 6), so this is a safety net, not a requirement. See Section 6 for exactly why this alarm matters.

  1. Sign up at resend.com.
  2. Verify your own domain in Resend (so alerts can come from an address like alerts@yourdomain.com).
  3. Create an API key and copy it.
  4. Decide which email address should receive the alerts.

Then tell Claude:

Set up Resend. Send from alerts@yourdomain.com,
and notify me at [your email].

Claude wires the sending addresses into your site. The API key itself goes in as the RESEND_API_KEY environment variable in your Cloudflare dashboard (Section 4a) — Claude will point you to the exact screen. If you skip Resend entirely, nothing breaks; you simply won't get the failure email.

Stuck on Resend? Let Claude walk you through it
  • Open Resend's docs: resend.com/docs/introduction. Copy any section you're stuck on and paste it into Claude (in VS Code or claude.ai) with a note like "Walk me through this step by step for my FlipAnywhere site."
  • Or, while you're on the Resend website, install the Claude Chrome extension and ask Claude right there — it can see the page and tell you what to click.
You set up Required

Your CRM webhook (Zapier or GoHighLevel)

This is the connection that delivers every lead into your CRM. You create the webhook in your CRM (steps below), then paste its URL in as the ZAPIER_WEBHOOK_URL form setting in your Cloudflare dashboard (Section 4a). If FlipAnywhere built your site, this was done during your build.

Important — do not delete your webhook casually

If you delete that Zapier zap / GHL workflow, your form stops delivering leads until you create a new webhook and update the ZAPIER_WEBHOOK_URL setting in your Cloudflare dashboard to match. Changing CRMs? Set up the new webhook first, then swap the setting.

If you use Zapier
  1. In Zapier, create a Zap.
  2. Trigger app = Webhooks by Zapier, event = Catch HookContinue.
  3. Copy the custom webhook URL Zapier gives you — that URL is where your form sends every lead, and it gets built into your site.
  4. Then connect the rest of your Zap (send the lead to your CRM and/or email).
If you use GoHighLevel
  1. GoHighLevel → Automation (optionally create a folder, e.g. "FlipAnywhere").
  2. Create WorkflowStart from scratch; name it e.g. "FlipAnywhere – Website Leads".
  3. Add TriggerInbound Webhook. GHL gives you a webhook URL.
  4. GHL won't fully save the webhook until it receives a sample. So the order is: put this URL into your ZAPIER_WEBHOOK_URL setting (Section 4a) → send a test lead (ask Claude to run the included test-form.sh, or submit your live form once) → finish mapping and save.
Video walkthroughs

Webhook setup videos already live in the Academy — start here:

5. The everyday routine

Two steps, always: edit, then publish.

Editing your site

Open your folder in VS Code, start Claude (claude in the terminal), and tell it what you want in plain English:

  • "Change the phone number everywhere to (757) 555-1234."
  • "Update the home page headline to 'We Buy Houses Fast in Hampton.'"
  • "Fix the typo on the About page."

Claude makes the change and shows you what it did. Nothing is live yet. One tip: you have two landing pages (Home and Cash Offer), so if a change should hit both of them, say "everywhere" or "on both landing pages" — otherwise name the page you mean.

Publishing your changes

When you're happy, tell Claude:

Publish my site.

It publishes everything and confirms when it's live, usually within a minute. Make several edits, look them over, then publish once — you don't need to publish after every change. (If any [[PLACEHOLDER]] from your setup is still unfilled, the publish step stops and tells you which one — fill it in, then publish again.)

6. Where your leads go (and your failure alarm)

Every time someone submits your form:

  1. The lead is sent to your CRM — your main destination.
  2. A copy is also saved to your backup database (Section 4a — a required part of setup), no matter what happens with the CRM.

That's why a lead can never silently disappear. To see your backup copies any time, just ask Claude: "Show me my most recent leads from the backup database."

Why the email alarm matters

Here's the gap it closes. Imagine Facebook reports that a lead came in — but nothing shows up in your CRM. Facebook only tells you a lead happened (a count); it never hands you the person's name or number. The actual contact details are sitting safely in your backup database — but only if you go look.

The optional Resend alarm closes that gap: instead of you having to notice the mismatch, it emails you the moment a lead fails to reach your CRM — with the contact info and a backup ID to pull it. Two layers: the backup database means a lead is never lost; the alarm means someone is actually told to go get it.

Many CRMs can also email you on every successful new lead — that's worth turning on too. The difference: your CRM notification fires on success; the Resend alarm fires on failure. They cover different moments.

7. Getting help

When anything is unclear or something breaks, describe it to Claude in plain English. It can read your files, explain what's happening, and fix it — e.g. "the address box on my form stopped working, can you check it?"

Help on the exact screen you're looking at

Some steps happen on other websites (like setting up your Google Maps key). For those, add the Claude browser extension:

  1. Open the Chrome Web Store and search for Claude.
  2. Add the extension to Chrome.
  3. When you're stuck on a page, open Claude and ask — it can see the screen you're on and walk you through it.

Your website is built around Claude. Other AI tools may be able to help, but we don't provide instructions or support for them. To keep things simple and fully supported, use Claude.

← All Sections