Advertisement
Guide
About the Page Builder
Build a web page — or a whole small site — by dragging sections onto it, then click any text to change it and any element to style it. When it looks right, export it: you get plain HTML and CSS with no framework, no tracking and no external files beyond the Google Fonts you choose, ready to put on any host — GitHub Pages, Netlify, Cloudflare Pages or your own server.
The blocks are built to be responsive without extra work: grids and columns wrap on small screens. Switch to the tablet or mobile view to check, and any style you change there applies only to that screen size.
Clean output you own
The exported page is a normal HTML document with one stylesheet. Colours, the fonts and the corner radius are CSS variables, so changing the brand colour later is a one-line edit. Pictures you add from your computer are made lighter as you add them; the zip puts them in an images folder, with their sizes set and those further down the page loading only when scrolled to.
Multi-page sites
Open the Pages tab to add pages such as About, Services and Contact. Every page shares one stylesheet, so the theme, fonts and buttons match everywhere. A new page starts with the current page's header and footer. Select the navbar or footer and choose Keep selected section the same on every page: from then on, an edit on any page reaches every page. Links can point to any page from the link's Settings, and the export is a folder with index.html, a file per page, styles.css and images.
Arabic and right-to-left sites
Set the language to Arabic (ar) — or Persian, Hebrew or Urdu — and the site switches to right to left: the navbar, columns, lists and quotes all mirror, in the editor and in the export. Pick an Arabic font such as Cairo or Tajawal in the theme, or start from the Arabic clinic template.
Ready for search and sharing
Add the address the site will live at, a favicon and a social preview image in the Page panel. The exported zip then has favicon.ico and an Apple touch icon, a sitemap.xml and robots.txt, and every page carries its canonical address and the Open Graph and X tags that WhatsApp, Facebook, LinkedIn and X read for link previews. Tick Hide from search engines on pages such as a thank-you page to keep them out of results and out of the sitemap.
Safe to paste into
Imported HTML is cleaned as it is read: script tags, inline event handlers and javascript: links are removed, so a page you paste in cannot run code inside the editor.
How to use it
- 1Pick a template — a single page, the four-page business site or the Arabic clinic — or start from a blank page.
- 2Drag blocks from the left panel onto the page. Double-click text to edit it.
- 3Select an element and use the Style panel to change spacing, colours and type. Use Page to set the theme and page title.
- 4Add more pages in the Pages tab and link to them from any link’s Settings.
- 5Check the tablet and mobile views, then Export the site as a zip or a single page as one HTML file.
Frequently asked questions
How do I put the site online?
Export the site as a zip, unzip it, and upload the folder to a static host. Export ▸ How to put the site online walks through Cloudflare Pages, Netlify Drop and GitHub Pages, all free. Then set the site address in the Page panel and export again for the sitemap and link previews.
Can I make a site in Arabic and English?
Yes. Build one language, then use Page ▸ Make a translation. The copy gets its own language and direction, both navbars get a language switch, and the exported pages link their versions with hreflang tags.
Where is my site saved, and can I go back to an earlier version?
In this browser (IndexedDB), with no size limit worth worrying about. Versions keeps up to 20 snapshots, one of them automatic each day, and Export ▸ Back up the project saves a file you can open on another computer.
Do I need to sign up or install anything?
No. The builder runs in your browser and saves your page in this browser automatically. Use Export to keep a copy as a file.
Can I build a site with several pages?
Yes. Add pages in the Pages tab, set each page’s title and file name, and choose which one is the home page (index.html). Export the site as a zip and upload the folder to any static host.
How do I keep the navbar the same on every page?
Select it, open the Pages tab and click Keep selected section the same on every page. It replaces the navbar on the other pages, and from then on an edit on any page shows up on all of them. Shared sections have a dashed blue outline in the editor; click Stop keeping this section the same to let pages differ again.
Can I add my logo?
Yes. In the Page panel, choose a Logo (SVG or PNG): it replaces the brand name in the navbar on every page, with a height slider. In the Logo Maker, Use in Page Builder sends a logo here, and its symbol becomes the favicon if the site has none.
Can I host the exported page anywhere?
Yes. It is a plain HTML file with CSS and no build step or dependencies, so any static host works — or open it straight from your computer.
Does the contact form send email?
Yes, once you connect it. Select the form and, in Settings, choose how messages are sent: the visitor’s email app, Formspree or Web3Forms (both email you every message; paste the form ID or access key from your free account), Netlify Forms when the site is on Netlify, or any form URL.
Can I edit a page I already have?
Yes. Use Import HTML and paste the page or open the .html file. Styles in <style> tags are kept; linked stylesheets and scripts are not loaded.
Can I build an Arabic website?
Yes. Set the language to ar in the Page panel (or load the Arabic clinic template) and the whole site turns right to left. Choose an Arabic Google Font such as Cairo, Tajawal or Noto Kufi Arabic for the text and headings.
Do Google Fonts work in the exported site?
Yes. When the theme uses a Google Font, every exported page links to it from fonts.googleapis.com. The system fonts need nothing extra, so pick one of those if you would rather load nothing from Google.
What is it built on?
The editor is GrapesJS, an open-source (BSD) web builder framework. The blocks, templates and export are made for this site.