Caribbean Payments Alliance
Website Builder Tutorial

Build and publish your website in 7 steps

Everything you need — from picking a template to taking your first payment. About 25 minutes in total, and nothing reaches the public until you press Publish.

Video walkthrough coming soon

We are recording a screen-by-screen video right now. Until it lands, the written steps below cover the whole journey — and the builder itself runs a short guided tour the first time you open it.

The 7 steps

Pick your design

2 min

Choose the template that matches your business. You can change it any time.

  1. Open the Design step in the strip at the top of the builder.
  2. Browse the templates — each card shows a live thumbnail of the layout.
  3. Click a template. A blue border and a "Selected" tick confirm your choice.
  4. The preview on the right refreshes immediately with your new look.

Switching templates keeps your text and images — only the layout and styling change.

Add your logo & colours

3 min

Make the site yours: business name, logo, brand colours and fonts.

  1. Go to the Customize step.
  2. Upload your logo (PNG or JPG, ideally 400px wide or larger).
  3. Set your primary and accent colours — the whole site updates at once.
  4. Type your business name exactly as customers should see it.

No logo yet? Leave it blank — your business name is shown as styled text instead.

Edit your pages & sections

10 min

Sections are the building blocks of your page: hero banner, about, gallery, products, contact.

  1. Go to the Content step. The left pane lists your sections, the right pane is a live preview.
  2. Click any section in the preview — its editor opens on the left instantly.
  3. Use "Add section" to insert a new block, then drag it to reorder.
  4. Use the copy icon on a card to duplicate a section instead of rebuilding it.
  5. Use the eye icon to hide a section without deleting it.

Made a change you dislike? Click the clock icon in the top bar to restore any of your last 10 auto-saved versions.

Add images & video

5 min

Replace stock imagery with your own photos, and embed a YouTube or Vimeo video.

  1. Open any section that shows an image and click the image itself.
  2. Choose "Upload" for your own photo, or "Browse library" to pick a free stock image.
  3. For video, add a Video section and paste a YouTube or Vimeo link — it embeds automatically.
  4. Landscape photos (wider than tall) look best in banners and hero areas.

Keep photos under 5 MB so your site loads fast on mobile data.

Turn on payments

5 min

Connect your processor so customers can actually check out.

  1. Go to the Payments step.
  2. Pick your processor and enter the credentials from your merchant account.
  3. Save, then watch the "Payment Ready" badge at the top turn green.
  4. Place one small test order to confirm money flows end to end.

A red or amber Payment Ready badge means customers cannot pay yet — fix this before you advertise your site.

Save your work

1 min

The builder auto-saves, and the pill in the top bar always tells you where you stand.

  1. "Unsaved changes" (amber, pulsing) — click it, or press Save, to store your work.
  2. "Saving…" — in progress, do not close the tab.
  3. "Saved 5s ago" (green) — everything is safely stored.
  4. "Save failed — click to retry" — click the pill to try again.

Saving is not the same as publishing. Saved changes are private until you publish.

Publish & go live

1 min

Publishing pushes your saved draft out to your live web address.

  1. Click Preview Website to check the real thing in a new tab.
  2. Happy? Click the green Publish button in the top bar.
  3. The status badge switches from "draft" to "published".
  4. Every later edit needs Save then Republish to reach your visitors.

Publishing is safe and reversible — you can keep editing and republish as often as you like.

Troubleshooting

The preview pane is blank or stuck loading.

Press Save, then refresh the browser tab. If it persists, open Preview Website in a new tab to confirm the site itself is fine.

My uploaded image does not appear.

Check the file is under 5 MB and is a PNG or JPG. Re-upload, then press Save.

"No store found" when logging in.

You are using a different email than the one your store was created under. Try the original signup email, or email support with both addresses.

Publish button does nothing.

You may have an unsaved change blocking it. Press Save first, wait for the green pill, then Publish.

Frequently asked

Still stuck? We will do it with you.

Email us with your store name and what you are trying to change. Our team can jump into your builder alongside you.

Email support

Caribbean Payments Alliance · Website Builder Tutorial · Updated June 2026