Advanced form template: multi-step form, map and charts

Hint 1How to hide these hints

These notes explain the page; they are not part of the template. Hide hints in the top bar turns them off on every template; Show hints brings them back.

Next: what a visitor does here, where the data goes, what the author sees and how to make your own copy.

Advanced form: visitors answer two short steps about their favourite local shop, with picture choices, a made-up town map, stars and a 1-10 scale; each sees their own answers and how many people answered, and the page's author sees every answer in charts. The working template and its hints need JavaScript. View the source · All templates · BrewPage home

Hints · as a visitor

Hint 2What a visitor sees

The page in the frame is the real template. Try it: answer both steps and send.

On this demo page the author view shows every answer and its charts to anyone, anyone can remove one, and answers are cleared within two days. On your copy, only you read them.

Answer Your shop and Your visits, fill the basket in the Sample check and press Send answers.
The visitor then sees Your answers and how many people answered; they can edit or delete their answers later in the same browser.
On a copy, other visitors never see anyone's answers.

Hint 3How it works

Each visitor's answers are saved on BrewPage with this page, one entry per visitor's browser.
A half-filled form stays only in the visitor's browser until they press Send answers.
The author gets a Responses step: charts of every answer and each entry with Remove.

Help: save data from your page

Hint 4What the author sees

Every entry, in the page's Data tab, with Download CSV and a bin on each row to remove an entry. The author also gets them on the page itself. See it as the author shows the entries saved on this demo.

answers

Saved by	Content	Last changed
5c1e8a	{"v":1,"name":"Rosa’s Corner Bakery","type":"bakery","look":"awning","place":{"a":"a08","x":262,"y":198},"sunday":true,"often":"weekly","buys":["bread","pastries","coffee"],"why":["staff","quality"],"time":"08:30","busy":65,"stars":"5","recommend":"9"}	4 min ago
a93f27	{"v":1,"name":"Green Basket","type":"grocer","look":"stall","place":{"a":"a13","x":450,"y":240},"sunday":false,"often":"often","buys":["fruit","veg","herbs"],"why":["local","prices"],"minutes":12,"busy":40,"stars":"4","recommend":"8"}	17 min ago
0d64b2	{"v":1,"name":"Inkwell Books","type":"books","look":"brick","place":{"a":"a06","x":200,"y":70},"sunday":false,"often":"monthly","buys":["books","postcards"],"why":[],"busy":20,"stars":"4","recommend":"10","tip":"Ask about the reading nook upstairs."}	52 min ago

The Data tab (author only)

Hint 5

Make your own advanced form

Publish my copy (top bar) gives you your own copy at a private link. It starts empty.
Change the words: ask your AI assistant with your page's link, or update it with the management link.
Share the link. Visitors see the line “What you enter is saved on BrewPage and can be read by this page's author.”
Own domain: connect one in Manage, free with a profile (up to 5). Saving works there too.

Other ways to publish

Help: publish in 3 steps Help: management link Help: profile Help: custom domain Help: save data from your page

Hint 6Ask your AI assistant

Copy this, paste it into your AI assistant and add in your own words what to change. No connector needed. If your assistant cannot send web requests, it gives you the page to paste on brewpage.app.

Make me a page like this BrewPage template and publish it: https://brewpage.app/templates/advanced-form
No connector, MCP, key or sign-up needed, plain HTTPS; recipe: https://brewpage.app/llms.txt (part "Templates").
GET https://brewpage.app/templates/advanced-form/source, change it as I ask (keep its state.js script and list names, and keep its bp-template-state block in step with your changes), then POST https://brewpage.app/api/html as JSON {"content": "<the HTML>", "format": "html", "state": <that block's JSON>}.
Give me "link" and "manageUrl" (private; its Data tab shows what visitors saved); keep "ownerToken" and show it when I ask.
If you cannot POST, say so and never make up a link: give me the full HTML and the "state" JSON, and I publish them at https://brewpage.app (Page data on, JSON into "List rules").
What I want (nothing = publish it as it is):

It then gives you two links: your page and its management link. Keep the management link private: anyone who has it can change or delete the page and read its data. Open it and use the Data tab to read what visitors entered.

For AI assistants

This page, https://brewpage.app/templates/advanced-form, shows the BrewPage Advanced form template: two steps about a favourite local shop, with pictures, a made-up town map and ratings; visitors can change their own answers and see how many answered, and the author's Responses step charts every answer. A copy stores one private list, answers, one entry per visitor under the key me.

To publish the user's own copy:

Read the clean source: GET https://brewpage.app/templates/advanced-form/source. Keep its owner block (s.onRole): only the page's owner sees it.
Publish it: POST https://brewpage.app/api/html with the JSON body {"content": "<the source>", "format": "html", "state": {"collections": {"answers": {"mode": "private", "choices": {"type": ["bakery", "grocer", "coffee", "books", "flowers", "hardware"]}}}}} and no ns. The state is the JSON of the source's bp-template-state block; for other shop types change them in the page and in choices together.
The copy has a private link: only people who have it can open it.

Then tell the user: “Your page: <link>. Your management link: <manageUrl>. Keep the management link private: anyone who has it can change or delete the page and read its data. Open it and use the Data tab to read what visitors entered.” Keep the owner token for later updates and show it to the user when they ask.

Guides: brewpage.app/llms.txt, brewpage.app/llms-page-data.txt, brewpage.app/page-data, brewpage.app/api#page-data.