Welcome to Site Builder

Getting started with Site Builder

Site Builder is where you build your website: pick a ready-made design, click to change the words and pictures, publish. Here's zero to live.

1. Create your first site

1. Open My sites and click New site (or the Start with a template card).
2. The editor opens on the Templates tab, showing 60+ ready-made designs. Narrow them with the category chips or the search box.
3. Click a design you like and confirm. The design is copied onto your site — everything in it is now yours to edit.
4. Rather start empty? Click Start from blank next to the search box.

2. Edit the page

• Click any text on the page and type to change it.
• Click a picture to select it, then swap in your own image or one from the media library.
• Add new blocks from the Elements tab on the left — drag a Section (hero, pricing, testimonials, footer…) or a Component (image, gallery, form…) onto the page.
• Need photos? Open the Stock tab, search the free photo and video library, and drag a result onto the page.
• Click Save Page (top bar) to save your draft.

3. Publish

1. Click Publish (top right). A confirmation shows the exact web address your site will get — something like mypancho.com/p/your-id/sitebuilder/site/your-address/.
2. Confirm, and the site is live for anyone to visit.
3. The success card offers Set up a domain — click it to use your own domain name instead (see the sharing tutorial).

Publishing requires the Premium plan. Building and saving drafts is included with Site Builder; if you're not on Premium yet, the button reads Upgrade to publish and the upgrade continues straight into publishing.

4. Already have a website?

1. Click the upload button in the editor toolbar (tooltip: "Upload an existing HTML site as a new project").
2. Drop in a web page file (.html) or a zipped folder of the whole site (.zip, up to 25 MB).
3. It opens in the editor as a new site — edit it like any template.

What it costs

Site Builder comes with the MyPancho Plus plan — build and save as many drafts as you like. Putting a site live requires the Premium plan. There's no per-site charge.

Working in Site Builder day-to-day

The daily rhythm: manage your sites from My sites, edit in the editor, publish again to update the live copy.

Your sites at a glance

My sites shows every site as a card:

• The pill on the thumbnail says LIVE or DRAFT.
• On a live site, the open icon (top-right of the thumbnail) opens the published site in a new tab.
• Hover the thumbnail and click the refresh icon to regenerate the preview image from your latest edits.
• Click the card to open the site in the editor. The card's menu also gives Open in editor, Rename, Duplicate, and Delete site.

Rename, change address, duplicate, delete

Inside the editor, click the site name pill in the top bar:

• Rename — changes the name on your dashboard only, not the URL.
• Change site address — changes the web address. The old address stops working; a connected custom domain is re-pointed automatically.
• Duplicate — makes a full copy and opens it. Great as a sandbox before a big redesign.
• Delete site — removes the draft and the published copy. No undo.

Add sections, components, and photos

1. Open the Elements tab in the left panel.
2. Switch between Sections (full-width blocks: heroes, pricing, teams, footers), Components (single items: image, gallery, form, button), and Styles.
3. Search or browse, then drag onto the page where you want it.

For images: open the Stock tab, search the free Pexels photo/video library, and drag a result straight onto the page.

Make your contact form reach you

1. Drag a Form component onto the page (or click an existing form).
2. In the form's panel, pick where submissions go: Email (SMTP) — your own Gmail, Outlook, Yahoo, or Zoho account, with one-click presets and a Send test email button — or Web3Forms, Formspree, EmailJS, Ntfy Push, Webhook. You can enable more than one.
3. Publish. If a delivery fails, the visitor sees an error instead of a fake success — so you never silently lose a message.

Take payments

Drag in a donation, checkout, or membership component. Enter your Stripe or Paystack keys once in the component's panel — they're stored encrypted, and every site you publish can use them.

Notes and SEO

• Notes button (toolbar) — keep per-site notes; they autosave.
• SEO & sharing button (toolbar) — set each page's search title, description, and social share image, with a Google-style preview. Leave fields blank and they're auto-generated. Every published site also gets a sitemap.xml and robots.txt automatically.

Build a page with AI

