Website Builder
1. Overview of the CloudWebs Website Builder
CloudWebs provides an intuitive, AI-enhanced website builder designed for users of all technical levels. Whether you’re launching a portfolio, blog, or eCommerce store, our drag-and-drop platform helps you go live in minutes.
🌐 Key Features:
| Feature | Description |
|---|---|
| Drag-and-Drop Interface | Build pages visually—no coding required |
| Mobile-Responsive Templates | Optimized for phones, tablets, and desktops |
| Built-in SEO Tools | Meta tags, page titles, and alt text editing |
| eCommerce Support | Product catalogs, payment gateways, and checkout integrations |
| AI-Powered Builder (NEW) | Generate full website layouts using text prompts |
| Hosting Included | No need for separate web hosting setup |
2. Getting Started with Website Builder
🛠️ Setup Steps
-
Log in to the CloudWebs Dashboard
-
Click My Services > Website Builder > Launch
-
Choose:
-
Start from a template, or
-
Use AI Assistant to auto-build from your business info
-
-
Customize your content:
-
Edit text, add images, set colors
-
Drag elements like buttons, maps, forms, and sliders
-
-
Click Publish when ready
🚀 Your site is automatically published to your domain and hosted by CloudWebs.
🖼️ Visual: Website Builder Dashboard
Drag-and-drop interface.
3. Using AI Website Generator (Beta)
The AI builder helps you instantly generate website layouts with branded content.
🤖 How to Use AI Builder:
-
Select AI Assistant in the Website Builder launch screen
-
Answer prompts:
-
Business Name
-
Type (e.g., restaurant, service, eCommerce)
-
Brand colors and logo (optional)
-
-
Click Generate Website
The system will create a starter layout with placeholder content, ready for editing.
🧠 Benefits of AI Generator
-
Saves setup time
-
Suggests design based on industry best practices
-
Generates SEO-ready copy and images (editable)
4. Customizing Your Website
🧩 Elements You Can Add:
| Element | Use Case |
|---|---|
| Text Blocks | Headings, paragraphs, quotes |
| Images/Videos | Upload or link multimedia |
| Contact Forms | Custom fields, auto-email |
| Maps | Google Maps integration |
| Galleries | Image sliders or grid galleries |
| Social Icons | Facebook, Instagram, LinkedIn, etc. |
To add:
-
Drag the element from the toolbar to your page
-
Configure settings in the right-hand panel
5. Managing Pages & Navigation
-
Go to Pages > Add New Page
-
Name the page (e.g., About, Contact, Blog)
-
Choose visibility: public or hidden
-
Add to navigation menu from the Menu Settings tab
📌 The builder supports unlimited pages depending on your plan.
6. Website Settings & SEO Configuration
Navigate to Settings to configure:
-
Site title & meta description
-
Favicon and logo
-
Google Analytics code
-
Cookie banner and privacy policy
-
Social sharing image
Use SEO Settings per page to edit:
-
Page title
-
Meta description
-
Slug (URL path)
7. Publishing and Updating Your Site
🚨 Important:
-
Click Publish after changes to make them live
-
Use the Preview button to test layout before publishing
-
Changes are hosted instantly — no re-upload required
8. Troubleshooting Website Builder Issues
| Problem | Resolution |
|---|---|
| Elements not displaying | Refresh builder, check browser compatibility |
| Site not updating after publish | Clear browser cache, confirm latest version is published |
| AI Builder stuck loading | Try a different browser or disable extensions temporarily |
| Images not uploading | Check file size/type; use JPG, PNG under 5MB |
💬 If the issue persists, contact CloudWebs Support or use Tayla.AI for live troubleshooting tips.
✅ Summary Checklist
-
✔️ Log in and launch builder from dashboard
-
✔️ Choose a template or use AI to generate layout
-
✔️ Drag-and-drop elements to customize pages
-
✔️ Configure SEO, branding, and publish with one click
-
✔️ Troubleshoot using preview and support tools
🆘 Need Help?
Our Australian-based support team is here for you 24/7. You can also use Tayla.AI directly inside your dashboard for guided assistance.
