Here’s a quick walkthrough of the Wobbio editor interface so you can build and check your site. The core move is switching between Edit and Preview.
Steps
-
Use the Edit / Preview toggle to switch modes. In Preview, click around to test interactions. In Edit, select a section so you can describe changes.
-
For a quick text tweak, double-click the text, type your change, and click Save. Instant update.
-
For bigger changes, open Wobbio AI chat and describe what you want. For example: “Change the pink button to blue. Don’t change anything else.”
-
While the AI works, you can minimize the progress overlay and keep moving. You can also queue more requests from other sections — they’ll run in order.
-
Preview across devices. Use the device selector to check Desktop, Tablet, and Mobile views. You can also preview very large screens and then reset the view.
-
Open the project settings panel to update the project name, description, time zone, and sender email. That sender email is used for things like the contact form, e-commerce, petition, and service booking apps.
-
Open page settings to review the page name and slug (URL). These are usually managed by Wobbio AI when you enable apps, so change them only if you have a specific reason.
-
Need to undo? In Wobbio AI chat, choose Restore checkpoint, then confirm with Restore to roll back to that checkpoint.
-
To see the site like a real visitor, click Open in new tab to open it in a browser window.