1. Click the magic-wand button in the toolbar ("Generate a prompt to build your site with AI").
2. Answer a few questions about the business.
3. Copy the generated prompt into any AI (e.g. claude.ai), then paste the HTML it returns back into the editor. Forms and galleries in the result light up as editable components.

Pushing changes live

Edits save to your draft. The live site only changes when you click Publish again — so you can work freely and ship when ready.

Sharing your site with the world

Once a site is published, anyone can visit it — here's how the address works and how to put it on your own domain.

Your site's address

Every published site gets a free address on the platform:

mypancho.com/p/your-id/sitebuilder/site/your-address/

1. See it any time: click Publish in the editor — the confirmation shows the exact address — or click the open icon on the site's card in My sites.
2. Share it anywhere: WhatsApp, Instagram bio, business cards, QR codes.
3. Want a different ending? Click the site name pill in the editor → Change site address. The old address stops working, so re-share the new link.

Publishing requires the Premium plan. Drafts are free to build and save on any plan that includes Site Builder.

Use your own domain

Each site can have its own domain (e.g. www.yourbusiness.com):

1. Publish the site first — the domain picker only lists published sites.
2. Go to Account → Domains on the platform sidebar (or click Set up a domain on the publish success card).
3. Add the domain you own and point its DNS at the records we show you.
4. In the Pick which site step, choose which of your sites the domain should serve.
5. Wait for verification and SSL — usually minutes. SSL renews itself.

After that, visitors see only your domain. If you later change the site's platform address, the domain keeps working — it's re-pointed automatically.

Keep it online

• Your live site stays up as long as your plan covers publishing. If the plan lapses, visitors see a neutral "temporarily unavailable" page — nothing is deleted, and the site comes back the moment the plan is active again. No re-publish needed.
• Found on Google: every published site automatically gets meta descriptions, social share tags, a sitemap.xml, and a robots.txt. Fine-tune any page with the SEO & sharing button in the editor toolbar.

Embed your other Pancho apps

Building a site for a business that also uses Pancho apps (donation forms, galleries, booking pages)? Paste the app's embed iframe into your page — published Site Builder sites automatically include the resize listener, so embedded Pancho apps fit their content perfectly.

If a visitor says the site doesn't load

• Custom domain: check the DNS records first — most issues are pointing-related.
• Platform address: confirm the site's card in My sites says LIVE, and that you didn't change the site address after sharing the link.
• Still stuck? Open Support from the platform sidebar.

Making the site yours

Site Builder has no settings maze — customization happens right on the page. Here's where each knob lives.

Swap the whole design

1. In the editor, open the Templates tab.
2. Click a different design and confirm.

Careful: applying a template replaces the site's current contents. To try a design without risk, click the site name pill → Duplicate, and experiment on the copy.

Mark designs you like with the star to keep them under your favorites.

Change words, pictures, and colors

• Click any text and type.
• Click a picture, then replace it from your media library or the Stock tab (free photos and videos — search, then drag onto the page).
• Select any element and use the Properties button in the toolbar to adjust its spacing, colors, and style.
• The Elements → Styles tab holds reusable style blocks you can drag on.

Add or remove whole blocks

1. Open Elements → Sections.
2. Drag a new block (hero, pricing table, testimonials, contact form, footer…) to where you want it.
3. To remove a block, select it on the page and delete it from its toolbar.

Name and address

Click the site name pill in the editor top bar:

• Rename — the name on your dashboard. Doesn't touch the URL.
• Change site address — the last part of your public URL. Old links stop working; a connected domain is re-pointed automatically.

Per-page search and social appearance

1. Click the SEO & sharing button in the toolbar.
2. Set the page's title, description, and social share image — a Google-style preview shows the result live.
3. Anything you leave blank is auto-generated from the page's own content.

The dashboard card

Hover a site's thumbnail in My sites and click the refresh icon to regenerate the preview image from your latest edits.

What you can't change

Your account currency is set at signup from your phone's country code and is permanent. Site Builder itself has no other locked settings — everything visitors see is editable on the page.