--- title: Demo – Product-page --- [Skip to content](https://www.omni-theme.com/demo-product#main-content) New Webinar: build a landing page in 5 minutes [Sign up](https://www.omni-theme.com/demo-landing-webinar-pro?hsLang=en) Close menu [![OMNI Theme main logo](https://www.omni-theme.com/hubfs/omni-brand/svg/omni-lockup-horizontal-light.svg)![](https://www.omni-theme.com/hubfs/omni-brand/svg/omni-lockup-horizontal-dark.svg)](https://www.omni-theme.com/?hsLang=en) - OMNI Free Everything you need to publish, at no cost The full theme for HubSpot CMS. Sections, fields and page templates your team can use without a developer. [Go to OMNI Free](https://www.omni-theme.com/omni-free) - [What's in Free The theme, and who it is built for](https://www.omni-theme.com/omni-free) - [All free modules 39 features on one page](https://www.omni-theme.com/free-modules) - [Page templates 13 page templates and 5 landing pages](https://www.omni-theme.com/pages) - [Documentation Install, set up and every module explained](https://omnitheme.springagency.com/docs) - [Changelog What changed, and when](https://omnitheme.springagency.com/docs/changelog) Install in your portal We e-mail you the install link. Thanks, we have your address. The install link comes by e-mail. One e-mail with the link, then nothing unless you ask for it. - OMNI ProNew - [CalculatorHot](https://www.omni-theme.com/pro-modules#roi) - [Mega menuHot](https://www.omni-theme.com/pro-modules#mega-menu) - [Table of contentsHot](https://www.omni-theme.com/pro-modules#toc) - [Product tourHot](https://www.omni-theme.com/pro-modules#tour) - [Advanced pricing](https://www.omni-theme.com/pro-modules#plans) - [Story panels](https://www.omni-theme.com/pro-modules#stories) [Compare Free and Pro](https://www.omni-theme.com/pricing#plans) [Every Pro module, on one page A calculator, a floating table of contents, a product tour and the rest, each with its own address.](https://www.omni-theme.com/pro-modules) OMNI Pro, version 1.0 61 features, 22 of them only in Pro. [Get OMNI Pro](https://www.omni-theme.com/omni-pro) - Features Sections - [Hero banner](https://www.omni-theme.com/free-modules#hero) - [Feature cards](https://www.omni-theme.com/free-modules#cards) - [Text and media](https://www.omni-theme.com/free-modules#text-media) - [Text section](https://www.omni-theme.com/free-modules#text) - [Text boxesPro](https://www.omni-theme.com/pro-modules#text-boxes) - [Process steps](https://www.omni-theme.com/free-modules#steps) - [Statistics row](https://www.omni-theme.com/free-modules#stats) - [Questions and answers](https://www.omni-theme.com/free-modules#faq) - [Comparison tableHot](https://www.omni-theme.com/free-modules#compare) - [Pricing plans](https://www.omni-theme.com/free-modules#pricing) - [Advanced pricingPro](https://www.omni-theme.com/pro-modules#plans) - [Testimonial quotes](https://www.omni-theme.com/free-modules#quote) - [Team grid](https://www.omni-theme.com/free-modules#team) - [Articles grid](https://www.omni-theme.com/free-modules#articles) - [Link rows](https://www.omni-theme.com/free-modules#rows) - [CTA band](https://www.omni-theme.com/free-modules#cta) - [Content switcher](https://www.omni-theme.com/free-modules#tabs) - [Image and logo scroller](https://www.omni-theme.com/free-modules#scroller) - [Section separatorPro](https://www.omni-theme.com/pro-modules#separator) Navigation - [Site header](https://www.omni-theme.com/free-modules#site-header) - [SearchNew](https://www.omni-theme.com/free-modules#search) - [Top barNewPro](https://www.omni-theme.com/pro-modules#top-bar) - [Mega menuHotPro](https://www.omni-theme.com/pro-modules#mega-menu) - [Announcement barPro](https://www.omni-theme.com/pro-modules#announcement-bar) - [Menu tagsPro](https://www.omni-theme.com/pro-modules#menu-tags) - [Dark bar on scroll](https://www.omni-theme.com/free-modules#dark-bar) - [BreadcrumbsPro](https://www.omni-theme.com/pro-modules#breadcrumbs) - [Table of contentsHotPro](https://www.omni-theme.com/pro-modules#toc) - [Site footer](https://www.omni-theme.com/free-modules#site-footer) Storytelling - [Product tourHotPro](https://www.omni-theme.com/pro-modules#tour) - [Story panelsPro](https://www.omni-theme.com/pro-modules#stories) - [Expanding panelsPro](https://www.omni-theme.com/pro-modules#panels) - [Scrolling cardsPro](https://www.omni-theme.com/pro-modules#spotlight) - [Parallax people cardsPro](https://www.omni-theme.com/pro-modules#parallax) - [Image wallPro](https://www.omni-theme.com/pro-modules#wall) - [Before and afterPro](https://www.omni-theme.com/pro-modules#contrast) - [Score meterPro](https://www.omni-theme.com/pro-modules#score) Conversion - [CalculatorHotPro](https://www.omni-theme.com/pro-modules#roi) - [Subscribe cardPro](https://www.omni-theme.com/pro-modules#subscribe) - [Forms](https://www.omni-theme.com/free-modules#forms) - [Meetings](https://www.omni-theme.com/free-modules#meetings) - [Two-step e-mail sign-up](https://www.omni-theme.com/free-modules#signup) - [Customer reviewsPro](https://www.omni-theme.com/pro-modules#reviews) Design - [Light and dark colour modeHot](https://www.omni-theme.com/free-modules#color-modes) - [Brand in one place](https://www.omni-theme.com/free-modules#brand) - [Entrance animation](https://www.omni-theme.com/free-modules#entrance-animation) - [Background styles](https://www.omni-theme.com/free-modules#background-styles) - [Section width](https://www.omni-theme.com/free-modules#section-width) - [Anchor links](https://www.omni-theme.com/free-modules#anchor-links) - [Show moreHot](https://www.omni-theme.com/free-modules#show-more) - [Background fade-inNewPro](https://www.omni-theme.com/pro-modules#background-fade-in) - [Custom CSS per modulePro](https://www.omni-theme.com/pro-modules#custom-css) - [Animated illustrations](https://www.omni-theme.com/free-modules#animated-illustrations) Pages - [Page templates](https://www.omni-theme.com/free-modules#page-templates) - [Blog listing and post](https://www.omni-theme.com/free-modules#blog) - [System pages](https://www.omni-theme.com/free-modules#system-pages) - [Theme sections](https://www.omni-theme.com/free-modules#theme-sections) - [Structured dataHot](https://www.omni-theme.com/free-modules#structured-data) - [Speed](https://www.omni-theme.com/free-modules#speed) - [AccessibilityHot](https://www.omni-theme.com/free-modules#accessibility) - [Multi-language](https://www.omni-theme.com/free-modules#multi-language) 61 features, 22 of them in Pro. [Compare Free and Pro](https://www.omni-theme.com/pricing#plans) - Pages Home - [Website platform](https://www.omni-theme.com/demo-home-01) - [Web design studio](https://www.omni-theme.com/demo-home-02) - [Pro showcasePro](https://www.omni-theme.com/demo-home-03) Offer - [Product offering](https://www.omni-theme.com/demo-product-offering) - [Product page](https://www.omni-theme.com/demo-product) - [Service offering](https://www.omni-theme.com/demo-service-offering) - [Service page](https://www.omni-theme.com/demo-service) - [Product comparisonPro](https://www.omni-theme.com/demo-product-offering-pro) - [Product with calculatorPro](https://www.omni-theme.com/demo-product-pro) - [Service showcasePro](https://www.omni-theme.com/demo-service-offering-pro) - [Service with process tourPro](https://www.omni-theme.com/demo-service-pro) Company - [About us](https://www.omni-theme.com/demo-about-us) - [Contact](https://www.omni-theme.com/contact) - [About us with image wallPro](https://www.omni-theme.com/demo-about-us-pro) - [Contact with calendarPro](https://www.omni-theme.com/demo-contact-us-pro) Content - [Pillar page](https://www.omni-theme.com/demo-pillar) - [Blog listing](https://www.omni-theme.com/insights) - [Blog article](https://www.omni-theme.com/insights/speed-is-a-feature) - [Pillar with floating contentsPro](https://www.omni-theme.com/demo-pillar-pro) System - [System pages (404)](https://www.omni-theme.com/404) Website platformPro For a website product or a theme [Preview](https://www.omni-theme.com/demo-home-01) - Landing pages - E-book or guide [E-book or guide: Free](https://www.omni-theme.com/demo-landing-ebook) [E-book or guide: Pro](https://www.omni-theme.com/demo-landing-ebook-pro) - Event [Event: Free](https://www.omni-theme.com/demo-landing-event) [Event: Pro](https://www.omni-theme.com/demo-landing-event-pro) - Webinar [Webinar: Free](https://www.omni-theme.com/demo-landing-webinar) [Webinar: Pro](https://www.omni-theme.com/demo-landing-webinar-pro) - Book a demo [Book a demo: Free](https://www.omni-theme.com/demo-landing-demo) [Book a demo: Pro](https://www.omni-theme.com/demo-landing-demo-pro) - Newsletter sign-up [Newsletter sign-up: Free](https://www.omni-theme.com/demo-landing-newsletter) [Newsletter sign-up: Pro](https://www.omni-theme.com/demo-landing-newsletter-pro) Every landing page comes in a Free and a Pro version. [See every landing page](https://www.omni-theme.com/landing-pages) - [Pricing](https://www.omni-theme.com/pricing) - About - [About Spring Agency](https://www.omni-theme.com/about) - [Pricing](https://www.omni-theme.com/pricing) - [Documentation](https://omnitheme.springagency.com/docs) - [OMNI Insights](https://www.omni-theme.com/insights) - [Spring Agency](https://www.springagency.com/) - [Contact](https://www.omni-theme.com/contact) [Everything about us](https://www.omni-theme.com/about) [Built by Spring Agency Spring Agency builds HubSpot websites: design, custom modules, migration and integrations.](https://www.omni-theme.com/about) - Contact Talk to the people who build it Pick the door that fits. Every one of them ends up with someone who builds these sites. - [01 Support Guides and answers for every module and setting.](https://omnitheme.springagency.com/docs) - [02 Contact us Questions, custom work or anything else. One inbox.](https://www.omni-theme.com/contact) - [03 Setup session Included with OMNI Pro: We set the theme up with you.](https://www.omni-theme.com/omni-pro) - [Spring Agency The team behind OMNI. Services, work and customers.](https://www.springagency.com/) [Get OMNI free](https://www.omni-theme.com/omni-free?hsLang=en)[Get OMNI Pro](https://www.omni-theme.com/omni-pro?hsLang=en) Product page template # One product, *from promise to proof* A product page walks the reader from what the product does, through how it does it, to proof that it works. Replace the words section by section and keep the order. [Get OMNI free](https://www.omni-theme.com/omni-free?hsLang=en)[See OMNI Pro](https://www.omni-theme.com/omni-pro?hsLang=en) ![The theme in the page editor](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/motion/omni-motion-editor.svg) ## Logos of customers who use the product - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-horizontal.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-badge.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-stacked.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-horizontal.svg) - ![Logoipsum placeholder logo](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-badge.svg) - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-horizontal.svg) - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-badge.svg) - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-stacked.svg) - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-horizontal.svg) - ![](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-badge.svg) What it does ## Three things the product *does for the reader* ### The first benefit What the reader no longer has to do, in one or two sentences. ### The second benefit What gets better, and for whom. ### The third benefit What it protects against, or what it makes possible. Feature one ## Explain the *main feature* Give the feature that sells the product the most room. Say what it does, show it in the picture beside the text, and link to the place where the reader can try it. [See every module](https://www.omni-theme.com/modules?hsLang=en) ![The module list](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/motion/omni-motion-modules.svg) Feature two ## The second feature, *on the other side* The same module with «Reverse layout» switched on. The picture can be an image, an SVG, a video or an embed, and it can have a caption underneath. ![Theme settings with the brand colours](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/motion/omni-motion-brand.svg) Feature three ## A third feature, *if it earns it* Three feature sections are usually enough. If there are more, the card grid above can list them and link to their own pages. ![A performance report](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/motion/omni-motion-speed.svg) Page templates ## Every page, *ready to start from* Pick one, replace the words, publish. Each of these is a template in the theme, shown here as the demo page it builds. ![Home for a website platform template](https://www.omni-theme.com/hs-fs/hubfs/omni-brand/templates/demo-home-01.jpg?width=810&height=600&name=demo-home-01.jpg) ### Home for a website platform A front page for a product, with an e-mail sign-up in the hero. [Open the page](https://www.omni-theme.com/demo-home-01?hsLang=en) ![Home for a web design studio template](https://www.omni-theme.com/hs-fs/hubfs/omni-brand/templates/demo-home-02.jpg?width=810&height=600&name=demo-home-02.jpg) ### Home for a web design studio A front page for a service business, with a checklist and a process. [Open the page](https://www.omni-theme.com/demo-home-02?hsLang=en) ![Pillar page template](https://www.omni-theme.com/hs-fs/hubfs/omni-brand/templates/demo-pillar.jpg?width=810&height=600&name=demo-pillar.jpg) ### Pillar page The page that owns a topic, with chapters and a question list. [Open the page](https://www.omni-theme.com/demo-pillar?hsLang=en) ![Product offering template](https://www.omni-theme.com/hs-fs/hubfs/omni-brand/templates/demo-product-offering.jpg?width=810&height=600&name=demo-product-offering.jpg) ### Product offering Several editions of one product, compared side by side. [Open the page](https://www.omni-theme.com/demo-product-offering?hsLang=en) ![Product page template](https://www.omni-theme.com/hs-fs/hubfs/omni-brand/templates/demo-product.jpg?width=810&height=600&name=demo-product.jpg) ### Product page One product in depth, from the promise to the questions. [Open the page](https://www.omni-theme.com/demo-product) ![Service offering template](https://www.omni-theme.com/hs-fs/hubfs/omni-brand/templates/demo-service-offering.jpg?width=810&height=600&name=demo-service-offering.jpg) ### Service offering Everything you offer, as a set of services people can pick from. [Open the page](https://www.omni-theme.com/demo-service-offering?hsLang=en) ![Service page template](https://www.omni-theme.com/hs-fs/hubfs/omni-brand/templates/demo-service.jpg?width=810&height=600&name=demo-service.jpg) ### Service page One service explained end to end, with the way of working. [Open the page](https://www.omni-theme.com/demo-service?hsLang=en) ![About us template](https://www.omni-theme.com/hs-fs/hubfs/omni-brand/templates/demo-about-us.jpg?width=810&height=600&name=demo-about-us.jpg) ### About us The story, the numbers, the people and what you stand for. [Open the page](https://www.omni-theme.com/demo-about-us?hsLang=en) ![Contact template](https://www.omni-theme.com/hs-fs/hubfs/omni-brand/templates/contact.jpg?width=810&height=600&name=contact.jpg) ### Contact A form beside the practical details, with answers to the first questions. [Open the page](https://www.omni-theme.com/contact?hsLang=en) ![Landing page for a guide template](https://www.omni-theme.com/hs-fs/hubfs/omni-brand/templates/demo-landing-ebook.jpg?width=810&height=600&name=demo-landing-ebook.jpg) ### Landing page for a guide A download page: The form beside the promise. [Open the page](https://www.omni-theme.com/demo-landing-ebook?hsLang=en) ![Landing page for an event template](https://www.omni-theme.com/hs-fs/hubfs/omni-brand/templates/demo-landing-event.jpg?width=810&height=600&name=demo-landing-event.jpg) ### Landing page for an event Sign-up with the programme, the speakers and the details. [Open the page](https://www.omni-theme.com/demo-landing-event?hsLang=en) ![Landing page for a webinar template](https://www.omni-theme.com/hs-fs/hubfs/omni-brand/templates/demo-landing-webinar.jpg?width=810&height=600&name=demo-landing-webinar.jpg) ### Landing page for a webinar Sign-up with what you will learn and who is presenting. [Open the page](https://www.omni-theme.com/demo-landing-webinar?hsLang=en) ![Landing page for a demo booking template](https://www.omni-theme.com/hs-fs/hubfs/omni-brand/templates/demo-landing-demo.jpg?width=810&height=600&name=demo-landing-demo.jpg) ### Landing page for a demo booking A short page that exists to book one meeting. [Open the page](https://www.omni-theme.com/demo-landing-demo?hsLang=en) ![Landing page for a newsletter template](https://www.omni-theme.com/hs-fs/hubfs/omni-brand/templates/demo-landing-newsletter.jpg?width=810&height=600&name=demo-landing-newsletter.jpg) ### Landing page for a newsletter Sign-up with what the letter is and how often it comes. [Open the page](https://www.omni-theme.com/demo-landing-newsletter?hsLang=en) Key figures ## The product *in numbers* - 34 Modules in OMNI 19 in the free theme, 15 more in OMNI Pro. - 20 Templates in the free theme Page templates, five landing pages and the blog. - 11 System pages 404, 500, search, password, subscription and membership pages. A quote ## Proof, *from someone who uses it* > “ > > Put the quote that names a result here, next to the numbers, where the reader is deciding whether to believe them. > > Nora Lynx Head of Marketing, Proseware 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. Can answers link to other pages? Yes. An answer is rich text, so it can hold links, lists and bold text. Which template is this? «Product page», one of the 20 templates in the free OMNI theme. [OMNI Pro](https://www.omni-theme.com/omni-pro?hsLang=en) has an advanced version with a product tour and a calculator. 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. [Get OMNI free](https://www.omni-theme.com/omni-free?hsLang=en)[See OMNI Pro](https://www.omni-theme.com/omni-pro?hsLang=en) [![OMNI](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/omni-stacked-light.svg)](https://www.omni-theme.com/?hsLang=en) OMNI is a free HubSpot theme, developed by [Spring Agency](https://www.springagency.com/). Build every page of your website in the drag-and-drop editor. - [LinkedIn](https://www.linkedin.com/) - [X](https://x.com/) - [YouTube](https://www.youtube.com/) - [Instagram](https://www.instagram.com/) OMNI - [OMNI Free](https://www.omni-theme.com/omni-free?hsLang=en) - [OMNI Pro](https://www.omni-theme.com/omni-pro?hsLang=en) - [Pricing](https://www.omni-theme.com/pricing?hsLang=en) - [Contact](https://www.omni-theme.com/contact?hsLang=en) Features - [All modules](https://www.omni-theme.com/modules?hsLang=en) - [Light and dark colour mode](https://www.omni-theme.com/modules#color-modes) - [Text section and boxes](https://www.omni-theme.com/modules#text) - [Table of contents](https://www.omni-theme.com/modules#toc) - [Calculator and forms](https://www.omni-theme.com/modules#roi) - [Everything OMNI Pro adds](https://www.omni-theme.com/omni-pro?hsLang=en) Pages - [All page templates](https://www.omni-theme.com/pages?hsLang=en) - [Front pages](https://www.omni-theme.com/demo-home-01?hsLang=en) - [Pillar page](https://www.omni-theme.com/demo-pillar?hsLang=en) - [Product pages](https://www.omni-theme.com/demo-product?hsLang=en) - [Service pages](https://www.omni-theme.com/demo-service?hsLang=en) - [About us](https://www.omni-theme.com/demo-about-us?hsLang=en) - [Blog listing](https://www.omni-theme.com/insights?hsLang=en) - [System pages](https://www.omni-theme.com/404?hsLang=en) Landing pages - [All landing page templates](https://www.omni-theme.com/landing-pages?hsLang=en) - [E-book or guide](https://www.omni-theme.com/demo-landing-ebook?hsLang=en) - [Event](https://www.omni-theme.com/demo-landing-event?hsLang=en) - [Webinar](https://www.omni-theme.com/demo-landing-webinar?hsLang=en) - [Book a demo](https://www.omni-theme.com/demo-landing-demo?hsLang=en) - [Newsletter sign-up](https://www.omni-theme.com/demo-landing-newsletter?hsLang=en) - [Insights](https://www.omni-theme.com/insights?hsLang=en) © 2026. All rights reserved. - Privacy policy - Terms of service ```json { "@context" : "https://schema.org", "@type" : "FAQPage", "mainEntity" : [ { "@type" : "Question", "acceptedAnswer" : { "@type" : "Answer", "text" : "The questions that stop someone buying: Does it work with what I have, can I keep my design, what happens when I upgrade." }, "name" : "What should go here?" }, { "@type" : "Question", "acceptedAnswer" : { "@type" : "Answer", "text" : "Yes. An answer is rich text, so it can hold links, lists and bold text." }, "name" : "Can answers link to other pages?" }, { "@type" : "Question", "acceptedAnswer" : { "@type" : "Answer", "text" : "«Product page», one of the 20 templates in the free OMNI theme. OMNI Pro has an advanced version with a product tour and a calculator." }, "name" : "Which template is this?" } ] } ```