Build interactive pages that help buyers decide

Connect your ConvertSite account to Claude, then ask it to list your workspaces. You’ll see how to confirm the connection and manage permissions for the tools Claude needs.

• Find the ConvertSite connector in Claude.
• Complete the connection and sign in to your ConvertSite account.
• Ask Claude to list your available workspaces.
• Choose Always allow for individual tools to avoid repeated approval requests.

Want to build with Claude or Codex in Convertsite?

Explain your packages, pricing rules, and guest limits in Codex. Follow the build of a catering page where visitors choose their package and guest count to see an estimate before enquiring.

• Give Codex a clear brief and choose your ConvertSite workspace.
• Review the calculation rules before building.
• Check the estimate in your ConvertSite preview.
• Change a heading directly in the visual editor and undo the edit.

Want to build with Claude or Codex in Convertsite?

Follow a coffee-events landing page from the first brief to a bolder design. Visitors adjust guest numbers and service hours to see an estimate before reaching the enquiry form.

• Explain the business and pricing requirements in Claude.
• Review the first draft in ConvertSite.
• Test the estimate by changing the visitor’s selections.
• Request a more playful hero, review the result, and open the visual editor.

Want to build with Claude or Codex in Convertsite?

AI can misunderstand a request or hallucinate. Sometimes a new version is worse than the previous one. ConvertSite’s saved versions let you review earlier work and recover the version you prefer.

• Open Version history in the ConvertSite builder.
• Find and restore an earlier version.
• Review the recovered page.
• Return to other saved versions when needed.

You stay in control of which version you continue working on.

Want to build with Claude or Codex in Convertsite?

Follow along as we build a professional ROI calculator from the ground up, learning how to leverage interactive sliders, dynamic formulas, and custom styling to create calculators and websites that convert.

• 3 slider inputs + 1 currency field
• Dynamic ROI calculations
• Professional styling with animations
• Functional CTA button

Want to use this for your website?

Learn about how to edit your project in ConvertSite:

• AI Chat for big changes
• Annotations for specific components
• Manual edit to have full control on any detail in your project

Once Claude or Codex has built your page, you can keep changing it in ConvertSite. Edit the wording visually, test the visitor experience, and publish the version you’ve reviewed.

• Use Manual edit to change a heading’s Content field.
• Undo a change when you prefer the original.
• Test package choices, guest counts, and the resulting estimate in Preview.
• Publish your site and check the confirmation that it’s live.

Want to build with Claude or Codex in Convertsite?

Learn how to use different input types in your form builder to collect accurate data from users. This tutorial covers everything you need to know about text inputs, number inputs, and special validation fields

• Text Input: Labels and placeholders
• Number Input: Currency, percentage, and slider options
• Special Inputs: Email validation, date pickers, and phone fields

• Use number inputs to prevent letter entries in numerical fields
• Email inputs automatically validate proper email format
• Choose input types based on your industry and data requirements
• Slider inputs provide better UX for number selection

Learn how to use static elements to build professional landing pages, websites, and calculators! This beginner-friendly tutorial covers the four essential components you'll use in every project.

• Heading Element: Create and customize titles with full styling control
• Text Element: Add paragraphs and descriptions to your pages
• Image Element: Upload images for products and features
• Video Element: Add video content for engaging explanations

• Use headings for titles with customizable size, weight, and color through the properties panel.
• Text elements handle all paragraph content and descriptions for your website or landing page.
• Images are easy to upload and essential for showcasing products, features, and branding throughout your project.
• Videos provide powerful visual explanations when text and images aren't enough to communicate your message.

Learn how to customise the Pricing Quote Calculator template to build your own professional pricing calculator! This beginner-friendly tutorial walks you through editing templates, customizing styles, and setting up dynamic pricing logic for your business.

• How to use templates to jumpstart your project
• Customising brand colors and fonts to match your style
• Understanding the two-column layout for better conversion
• Working with form components (selections, sliders, dropdowns, file uploads, date/time pickers)
• Setting up formulas and dynamic pricing calculations
• Configuring button actions for automated notifications and data collection

Want to use this for your website?