Documentation

Version 1.1

Getting Started

This guide teaches you how to build and publish a website using this system—step by step, from your first login to a live site. It’s written so anyone can follow it, even if you’ve never built a website before.

What you need before you begin

  • A login (email + password)
  • A site (one site is available on the Free plan; Pro can create more)
  • About 30 minutes for your first website

Step 1 — Log in

  1. Open the system in your browser.
  2. On the login screen, enter your email and password.
  3. Click Log In.

Step 2 — Reset your password (if needed)

  1. On the login screen, click Forgot Password.
  2. Enter your email and submit the form.
  3. Follow the reset link you receive.
  4. Choose a new password and save.
Plan basics (Free vs Pro)
Some tools are included for everyone (Pages, Blog, Media, Menus, Theme). Other tools are paid upgrades (Backups, Marketing, Store, Newsletter). Wherever you see a lock or an upgrade button, it means you need the paid feature to use it.

Dashboard Overview

The Dashboard is your “home base.” It shows your sites and gives you quick buttons to manage them.

What you can do from the Dashboard

  • Open your site manager (to edit pages, blog, settings, etc.)
  • Preview your site (to see what visitors will see)
  • Create or choose a site (depending on your plan)

Typical first-time flow

  1. Open the Dashboard.
  2. Click Manage (or similar) on your site.
  3. Start with Pages → create your Home page.

Pages

Pages are the main parts of your website. Example: Home, About, Services, Contact.

Step-by-step: create your first page

  1. Go to Manage Site.
  2. Click the Pages tab.
  3. Click Create Page.
  4. Fill out the page fields (explained below).
  5. Click Save (or Create).

Page creation fields (what each one means)

  • Title — The name of the page people see in headings and (often) menus. Example: “About Us”.
  • Slug — The URL part after your domain. Example: about makes /about.
  • Meta Title — The Google/search title for this page (SEO).
  • Meta Description — The Google/search description for this page (SEO).
Best practice for slugs
Use lowercase words with dashes, like our-services. Avoid spaces and special characters.

After creating a page: the three buttons you’ll use most

  1. SEO — Set search title/description for this page.
  2. Editor — Open the drag-and-drop builder to design the page.
  3. Make Home — Choose which page is your homepage.

Step-by-step: set a page as your Home page

  1. Go to Pages.
  2. Find your page (example: “Home”).
  3. Click Make Home.
  4. Open your site preview and confirm it loads as the first page.

Page SEO

Every page can have its own SEO settings so Google shows the right title and description.

Step-by-step: set SEO for a page

  1. Go to Pages.
  2. Find the page you want to optimize.
  3. Click SEO.
  4. Fill in:
    • Meta Title (keep it clear and specific)
    • Meta Description (1–2 sentences describing the page)
  5. Click Save.
A simple SEO formula
Meta Title: What you do + where you do it.
Meta Description: What problem you solve + what to click next.

What happens after you save

  • Your page keeps the same content and design.
  • Search engines will start using your updated title/description after they re-crawl your site.

Drag-and-Drop Editor

The Editor is where you build page layouts visually. You drag blocks onto the page and edit text/images directly.

Step-by-step: design a page

  1. Go to Pages.
  2. Next to the page you want to design, click Editor.
  3. Use the block library to add sections (headers, text, buttons, layouts, etc.).
  4. Click into text to change it.
  5. Save your work.

Blocks, templates, and layout

  • Blocks are reusable building pieces (hero sections, features, pricing, etc.).
  • Templates are full-page starting layouts you can customize.
  • Use Rows / Columns to line things up cleanly.

Undo / Redo

  1. If you make a mistake, click Undo.
  2. If you undo too far, click Redo.
Save often
If you refresh the page without saving, you can lose work. Build → Save → Preview is the safest loop.

Blog

Blog posts are for updates, articles, news, or helpful guides. A blog is great for SEO because you can publish new content regularly.

Step-by-step: create a blog post

  1. Go to Blog.
  2. Click Write Post.
  3. Fill out the post fields:
    • Title — Your post headline
    • Slug — URL part for the post
    • Category — Choose one (optional but recommended)
    • Status — Draft or Published
    • Content — The body of your post
    • SEO — Meta title/description (if available on the post screen)
  4. Click Save.
  5. If it’s ready for the public, set Status to Published.

Step-by-step: create categories

  1. Go to Blog.
  2. In the categories area, type a category name.
  3. Click Add.
  4. Use categories to group your posts (example: “Tips”, “Updates”, “Guides”).

Delete posts and categories

  • Posts can be removed from the post list (look for a trash/delete button).
  • Categories can also be deleted.

Blog Shortcode Usage

  • You can drop a Text Block anywhere on any page using the editor and type:
  • [blog display=3] -> Shows the 3 most recent posts.
  • [blog display=6] -> Shows the 6 most recent posts.
  • [blog random=yes display=3] -> Shows 3 random posts (good for "You might also like" sections).
  • [blog id=12,15] -> Shows only the posts with ID 12 and 15 (curated list).
Draft vs Published
Draft = only you (and your team) see it. Published = everyone can see it on your live site.

