OptimoCMS Docs
Back to overview

Pages

Create and manage your website's pages with the visual builder.

Page overview

On the Pages page you'll see a table with all your pages. You can: • Search by page name • Filter by status (Draft or Published) • Sort by last edited or title Each row shows the page title, slug (URL path), status and when the page was last edited.

Creating a new page

Click "New page" in the top-right. Fill in: 1. Title – The name of your page (e.g. "About Us") 2. Slug – The URL path (auto-generated, e.g. "about-us") 3. Template (optional) – Choose a pre-designed layout as a starting point Click "Create". If you chose a template, you'll be taken directly to the visual builder.
Tips
  • The slug determines your page's web address. Use short, descriptive words separated by hyphens.
  • You can still change the slug later.

Editing a page

Click a page in the table to open the detail page. Here you can: • Edit the title and slug • Change SEO settings (title, description, social media image) • View the status (Draft or Published) • Open the page in the visual builder

The visual builder

The visual builder is the heart of page design. Here you build your page with blocks you can drag, drop and customise. How it works: 1. On the left you see a list of available blocks (components) 2. Drag a block to the canvas in the middle 3. Click a block to select it and edit settings on the right 4. Adjust texts, images, colours and other options Available blocks include: • Hero Section – A large heading with background image • Feature Cards – Cards with icons and text • Pricing – Price tables • Contact Form – A contact form • Logo Cloud – Partner or client logos • Newsletter – A sign-up form • Countdown – A countdown timer • Container – A flexible container for free layout
Tips
  • Use the preview button to see how your page looks to visitors.
  • You can move blocks by dragging them.
  • Click the trash icon to remove a block.

Publishing a page

A new page starts as "Draft" – only you can see it. To make the page live: 1. Open the page details 2. Click "Publish" The page is now visible to visitors at the web address matching the slug.
Note
  • A published page is immediately visible. Check everything before publishing.

Version history

Every time you publish a page, a version is automatically saved (up to 20 versions). Open the page in the visual builder and click "Version history" to view previous versions. For each version you can: • View – Open in read-only mode • Restore as draft – Load the version back as an editable draft • Restore & publish – Set the version live immediately The panel closes automatically after restoring.
Tips
  • Ideal if you accidentally delete something or want to go back to an earlier version.
  • Versions show the date, time and name of the person who published.

Deleting a page

Click the three-dot menu (⋯) next to a page and choose "Delete". The page will be moved to the trash.
Note
  • Deleted pages are no longer visible to visitors.

New blocks in the builder

The visual builder now includes additional blocks you can use: • VideoHeroSection – A hero section with video background (YouTube, Vimeo or MP4). Includes overlay, poster image and mobile fallback. • HeroSection (extended) – Now with video background, overlay, badge text, 2 CTA buttons and inline statistics. Choose from layouts: centered, left, right or split. • FeatureCardsSection (extended) – 2 to 6 columns, glass cards with backdrop blur, hover effects (lift, glow, border-color), icon positions and more. • TestimonialSection (extended) – 4 layouts (grid, carousel, masonry, single), avatar shapes, rating styles and quote styles. • PricingSection (extended) – Highlight styles, billing toggle (monthly/yearly), adjustable price size and check styles. • CTABannerSection (extended) – 4 layouts, urgency badge, multiple CTA buttons and background types. • FooterSection (extended) – 4 layouts, social media positions, newsletter field and divider styles. All extended blocks are backwards compatible — existing pages continue to work as before.
Tips
  • Drag a new block from the Blocks panel (left) onto the canvas to add it.
  • Use the glass card style on FeatureCards for a modern, transparent effect.

Call us