Sites Mode transforms Azyrom from a design tool into a complete website creation platform. Design visually, configure settings, and publish live websites - all without writing code.
The Sites Workflow
Creating a website with Sites Mode follows three simple steps:
- Design - Create your layouts using Azyrom's familiar design tools
- Configure - Set up pages, navigation, SEO, and responsive breakpoints
- Publish - Deploy to the web with one click or export static files
Key Features
- Visual Page Builder - Build pages with sections, containers, and blocks
- Responsive Breakpoints - Design for desktop, tablet, and mobile with visual breakpoint controls
- Content Management - Built-in CMS with collections, dynamic content, and data binding
- Navigation - Create menus, links, and page navigation automatically
- SEO Tools - Configure meta tags, Open Graph, and search optimization
- Web Interactions - Add hover effects, click actions, and animations
- Forms - Create contact forms, signups, and submission handling
- Custom Code - Embed custom HTML, CSS, and JavaScript when needed
- Publishing - Deploy to custom domains or export static files
Enabling Sites Mode
To switch to Sites Mode:
- Click the Sites button in the left sidebar mode toggle
- The interface will update to show Sites-specific panels and tools
- Your design canvas becomes a webpage editor with responsive controls
Sites Mode Interface
When Sites Mode is active, you'll see these specialized panels:
- Webpage Panel - Manage pages, add new pages, set page settings
- Breakpoint Bar - Switch between desktop, tablet, and mobile views
- Navigation Panel - Build site navigation and menus
- SEO Settings - Configure titles, descriptions, and meta tags
- CMS Panel - Manage content collections and data
- Blocks Panel - Add pre-built sections and components
- Preview Server - Test your site locally before publishing
Next Steps
Ready to build your first website? Check out these guides:
- Create Your First Site - Step-by-step tutorial
- Managing Pages - Add and organize web pages
- Responsive Design - Design for all screen sizes
- Publishing - Deploy your site to the web