Example: Edit Your Pricing Page

Overview

This walks one real edit from start to finish: changing a price on your pricing page. It ties together the pieces from the other guides, clicking to edit, previewing, connecting analytics, and publishing, so you can see the whole loop in one place. It assumes you've already loaded the site. If you haven't, start with Connect a GitHub repo and load a site.

1. Open the pricing page on the canvas

With the site loaded, use the page switcher above the canvas to open your pricing route. Make sure the canvas is in Edit mode so clicks select elements instead of passing through.

📘 Media pending

Screenshot of the pricing page on the canvas hasn't been captured yet.

2. Edit the price

Click the price you want to change. If it's written as plain text in the source, the editor panel opens with a text field: type the new price and apply it. The canvas updates through hot reload, so you see the new price right away.

If the price comes from code instead, a config value or a variable, clicking it opens the chat with a message already filled in. Describe the change there and let the agent make it. Either way the change lands in your source files. See Edit a page visually and Use the agent for hard edits for the full detail.

📘 Media pending

Screenshot of editing the price hasn't been captured yet.

3. Check it at every width

A pricing table is where layout breaks first. Use the viewport toggle to check desktop, tablet, and phone before you ship. Switch to Interact mode to click through the page like a visitor and confirm the plan buttons still work.

📘 Media pending

Screenshot of the pricing page at phone width hasn't been captured yet.

4. Connect the site to Intempt's analytics

Once you're signed in to Intempt, click Connect analytics in the top bar. Studio adds the Intempt analytics snippet to your site and points it at your active project. From then on, the site feeds visits and events into Intempt's CDP. This is what lets you see how the page performs after you ship it.

📘 Media pending

Screenshot of the connect-analytics action hasn't been captured yet.

📘 Good to know

You need to be signed in with an active Intempt project for this. On the base tier, without signing in, you can still edit and publish; connecting analytics is the step that brings in Intempt's CDP.

5. Ask for a next step

After an edit, Studio can suggest what to do next. A suggestion card can point out edit-time hygiene the change implies, like a missing meta description or alt text on an image you added. Apply a suggestion to drop it into the chat as your next request, or dismiss it.

📘 Media pending

Screenshot of a suggestion card hasn't been captured yet.

6. Publish

Review the change in the Changes panel and its diff, then click Ship. Studio commits the edit on the draft branch and opens a pull request, or commits and pushes for solo work. Your own pipeline deploys it. The full walkthrough is in Preview and publish your site.

📘 Media pending

Screenshot of the publish banner hasn't been captured yet.

Where this is heading

The reason to connect analytics on the page you just edited is the loop Intempt is building toward: edit the page your traffic actually lands on, then watch what the edit does to that page. The product plan describes going further than this version ships, ranking suggestions by a page's real traffic ("your pricing page is your most visited page, here are on-brand edits"), measuring the lift on a page's conversion after an edit, and using that measured win as the on-ramp into Intempt journeys and campaigns.

📘 Good to know

Treat that as the direction, not a current readout. Any figure like "conversions rose 8%" is an illustration from the plan, not a number this version reports. Today, Studio connects the site to the CDP and offers agent-written suggestions; traffic-ranked suggestions and measured lift are planned, not shipped.

Where to go next

• Edit a page visually for the full set of visual edits.
• Preview and publish your site for the review-and-ship detail.
• Website Studio for how the whole surface fits together.
• Desktop App Overview for the rest of the desktop app.