The store builder
The store builder creates a complete storefront for you from a description. You tell the AI what you want in plain language, it builds the pages, and you refine them with follow-up messages. There is no template to wrestle with and no code to write, though you can drop into the code if you want to.
Claiming your store URL
The first time you open the builder, it asks you to pick a web address for your store. Under Build your store with AI, choose a subdomain, such as "mystore", and it becomes mystore.paysio.com. Only lowercase letters, numbers, and hyphens are allowed. Click Continue to claim it.
This is where your live store will be published. You can point a custom domain at it later so it uses your own web address instead.
Building with prompts
Once you have a URL, you are in the editor. On the left is a chat, on the right is a live preview of your store.
To build, describe what you want in the chat, for example "a minimal store for my coffee brand with a hero image, a product grid, and an about page". The AI generates the store, showing a progress indicator while it works. When it finishes, the result appears in the preview.
To change anything, just send another message. The input reads "Describe changes to your store", and every follow-up refines what is there rather than starting over. You build the store up conversationally, one instruction at a time.
Cloning an existing site
If you already have a site you like, you can have the builder recreate it. Paste its URL into the chat, or say something like "clone this site" with the URL.
The builder scans the site and shows a Choose pages to clone list. It pre-selects the pages it recommends, and you can Select all, Clear, or tick individual pages. If the site has products, an Import products option appears showing roughly how many it found, so their details come across too. Click Clone to build your store from the selection.
The live preview
The right side always shows your store as it looks right now. You can:
- Switch device sizes: toggle between desktop, tablet, and mobile views to check the store looks right on each.
- Navigate the pages: move through your store's pages in the preview, just as a visitor would.
- Open the live store: a link takes you to the published store at your store URL.
Versions
Every time the AI generates or changes your store, it saves a new version. Open Version History to see them, listed as v1, v2, and so on, each with the prompt that created it and when it was made.
Click any earlier version to roll back to it. This makes experimenting safe: if a change makes things worse, you can always return to a version you liked. Badges mark which version is current (in the editor) and which is published (live).
Code view
For finer control, switch from Preview to Code. This shows the files behind your store so you can inspect exactly what the AI built and edit it directly. Most people never need this, but it is there when you want precise changes the chat cannot make as easily.
Publishing
Your edits live in the editor until you publish them. When the store looks ready, click Publish to push the current version live to your store URL. Until then, visitors keep seeing the last published version, so you can work in progress without anyone seeing half-finished changes.