Introduction to Sites Mode
Overview of the Sites workflow: design, configure, publish.
Design to Website in Minutes
Sites Mode transforms your Azyrom designs into production-ready HTML, CSS, and JavaScript. No coding required.
Responsive Layouts
Content Management
SEO Optimization
One-Click Publishing
Custom Domains
Analytics Integration
Navigation & Links
Asset Optimization
Getting Started with Sites
Page Structure
Managing Pages
Create, organize, and configure multiple pages for your site.
Navigation & Menus
Build navigation bars, menus, and link pages together.
Responsive Breakpoints
Design for desktop, tablet, and mobile with breakpoint variants.
Sections & Layout Grid
Use sections, containers, and grid systems for web layouts.
Content Management (CMS)
CMS Overview
Understand collections, items, and dynamic content binding.
Creating Collections
Define content types like blog posts, products, team members.
Binding Dynamic Content
Connect design elements to CMS fields and collection items.
Collection Pages & Templates
Create dynamic pages that generate from collection items.
SEO & Publishing
SEO Settings
Page titles, meta descriptions, Open Graph, and structured data.
Publishing Your Site
Deploy to Azyrom hosting or export static files for self-hosting.
Custom Domains & SSL
Connect your own domain and configure HTTPS certificates.
Analytics Integration
Add Google Analytics, custom tracking, and visitor insights.
Advanced Features
Sites Mode Tips
- Use frames as page containers - they become
<section>elements in HTML - Name your layers clearly - layer names become CSS class names
- Set constraints on elements for responsive behavior when the browser resizes
- Use the Preview button to test your site before publishing
- Export as static HTML/CSS if you want to host on your own server
- Keep images optimized - Sites Mode compresses them automatically on publish