Menus help visitors navigate your site. Common menus include Home, About, Services, Contact.

Step-by-step: build your main menu

  1. Go to Menus.
  2. Click Add Menu Item.
  3. Select the page you want to add.
  4. Set the label (what visitors see).
  5. Arrange items in the order you want.
  6. Save.
Menu order rule
Put the most important pages first. A simple menu: Home • About • Services • Blog • Contact.

Media Library

The Media Library stores your images and files. You can upload pictures, logos, and even PDFs.

Step-by-step: upload a file

  1. Go to Media.
  2. Click Upload.
  3. Select a file from your computer.
  4. Upload supported types: JPG, PNG, GIF, WEBP, SVG, PDF.

Step-by-step: delete a file

  1. Go to Media.
  2. Find the file.
  3. Click Delete and confirm.
Deleting media can break pages
If you delete an image that a page uses, that image may disappear on your live site. Replace it first when possible.

Forms & Inbox

When visitors submit a form on your website, their messages can appear in your Inbox area.

Step-by-step: review messages

  1. Go to Inbox.
  2. Click a submission to read it.
  3. Delete spam or test messages if needed.
Create a Contact page
Make a page called “Contact” and add your contact details. If your system includes a contact form block/shortcode, place it there too.

Theme Roller

The Theme Roller changes the look of your site (colors, styles) without needing to code.

Step-by-step: change site colors

  1. Go to Design (Theme Roller).
  2. Choose your primary color (buttons/links) and other theme colors.
  3. Save changes.
  4. Preview the site to see the new style.
Consistency wins
Pick 1 main brand color, 1 dark text color, and 1 accent color. Too many colors makes a site feel messy.

Templates

Templates are pre-built page layouts you can start from instead of building from scratch.

Step-by-step: use a template

  1. Open the Editor for a page.
  2. Open the Template/Block library.
  3. Pick a template like “Professional Page” or “Full Width Page.”
  4. Insert it onto your page.
  5. Edit the text and images to match your business.
  6. Save.

AI Writer

The AI Writer can help you write page text faster (headlines, descriptions, FAQs, and more).

How to use AI Writer safely

  1. Write a short prompt (what the page is about).
  2. Generate text.
  3. Read it and make it sound like your business.
  4. Double-check facts and claims before publishing.
AI integration setting
If your system uses an API key (like Groq), add it in Settings → AI Integration before using AI tools.

Domains

Your domain is your website address (example: yourbusiness.com). You can either use a subdomain (free plan) or connect a custom domain (Pro plan).

Free plan: subdomain mode

  • Your site runs on a subdomain like yoursite.yourplatform.com.

Pro plan: connect your own domain

The Domain Management screen gives you two options:

Option 1: I already own a domain

  1. Go to Domains.
  2. In “Configure DNS”, add an A Record:
    • Type: A Record
    • Name/Host: @
    • Value/IP: (copy the server IP shown on screen)
  3. Wait for DNS changes (often ~15 minutes, sometimes up to 24 hours).
  4. In “Connect it here”, type your domain (example: example.com).
  5. Click Connect.

Option 2: Buy a new domain inside the system

  1. Search for a domain name.
  2. Purchase it.
  3. The system auto-connects DNS, includes SSL (HTTPS), and privacy.
Domains require Pro
On the Free plan the domain input is locked. Upgrade to Pro to connect a custom domain and remove platform branding.

Team

Team Members lets you give other users access to help manage your site.

Step-by-step: add a team member

  1. Go to Team.
  2. Enter the person’s email (they must already be a registered user).
  3. Click Add.

Step-by-step: remove a team member

  1. Go to Team.
  2. Find the member in the list.
  3. Click Remove and confirm.
Owner-only actions
Some actions may only be available to the site owner (like removing members).

Settings

Settings control your website’s global behavior: site name, branding, SEO defaults, scripts, and more.

Common settings you should configure

  • Site Name — The name shown in the dashboard and often in the browser title.
  • Timezone — Helps dates/times display correctly.
  • Maintenance Mode — Temporarily show a maintenance message.
  • Cookie Consent — Toggle cookie banner if available.
  • Branding — Upload logo and favicon.
  • Global SEO — Default meta description and social preview basics.
  • Custom Code — Add scripts in the header/footer (analytics pixels, chat widgets, etc.).
  • AI Integration — Add your API key (example: Groq) for AI features.

Step-by-step: update your branding

  1. Go to Settings.
  2. Find Branding.
  3. Upload your Logo and Favicon.
  4. Click Save All Changes.

Step-by-step: add analytics or tracking code

  1. Go to Settings.
  2. Find the section for Custom Code.
  3. Paste your script in Header Scripts or Footer Scripts.
  4. Save.
Be careful with scripts
Only paste scripts you trust. Bad scripts can slow your site or break pages.

SEO Guide

SEO (Search Engine Optimization) is how people find your website on Google and other search engines.

SEO basics (plain English)

  • Title tells Google what the page is about.
  • Description helps convince people to click.
  • Headings (H1/H2/H3) help organize the page.
  • Good content answers a real question.
  • Speed and mobile friendly layouts help rankings and conversions.

