Products

Quick Add

Live Preview

Ready to Preview

Enter your HTML code in the editor above and click "Preview" to see your changes rendered here.

Add Layout Elements
AI Website Builder
Container

Edit Layout Element

HTML Editor - Expanded View

CSS Editor - Expanded View

JavaScript Editor

Code Editors - All Languages

HTML Editor
CSS Editor
JavaScript Editor
Image Preview
Image Name
Details

Help & Documentation

Basic Widgets
Add headers, text, images, buttons, and more. Drag from the sidebar or use Quick Add bubble.
Layout Widgets
Create containers, sections, rows, and columns to organize your content. Use navigation widgets for menus.
Media Widgets
Insert image boxes, galleries, testimonials, and social media elements to enhance your website.
Form Widgets
Add contact forms, signup forms, and feedback forms. All forms automatically handle submissions.
Interactive Widgets
Include maps, videos, accordions, tabs, and other interactive elements to engage visitors.
Product Management
Create and manage products using the Manage Products button. Add images, descriptions, prices, and inventory.
Product Widgets
Add product grids, individual products, category listings, and shopping cart widgets to display your products.
Store Initialization
Click Init Store to enable e-commerce features and connect payment processing through Stripe.
Order Management
Track orders, manage inventory, and handle customer communications through the product management interface.
Image Management
All images used in widgets appear in the sidebar Media Gallery. Upload, organize, and reuse images across your site.
Upload Methods
Upload images through widget forms, drag & drop, or the Upload Images button in the media gallery.
Image Optimization
Images are automatically optimized and stored on Cloudinary CDN for fast loading worldwide.
Cleanup Tools
Use the trash button to remove unused images and keep your media library organized.
Custom Domain Setup
Connect your own domain (e.g., www.yoursite.com) through the Domain Settings button.
DNS Configuration
Add CNAME records at your domain registrar to point to our hosting. The system guides you through each step.
SSL Certificates
Free SSL certificates are automatically provisioned for all custom domains to ensure secure HTTPS connections.
DNS Verification
Use the verification tool to check if your DNS settings are correctly configured and propagated.
Multiple Pages
Create additional pages for your website using the pages section in the sidebar. Each page has its own URL.
Page Settings
Configure page titles, descriptions, and meta tags for better SEO and social media sharing.
Navigation
Link pages together using navigation widgets and button widgets with custom URLs.
Page Templates
Copy content between pages or start with templates to maintain consistent design across your site.
HTML/CSS Editor
Enable Developer Mode to edit raw HTML and CSS code directly. Perfect for advanced customizations.
AI Code Generation
Use AI assistance to generate HTML, CSS, or complete layouts based on natural language descriptions.
Live Preview
See real-time preview of your code changes and test across different device sizes.
Code Export
Export your custom code or apply changes directly to the canvas for seamless integration.
AI Website Builder
Generate complete websites from natural language descriptions. Describe your business, purpose, or vision and let AI create a professional website layout automatically.
AI Code Generation (Developer Mode)
In Developer Mode, use AI to generate HTML, CSS, or complete page layouts. Simply describe what you want and AI will create the code for you.
AI Content Generation
Generate professional content for text widgets, headers, descriptions, and marketing copy. AI creates content tailored to your industry and audience.
Smart Template Recognition
AI automatically recognizes content patterns and suggests appropriate layouts, widgets, and design elements based on your website's purpose.
AI-Generated HTML Integration
AI-generated content seamlessly integrates with the visual editor. Generated HTML can be mixed with drag-and-drop widgets for maximum flexibility.
Intelligent Design Suggestions
AI analyzes your content and suggests color schemes, layouts, and styling options that work best for your specific industry and use case.
Natural Language Processing
Communicate with AI using natural language. Describe complex layouts, styling preferences, or functionality requirements in plain English.
Responsive AI Generation
All AI-generated content is automatically responsive and optimized for desktop, tablet, and mobile devices without additional configuration.
AI Prompt Templates
Use pre-built prompt templates for common website types: landing pages, portfolios, business sites, e-commerce stores, and more.
Iterative AI Improvements
Refine AI-generated content by providing additional instructions. AI learns from your feedback to create better results with each iteration.
Device Views
Ctrl+1 Desktop • Ctrl+2 Tablet • Ctrl+3 Mobile
Page Actions
Ctrl+S Save Website • Ctrl+P Preview • Ctrl+Shift+Delete Clear All
Navigation
Escape Close Modals • Tab Navigate Forms
Save Now
Manually save your website changes to the database. Changes are auto-saved, but use this for immediate confirmation.
Preview
Open a preview of your website in a new tab to see how it looks to visitors. Shows the latest saved version.
View Live Site
Opens your published website in a new tab. Only available after publishing with a custom domain or slug.
Reload
Refresh the entire editor page. Useful if you encounter any display issues or want to reset the interface.
Debug Info
View technical information about your website in the browser console. Helpful for troubleshooting issues.
Clear All
Remove all widgets from the canvas. This action cannot be undone, so use with caution when starting over.
Init Store
Initialize e-commerce functionality for your website. Sets up product management and payment processing capabilities.
Publish
Make your website live and accessible to visitors. Generates a public URL and optimizes content for production.
What is a Sitemap?
A sitemap (sitemap.xml) is a file that tells search engines about all the pages on your website. It helps Google, Bing, and other search engines discover and index your content for better SEO visibility.
Automatic Generation
Your sitemap is automatically generated and updated whenever you add, remove, or modify pages. It follows the sitemaps.org protocol and includes all published pages.
Sitemap Settings Access
Click the Sitemap button in the toolbar to access sitemap configuration. Super admins have full access to all sitemap features for any website.
URL Inclusion Management
Configure which pages and URLs are included in your sitemap. Exclude draft pages, private content, or temporary pages from search engine indexing.
Priority Settings
Set priority levels (0.0 to 1.0) for different pages. Home pages typically get priority 1.0, main sections 0.8, and sub-pages 0.6 or lower.
Change Frequency
Configure how often each page is updated: always, hourly, daily, weekly, monthly, yearly, or never. This helps search engines crawl efficiently.
Last Modified Dates
Automatically tracks when pages were last updated. Search engines use this information to determine when to re-crawl your content.
Sitemap Preview
Preview your sitemap.xml file before publishing. The preview shows exactly what search engines will see, formatted according to XML sitemap standards.
Multi-Website Support
Each website has its own unique sitemap. The system automatically generates website-specific sitemaps with proper URLs and domain configurations.
SEO Benefits
Proper sitemap configuration improves search engine visibility, faster content discovery, better indexing of new pages, and overall SEO performance.
Custom Domain Integration
Sitemaps automatically update to reflect your custom domain settings. URLs in the sitemap match your published website's domain configuration.
Error Handling
The system provides detailed error messages for sitemap issues, network problems, or configuration conflicts with clear resolution steps.
Search Engine Submission
Submit your sitemap to Google Search Console, Bing Webmaster Tools, and other search engines for optimal crawling and indexing.
Drag & Drop Interface
Intuitive drag-and-drop editor with visual feedback. Drag widgets from the sidebar directly onto your canvas. Real-time visual indicators show drop zones and placement options.
Responsive Design System
Built-in responsive design with desktop, tablet, and mobile views. Switch between device modes to see exactly how your site looks on different screen sizes.
Professional Widget Library
50+ professional widgets including headers, text, images, forms, galleries, testimonials, pricing tables, maps, videos, and interactive elements.
Advanced Layout System
Create complex layouts with containers, sections, rows, and columns. Nested widget support allows unlimited design flexibility and professional structure.
Real-Time Auto-Save
Automatic saving ensures no work is lost. Changes are saved continuously while you build, with manual save options for immediate confirmation.
Professional Media Management
Integrated media library with cloud storage, automatic image optimization, CDN delivery, and batch upload capabilities for professional asset management.
Custom Domain Support
Connect your own domain name with automated SSL certificates, DNS configuration guidance, and verification tools for professional web presence.
Multi-Page Websites
Create unlimited pages with individual SEO settings, custom URLs, and navigation linking. Perfect for business sites, portfolios, and complex websites.
E-commerce Integration
Full e-commerce functionality with product management, shopping cart, checkout, payment processing via Stripe, and order management system.
SEO Optimization
Built-in SEO features including meta tags, automatic sitemap generation, clean URLs, fast loading times, and search engine optimization tools.
Developer Mode
Advanced users can access HTML/CSS editing with syntax highlighting, live preview, and AI code generation for unlimited customization possibilities.
Mobile-First Editor
The editor itself is fully mobile responsive. Build and edit websites directly on tablets and mobile devices with touch-optimized interface.
Cloud-Based Platform
No software installation required. Access your website builder from any device with internet connection. All data is securely stored in the cloud.
Professional Hosting
Websites are hosted on enterprise-grade infrastructure with global CDN, automatic backups, 99.9% uptime, and SSL security included.
Form Management
Contact forms, signup forms, and feedback forms automatically handle submissions with email notifications and data management capabilities.
Analytics Ready
Websites are prepared for Google Analytics, Facebook Pixel, and other tracking codes. Built-in performance monitoring and visitor analytics.
Backup & Version Control
Automatic backups of all website data with version history. Restore previous versions if needed and protect against data loss.
Collaboration Features
Multi-user access with different permission levels. Team members can collaborate on website building with role-based access control.
Export & Migration
Export your website code and assets for external hosting or migration. Full data portability ensures you own your content and design.
Performance Optimization
Automatic image compression, code minification, caching, and CDN delivery ensure fast loading times and excellent user experience worldwide.

Quick Tips

💡 Pro Tip: Use F1 to quickly open/close this help panel

🤖 Try the AI Website Builder for instant professional layouts from simple descriptions

🎯 Drag widgets directly onto the canvas or use the Quick Add bubble

💾 Your work is auto-saved, but click Save Now for instant peace of mind

📱 Test your site on all device sizes using the device buttons

Product Details