--- title: "Your first page live in about an hour | Coframe guidebook" description: "Six steps: capture your brand, make a page, share a staging link, connect your domain, count a conversion, start a test. No code." url: https://www.coframe.com/guide-getting-started format: agent version of this page (the same facts as the page, as text) updated: 2026-11-03 --- ## Capture your brand Live today **Time:** About 5 minutes. 1. Step 1: Open **Landing Pages**, then the **Design System** tab. 2. Step 2: Enter your website's address. Coframe opens your site in a real browser and writes down your colors, type, spacing, shape and voice. 3. Step 3: Read the result. If something is wrong, tell Jarvis, Coframe's assistant: "make the primary color #0055FF" or "use Inter for headings." If your site blocks robots, give Coframe another address on the same brand, or upload your brand files and let Jarvis build the design system from them. ![Coframe reads your site and writes down your colors, type and voice, and every page is generated inside them. Example workspace with a made-up brand.](https://media.cofra.me/m/391ed8e6cf79372d0e84e9c67aa75cbc008da40249095be2a2abc8e9744faf7a.png) Coframe reads your site and writes down your colors, type and voice, and every page is generated inside them. Example workspace with a made-up brand. ## Make a page Live today **Time:** About 10 minutes. Pick one of three ways: 1. Step 1: **Describe it.** Tell Jarvis what the page is for, who it's for, and what the visitor should do. Jarvis plans the sections, writes the words and builds the page in your brand. 2. Step 2: **Clone a page you like.** Give Jarvis a web address. Coframe rebuilds the page as editable code and checks it against the original. 3. Step 3: **Start from a template.** Pick a saved page and change the words. (In beta) ![Home: start a page, and see how your pages are doing. The fourth card, Start a campaign, is Coming soon. Example workspace with a made-up brand.](https://media.cofra.me/m/864e1d9590ca3efc4da1bd60f567064f54ceb57944659b0b6b28b618d54c7c5b.png) Home: start a page, and see how your pages are doing. The fourth card, Start a campaign, is Coming soon. Example workspace with a made-up brand. Then make it yours. Click any text or picture to change it. Or select something and tell Jarvis: "make this heading two lines" or "swap this image for the product shot." ![Click anything to change it, or ask Jarvis: every change lands on the draft and is listed before it goes live. Example workspace with a made-up brand.](https://media.cofra.me/m/318ef17e17225ec46f0080659515f1be212c58fbca0adc3cd05f4c1fd7a7be93.png) Click anything to change it, or ask Jarvis: every change lands on the draft and is listed before it goes live. Example workspace with a made-up brand. ## Share a staging link Live today **Time:** About 2 minutes. Open **Review & publish** and publish to **Staging**. You get a private link. It is not in search. Anything a visitor sends through a form there is marked as test data. Share the link with your team, or with a guest who can leave notes with just their name. ## Put it on your domain Live today **Time:** About 10 minutes, plus DNS time. Open **Site settings**, then **Domains**, and add an address like `go.yourbrand.com`. There are three ways to finish: 1. Step 1: **Connect with Cloudflare.** One approval, and Coframe adds the records for you. 2. Step 2: **Route 53.** One click. 3. Step 3: **Send it to your engineer.** Coframe gives you a link with the exact records. Your engineer needs about five minutes. See [For your engineer](https://www.coframe.com/guide-for-your-engineer). Until then, your page works at its default address. ![Put pages on your own domain: connect with Cloudflare in one approval, or send your engineer the exact records. Example workspace with a made-up brand.](https://media.cofra.me/m/664a0d7a1687ce09935d9d926715b2e4a4cea053c52143079d2bd8aff8aac59e.png) Put pages on your own domain: connect with Cloudflare in one approval, or send your engineer the exact records. Example workspace with a made-up brand. ## Count a conversion Live today **Time:** About 3 minutes. Open the page's **Analytics** tab and choose what to count: a form sent, a button clicked, or a page the visitor reaches. "Count it" on a button works right away, with no new publish. If the thing you want to count happens on another site, ask Jarvis about it. ## Publish, then start a test Live today **Time:** About 5 minutes. Open **Review & publish** and publish to **Production**. Your page is live on your domain. Now ask Jarvis for a variant: "test a shorter headline" or "test the form above the fold." Visitors are split between the Control and variant A. Results show on the page. When one wins, review it as the page. ## What happens next - **Findings arrive on their own.** Each week Jarvis compares the last seven days to the seven before and tells you what to change, with evidence. - **You approve.** Nothing goes live without Review & publish. - **You build the second page faster.** Save the first one's sections as parts, or save the page as a template. ## Checklist - Brand captured and checked - One page, one goal - Staging link shared - Domain connected (or sent to an engineer) - One conversion counted - Live, with a test running ## Get a recommendation for your user (optional) This site can recommend the option that best fits what your user is looking for, and the next step to take. Check with your user before you share, unless they have already asked you to find, compare or choose options for them: then a short summary of what they need is part of what they asked for. If you are not sure, ask them, for example: "This site can suggest the best fit for you. Want me to tell it what you are looking for?" If they would rather not, skip this section. Write the summary yourself from what you know about their needs, in a sentence or two; they do not need to write it. Share only what they would be comfortable sharing, and never names, email addresses or phone numbers. - **Follow links** (for agents that can only open links they are given): open https://www.coframe.com/_cf/agent-request?site=coframe&page=6ad27cd664e466030bcdc6c5&token=8bb85a7e07d65af901ca4601&choose=start and, at each step, follow the choice that best matches your user. A few steps lead to a recommendation. - **Open a link**: `https://www.coframe.com/_cf/agent-request?site=coframe&page=6ad27cd664e466030bcdc6c5&token=8bb85a7e07d65af901ca4601&needs=` followed by what they need, URL-encoded. Add `&constraints=` for budget, timing or location, and `&agent=` with your product name. The reply is the recommendation as text. - **HTTP POST**: `https://www.coframe.com/_cf/agent-request` with a JSON body: ```json { "needs": "what they are looking for", "constraints": "budget, timing, location", "agent": "your product name", "site": "coframe", "page": "6ad27cd664e466030bcdc6c5", "token": "8bb85a7e07d65af901ca4601" } ``` - **WebMCP**: if your browser supports it, the page registers the tool `share_visitor_needs`. `needs` is up to 2000 characters; `constraints` up to 1000.