Build your first website
Build, preview, and publish your first ConvertSite website entirely from the site editor — no coding required. This guide walks you from an empty app to a published site and points you to the deeper guides for each step.
Open the site editor
The site editor is where you build every page. Open it by navigating to your site's app id at /sites/{app-id} in ConvertSite.
Meet the builder panels
The editor is organized into panels that each handle one part of your site.
Components — add and place the building blocks of your pages.
Navigator — view and reorder the elements already on the page.
Logic — add conditional behavior and interactions.
Data — connect and manage the data your site uses.
Pages — create and manage the pages of your site.
Blocks — work with reusable blocks.
Style — control how your site looks.
Components, Navigator, Logic, and Data form the first panel group; Pages, Blocks, and Style form the secondary group for a Site. When the assistant is enabled, the header offers AI builder and Manual edit modes so you can switch between guided and hands-on building.
Add a component
Components are the ready-made pieces — text, buttons, forms, images, sections, and more — that make up your page.
In the Components panel, choose the component you want, such as a heading, button, or text box.
Drag it onto your page, or select a placement to add it.
Adjust it in place, then style it in the Style panel.
You can refine the look of your site with responsive editing at Desktop, Tablet, and Mobile breakpoints for Site and Embed apps.
Create a page
Use the Pages panel to add every page your site needs.
Open the Pages panel and choose to create a new page.
Name the page and add its components.
For the full workflow of adding, renaming, and organizing pages, see Manage pages in the website builder.
Preview your site
Check how your site looks before it goes live.
Click Preview in the header to view the current build.
Open the external test preview with Preview on test domain to see it as your visitors will on a test domain.
Publish
Publishing puts your site on the web. The Publish control in the header reflects your site's state: an unpublished site shows Publish your site to the web or Publish your site, and a site that has already gone live shows Publish changes.
Click the Publish control in the header.
Confirm to publish your site.
After your first publish, every later change updates the live site through Publish changes. Details on both flows live in Preview and publish your website.
Next steps
Follow the guides in this order to go further:
Manage pages in the website builder — the full page workflow.
Preview and publish your website — previewing and going live in detail.
Builder panels and responsive editing — reference for every panel and the responsive breakpoints.