How SEO works in this system

  • Per-page SEO: Set Meta Title/Description using the SEO button for each page.
  • Global SEO: Set default SEO values in Settings so every page has a baseline.
  • Blog SEO: Each post should have a clear title + useful content. Categories help structure.
  • Sitemap: If your system includes a sitemap generator, run it after you create pages so search engines can discover them.

Quick SEO checklist for every page

  1. Clear page title (matches what a person would search).
  2. Meta description that explains what the visitor gets.
  3. At least one image with a meaningful file name.
  4. One main call-to-action button (Call, Email, Book, Buy, etc.).
Don’t overthink SEO
Start simple: write for humans first. If your page helps people, SEO is much easier.

Backups (Paid Add‑On)

Backups are a paid add‑on. If you don’t have access, you’ll see an upgrade button (example: “Unlock Backups”).

What backups do

  • Create a copy of your site data so you can restore it if something goes wrong.
  • Let you download a backup file.

Step-by-step: create a backup

  1. Go to Backups.
  2. Click Create Backup.
  3. Wait for the backup to finish.
  4. Download it and store it somewhere safe (Google Drive, external drive, etc.).

Step-by-step: restore a backup

  1. Go to Backups.
  2. Choose a backup from the list.
  3. Click Restore.
  4. Confirm. (This replaces current content with the backup.)
Restores overwrite current content
Only restore if you’re sure. If you can, create a fresh backup first so you have a “before” copy.

Marketing Suite (Paid Add‑On)

Marketing Suite is a paid add‑on. It helps you convert visitors with popups and sticky bars.

What you can configure

  • Enable Popup on Live Site (toggle)
  • Headline
  • Content / Offer
  • Button Text
  • Button Link
  • Trigger Delay (seconds)

Step-by-step: set up a popup offer

  1. Go to Marketing.
  2. Turn on Enable Popup on Live Site.
  3. Write a clear offer (example: “Get 10% off” or “Free checklist”).
  4. Add your button link (where the visitor goes).
  5. Set a trigger delay (example: 5 seconds).
  6. Click Save Configuration.
Good popup offers
Offer something simple: discount, free guide, booking link, or email signup. Keep it short.

Newsletter (Paid Add‑On)

The Newsletter tool helps you collect emails and send broadcast messages.

Collect emails on your site

Place this text anywhere on a page or blog post:

[newsletter]

The system will automatically turn it into a signup form.

Step-by-step: send a broadcast

  1. Go to Newsletter.
  2. Write a Subject Line.
  3. Write the Message Content (plain text).
  4. Click Send Now and confirm.

Export your subscriber list

  1. Go to Newsletter.
  2. Click Export CSV.
  3. Open the CSV file in Excel/Google Sheets.
Plain text emails
In this basic version, HTML emails are not supported—keep messages simple and readable.

Store (Paid Add‑On)

Simple Store is a paid add‑on. It lets you add products and sell them using Stripe Payment Links.

Display the store on a page

Type this anywhere in your page or editor text:

[store]

Step-by-step: add a product

  1. Go to Store.
  2. In Add New Product, fill in:
    • Product Name
    • Price ($)
    • Stripe Payment Link (a URL)
    • Image (optional)
  3. Click Add Product.
  4. Preview your page that contains [store] to see the product grid.

Step-by-step: delete a product

  1. Go to Store.
  2. Find the product card.
  3. Click the delete/trash button and confirm.
Stripe links must be correct
If your Stripe Payment Link is wrong, visitors won’t be able to buy. Always test your checkout link.

Publishing Checklist

Use this checklist before sharing your website.

  1. Create these pages: Home, About, Services, Contact.
  2. Design each page in the Editor and save.
  3. Build your menu so visitors can click around.
  4. Upload your logo and set branding in Settings.
  5. Set SEO for Home + top pages.
  6. Preview on mobile (resize your browser or use phone).
  7. Connect a domain (Pro) or confirm your subdomain.
  8. Create a backup (if you have the add‑on).
A strong “Home page” structure
Hero headline → What you do → Benefits → Social proof → Call-to-action.

Troubleshooting

I can’t log in

  • Use Forgot Password to reset.
  • Make sure you’re using the correct email.

My page changes don’t show on the live site

  • Make sure you clicked Save in the Editor.
  • Hard refresh your browser (Ctrl+F5 on Windows).

My custom domain isn’t working yet

  • DNS changes can take up to 24 hours.
  • Double-check the A record points to the exact IP shown.

I see a lock icon / feature is disabled

  • That feature needs an upgrade (Pro plan or add-on).
  • Go to Account to upgrade.

Glossary

  • Page — A main screen on your website (Home, About).
  • Blog Post — An article entry (updates, guides).
  • Slug — The URL text for a page/post (example: about).
  • SEO — Steps to help people find you on Google.
  • Meta Title — Title that appears in search results.
  • Meta Description — Short description shown in search results.
  • Domain — Your website address (example: yourbusiness.com).
  • Subdomain — A free address under the platform domain.
  • Backup — A saved copy of your site you can restore.
  • Template — A pre-built layout you can customize.
  • Block — A reusable section (hero, features, etc.).