Documentation

Welcome! Whether you are viewing your brand-new AI-powered website redesign or taking full control of your website's content in the backend CMS, this documentation guides you through every step of the journey.

Our platform pairs state-of-the-art automated site generation with the robust, high-performance Wagtail CMS engine, giving you full creative freedom without the headaches of traditional website management.

When your redesign is prepared, a personalized, responsive preview is generated that mirrors your brand, optimizes typography and visual hierarchy, and accelerates page load speeds:

• Live Preview: You can preview your redesigned site anytime by visiting /?site=<your-domain> or clicking 🌐 View Site directly from your CMS dashboard.
• Responsive By Default: Every redesign is rigorously tested for desktop, tablet, and mobile viewing with clean touch targets and adaptive navigation.
• Instant Updates: Edits made in the CMS reflect immediately in your preview when published.

Your backend administration portal is located at /cms/.

1. Sign In: Enter your assigned username and password.
2. Clean, Streamlined Sidebar: Unlike overwhelming multi-site consoles, your dashboard is tailored specifically to your tenant role (e.g. editors-<yoursite>):
   • 📁 Pages: Direct 1-click access to your site's home page and page hierarchy.
   • ⚙️ My Site Settings: Configure your brand colors, contact info, and social links.
   • 🖼️ Images & Documents: Upload high-res media, logos, and downloadable PDFs.
   • 📝 Forms: View incoming customer contact submissions.

Wagtail uses structured block editing (StreamField) and rich text, preventing accidental layout breaks while giving you deep customization:

• Navigating the Tree: Click Pages in the sidebar. You will immediately see your Home Page and all child pages (About, Services, Products, Contact, Blog).
• Editing Existing Content: Click on any page title to open the editor. Update headlines, body copy, and call-to-action buttons.
• Adding Media: Insert photos directly into content blocks. The CMS automatically compresses and creates responsive crops for smartphones and retina screens.
• Drafts vs. Publishing: You can click Save Draft to preview changes privately, or click Publish to make your edits live instantly.

Publishing articles and updates is essential for search engine authority and customer engagement:

1. Under Pages, locate your Blog index page.
2. Click Add child page to draft a new Blog Page.
3. Fill in the Title, publication Date, Author, and a brief Intro summary.
4. Featured Image: Select or upload a high-resolution cover photo. If you don't have an image ready, don't worry! The platform automatically renders a sleek, branded default cover image so your blog index never looks empty or broken.
5. Add your story using formatted headings, paragraphs, bullet points, or embedded videos.
6. Click Publish to launch your article.

Your website's global identity is managed from one central place:

• Go to Settings > My Site Settings.
• Brand Colors: Set your Primary and Secondary brand hex codes (e.g. #0284c7) to instantly harmonize buttons, accents, and hero gradients.
• Contact Details: Update your public support email address, phone number, and physical office location.
• Social Media Links: Connect your LinkedIn, Instagram, Facebook, X/Twitter, or YouTube channels.
• Favicon: Upload your brand mark icon to display in visitor browser tabs.

For technical inquiries, custom integrations, or dedicated domain mapping to Cloudflare, our engineering team is here to support you. Reach out through your account manager or submit a ticket anytime.