Skip to content
New Webinar: build a landing page in 5 minutes Sign up

Advanced product page

One product, landing page

The product page with the Pro modules: A typewriter in the heading, a product tour, story panels, a feature comparison and a calculator that can send its result to a form.

The theme in the page editor

OMNI Pro

Four things the free theme cannot do

A table of contents that follows the reader, a calculator that turns a number into a conversation, full-width story panels and a mega menu. The loop beside this runs through all four.

Four OMNI Pro features: Table of contents, calculator, story panels, mega menu

Product tour

Stages that advance on their own

Each stage can show its own picture, animation or video. Click one to stay there.

Building the page

A template being used
A page being built in the drag-and-drop editor
Brand colours in theme settings
A page being published
  1. Front page, pillar page, product page, landing page: 20 templates come with the free theme, 13 more with OMNI Pro.
  2. 34 modules, each with its own layout, colour and motion settings.
  3. Theme settings, not a hex value hidden on page seven.
  4. One stylesheet, subset fonts and images through HubSpot's resizer.

Story panels

A story told in three panels

01

Each panel is one chapter

Story panels tell a short story in full-width steps. Each panel has a number, a heading, a text, an optional button and a picture.

Building a page from sections
02

Each panel has its own colours

Give every panel a colour and a gradient end, and choose light or dark text. Put the picture on the left or the right.

The theme settings
03

The panels stack as you scroll

Pick stack, reveal or a plain list under Styles → Layout. Readers who prefer less motion get the plain list automatically.

A performance report

Free and Pro

Everything in both editions

The free theme is a whole theme. Pro adds the sections that carry a sales page, and the control a designer asks for.

Everything in both editions
Feature OMNI Free Free forever Get OMNI free Most complete OMNI Pro One price per portal See OMNI Pro
Sections you build with
Standard modules Hero, cards, text and media, steps, statistics, quotes, FAQ, forms, logos, articles, tabs, team, gallery, text section, table, CTA and the rest 19 19
Advanced modules Not in this edition 15
Text section The long-form text module with headings, columns and line length Included Included
Boxes inside the Text section Expanding, static, highlighted and icon boxes inside the running text Not in this edition Included
Table of contents Inline, floating or as a topic cluster, with scroll spy and reading progress Not in this edition Included
Calculator Sliders, numbers and choices that add up to a result, and send it to a form Not in this edition Included
Product tour A stage list with its own picture, animation or video beside it Not in this edition Included
Story panels Full-width panels with their own gradient and image Not in this edition Included
Navigation and header
Site header with menu and dropdowns Included Included
Mega menu Full-width panels under a menu item, with columns and a promo card Not in this edition Included
Announcement bar A closable bar above the menu for a course, an event or an offer Not in this edition Included
Menu tags A pill such as New or Hot on a menu item, with an optional pulsing dot Not in this edition Included
Dark bar when scrolling The sticky bar swaps to its own palette and logo Included Included
Site footer with link columns Included Included
Pages you start from
Page templates Front pages, pillar, product and service pages, about, contact, pricing, comparison and an overview 13 21
Landing page templates E-book, event, webinar, book a demo and newsletter sign-up, in a standard and an advanced version 5 10
Blog listing and article Included Included
System pages 404, 500, search, password, subscription and membership pages 11 11
Design control
Brand in one place Colours, fonts, buttons, corner radius and spacing in Theme settings Included Included
Light and dark colour mode Per section, or for the whole site Included Included
Entrance animation Per module, with a global switch and reduced-motion support Included Included
Background image, video, gradient and pattern Included Included
Custom CSS on every module A field on each module instance, scoped so it cannot leak Not in this edition Included
Animated illustrations in the theme Small SVGs with the animation inside, so they need no script 12 17
Getting help
Documentation Included Included
E-mail support Included Included
A setup session with us An hour on a call: Install, brand setup and the first page Not in this edition Included
Design, custom modules, migration, content and integrations From Spring Agency, the team behind OMNI On request On request

Everything you build on the free theme keeps working. Pro only adds.

The differences explained

Advanced modules

Expanding panels, scrolling cards, section separator, image wall, parallax people cards, customer reviews, story panels, advanced pricing, before and after, score meter, product tour, calculator, table of contents, breadcrumb and subscribe card.

Design, custom modules, migration, content and integrations

Web design and look and feel, custom modules and functionality, migration of the content on your current website, content, photo and video (in selected regions and languages) and integration projects.

Calculator

What would it save you?

An example calculator, worked out in your browser. Inputs, results and formulas are fields in the module, and the result can be sent to a HubSpot form.

Your team today

Rough numbers are fine.

8
160
50 %
0 %100 %
$

Saved per year

–

Pages × hours × share × cost × 12

Developer hours given back per month

–

Cost today, per year

–

Estimates. Your own numbers will differ.

Page templates

Every page, with the advanced sections

The same templates as the free theme, built with the Pro modules. Each one is shown as the demo page it builds.

Advanced home page template

Advanced home page

A front page built around the Pro modules, from story panels to the score meter.
Open the page
Advanced pillar page template

Advanced pillar page

A long topic page with a floating table of contents and a calculator.
Open the page
Advanced product offering template

Advanced product offering

The editions compared, with the advanced pricing table.
Open the page
Advanced product page template

Advanced product page

One product with the product tour, story panels and the calculator.
Open the page
Advanced service offering template

Advanced service offering

The services as scrolling cards, with a score meter and before and after.
Open the page
Advanced service page template

Advanced service page

One service with a product tour, a calculator and customer reviews.
Open the page
Advanced about us page template

Advanced about us page

The story with an image wall, parallax people cards and reviews.
Open the page
Advanced contact page template

Advanced contact page

The form beside a meeting booking and the practical details.
Open the page
Advanced landing page for a guide template

Advanced landing page for a guide

The chapters as a table of contents and a look inside.
Open the page
Advanced landing page for an event template

Advanced landing page for an event

An image wall, the programme as a tour and parallax speakers.
Open the page
Advanced landing page for a webinar template

Advanced landing page for a webinar

The programme as a tour and the takeaways as story panels.
Open the page
Advanced landing page for a demo booking template

Advanced landing page for a demo booking

A meeting calendar beside the promise, and before and after.
Open the page
Advanced landing page for a newsletter template

Advanced landing page for a newsletter

A typewriter hero, story panels and a score meter.
Open the page

Questions

Questions about the product

What should go here?

The questions that stop someone buying: Does it work with what I have, can I keep my design, what happens when I upgrade.

Which modules need OMNI Pro?

The typewriter, the product tour, story panels, the calculator, reviews and the breadcrumb.

Is there a free version of this template?

Yes: «Product page» in the free theme.

Call to action

Ask for the sale, or the trial

A product page ends with the step that gets the product into the reader's hands.