Learn how to edit your website content without any coding knowledge. This comprehensive guide covers everything you need to know.
Getting Started
Advanced Features
The Visual Editor is your main tool for managing website content. See your live website and make changes directly - no coding required!
Click to Edit
Hover and click any element to select it for editing
Live Preview
See changes instantly as you type
Add Blocks
Insert new content sections with one click
Drag & Drop
Reorder content by dragging blocks up or down
From your dashboard, click "Manage Content" on any project. The Visual Editor opens automatically, showing your live website in the center of the screen.
Move your mouse over any text, image, or element on your website. You'll see a blue highlight appear around editable elements.
Click any highlighted element. The editing panel slides in from the right with all the fields you can edit.
Use the rich text editor to format your content - add bold, italic, underline, links, and bullet lists. Changes preview instantly in the website view!
Click the blue "Save" button at the bottom of the panel. Your changes go live immediately! Use Ctrl+S (or Cmd+S on Mac) as a shortcut.
Your website is organized into pages. Each page has its own content blocks that you can add, edit, and rearrange.
Each page has settings you can configure:
Click on any page name in the left sidebar to view and edit that page. The preview will update to show the selected page, and you can then click on elements to edit them.
Tip: Use the "Published" toggle to hide pages while you're still working on them. Unpublished pages won't be visible to website visitors.
Preview how your website looks on different devices. Use the device buttons at the top of the editor to switch views.
Full-width view for large screens
Medium width (768px) for tablets
Narrow width for phones
Why this matters: Many visitors use mobile devices. Always preview your changes on mobile to ensure your content looks great everywhere!
Content blocks are the building blocks of your pages. Add headings, paragraphs, images, contact forms, and more!
In the Visual Editor, look for the "+ Add Element" button. This opens the block selection menu.
Browse the available block types and click on the one you want to add. Common options include Heading, Paragraph, Image, and more.
Fill in the content for your new block. Each block type has different fields - text blocks have a text editor, image blocks have a URL field, etc.
Click "Save" to add the block to your page. It will appear in the preview immediately!
Format your text with the toolbar buttons:
Each block has action buttons:
Warning: Deleting a block cannot be undone. Make sure you want to remove the content before clicking delete!
Rearrange the order of content blocks on your page using drag and drop.
Here are all the content blocks you can add to your pages:
Add section titles and headings to your page. Great for organizing content.
Add text paragraphs with rich formatting - bold, italic, links, and lists.
Combined heading and text with optional button and right column. Flexible layout options.
Add images with size options (full, large, medium, small), alignment, and rounded corners.
Add clickable buttons with custom text and link URLs.
Large banner section with title, description, and call-to-action button.
Add a contact form for visitors to reach you.
Display team members from a collection with contact information.
Display items from any collection - products, services, portfolio, etc.
Flexible multi-column layout (1-12 columns) with rich text in each column.
Showcase featured blog posts filtered by tags.
Display a list of blog posts filtered by tag.
The blog system lets you create, edit, and publish articles with rich content including images, videos, quotes, and more.
From your project dashboard, click the "Blog Posts" button (purple button with a document icon).
Click "New Post" and enter a title. You'll be taken to the blog editor where you can write your content.
The blog editor uses a flexible block-based system. Add different types of content:
Configure your post settings in the right sidebar:
Posts start as drafts. When ready, click the "Draft" toggle to switch it to "Published". Published posts are visible on your website.
Posts start as drafts. Only you can see them. Work on them until they're ready!
Published posts are live on your website. Your visitors can read them immediately.
Regular blog posts that appear in your blog listing. Use for standalone articles.
Smaller articles that can be linked within main articles as carousels or related content.
For reports and academic content, you can also set:
Keyboard Shortcut: Use Ctrl+S (or Cmd+S on Mac) to save your post instantly!
Collections are groups of similar items - like team members, products, services, or portfolio projects. They're perfect for content that follows a consistent structure.
Team Members
Staff profiles with name, role, bio, photo
Products/Services
Items with description, image, price
Portfolio Projects
Work samples with images and descriptions
FAQ Items
Questions and answers
From your project dashboard, click the "Collections" button to see all your collections.
Click "New Collection" and give it a name (e.g., "Team Members"). The collection is created and ready for items.
Open a collection and click "Add Item". Each item has:
Add a Collection Block or Team Section to any page and select which collection to display. The items will appear automatically!
Collection items support the same block-based editor as blog posts. Add text blocks, headings, images, and more to create detailed item pages.
The Media Library is where you upload and manage all your images. Once uploaded, you can use them anywhere - pages, blog posts, and collection items.
From your project dashboard, click the "Media" button to open your media library.
Two ways to upload:
Supported formats: JPEG, PNG, GIF, WebP, SVG (max 10MB per file)
For each image you can:
When editing any image field (in pages, blog posts, or collections), you'll see a "Media Library" button. Click it to browse and select from your uploaded images.
Use the search bar to find images by filename. Switch between grid and list views for different browsing experiences.
Your images are served from a fast CDN (Content Delivery Network) for optimal loading speed on your website.
Edit directly on your live website. Perfect for quick edits and seeing changes in context!
See your actual website
Click any element to edit
Instant preview
Add, remove, and reorder blocks
Organized list of all content. Perfect for bulk editing and finding specific items!
See all content at once
Organized by page & section
Easy to find content
Great for bulk updates
Pro Tip: Use the toggle buttons at the top of the page to switch between Visual Editor and Tree View anytime!
Preview on all devices
Always check desktop, tablet, and mobile views before publishing.
Use high-quality images
Upload clear, well-sized images. The media library handles optimization.
Add alt text to images
Describe images for accessibility and better SEO.
Keep text concise
Shorter text is often more effective, especially for titles and buttons.
Test your links
After updating a URL, visit your website and click it to make sure it works.
Use draft mode for blog posts
Keep posts as drafts until they're fully ready to publish.
Organize with tags
Use consistent tags for blog posts and collection items for easy filtering.
Save frequently
Use Ctrl+S (Cmd+S on Mac) to save your work regularly.
Just edit the content again and enter the previous text. For major mistakes, contact your developer - they may be able to restore from a backup.
Yes! Use the "+ Add Page" button in the Visual Editor to create new pages. You can then add content blocks to build out the page.
Deletions cannot be undone through the CMS. Be careful when deleting blocks or pages. If you need to restore deleted content, contact your developer.
Click on any image block to edit it. You can:
Look for the drag handle (three lines) on any block. Click and drag to move the block up or down. Release to drop it in the new position.
In the rich text editor, select the text you want to link, then click the link button in the toolbar. Enter the URL and save.
Blog Posts are for articles and news - they have dates, authors, and appear in chronological order.
Collections are for structured data like team members, products, or services - they're organized by category and can be displayed anywhere on your site.
Make sure you clicked Save! Also, try refreshing the website page (Ctrl+R or Cmd+R). If it still doesn't appear, check if the page is published.
If you're stuck or have questions, contact your developer. They set up this CMS for you and can assist with: