--- title: Demo – service-pro --- [Skip to content](https://www.omni-theme.com/demo-service-pro#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) 1. [Home](https://www.omni-theme.com/?hsLang=en) 2. [Pages](https://www.omni-theme.com/pages?hsLang=en) 3. Service page Advanced service page # One service, *explained end to end* The service page with the Pro modules: Boxes in the text, the plan as a product tour, before and after, a calculator and a scorecard. [See OMNI Pro](https://www.omni-theme.com/omni-pro?hsLang=en)[See the calculator](https://www.omni-theme.com/demo-service-pro#price) ![A migration plan on a wall](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/motion/omni-motion-migration.svg) What it is ## Say what the service *is* Two columns of plain text. Use the first to say what the customer gets and why it matters. A second paragraph can say who the service is for, so the wrong buyers can leave early. ### A question that unfolds Put a detail here that only some readers need, such as what happens to their existing material. ### What usually surprises people Every service has one thing buyers do not expect. Say it here, before the first call. ### The short version The whole service in one sentence, for the reader who skims. The plan ## The work, *step by step* The product tour as a project plan. Click a step to stay on it. Work in progress - Loading the template… - Placing the sections… - Applying your brand… - Publishing the page… 1. Step 1 The first phase What happens, and what the customer decides. 2. Step 2 The second phase What gets built or done. 3. Step 3 The third phase What the customer checks before it goes live. 4. Step 4 The last phase Launch, and what happens in the weeks after. Before and after ## The same customer, *afterwards* Before - The situation before the service - A second problem, in the customer's words - A third, if there is one - Keep both columns the same length After - The situation afterwards - What changed for the second - And for the third - One row on each side, line for line A line under the columns, to sum it up. Calculator ## What is it *worth to you*? An example calculator, worked out in your browser. Inputs, results and formulas are fields in the module. Your situation today Rough numbers are fine. Pages on the site 120 − \+ 101000 Changes needing a developer, per month − \+ Hours per change today − \+ Developer cost per hour $ − \+ Developer cost a year – Changes × hours × cost × 12 Developer hours a month – A formula with a condition – Over 300 pages 8, over 100 pages 4, otherwise 3 Get OMNI free Estimates. Your own numbers will differ. Scorecard ## Show the *track record* A score meter as a record of past work. Every value here is an example. Overall score (example) 93/ 100 Example values - Delivered on the agreed date 100 - The result the customer asked for 100 - Better than before, measured 92 - Customer runs it alone after a month 90 What is checked before launch 1. 1The checklist you run every time 2. 2One line per check 3. 3Pick an icon for the panel heading 4. 4Or switch the panel off A line under the panel, for the source of the numbers. Reviews ## How it went *for customers* - ![Review platform](https://www.omni-theme.com/hubfs/raw_assets/public/omni/images/logos/logoipsum-badge.svg) Review platform 4.8/5 Example: Based on 128 reviews - > ![Contoso](https://www.omni-theme.com/hubfs/raw_assets/public/omni-pro-preview/images/logos/logoipsum-horizontal.svg) > > We rebuilt our site on OMNI in three weeks. The team publishes new pages on their own now, and everything *looks like one brand*. > > > > ![Hanna Whiskersen: A tabby and white cat in a denim shirt](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/tabby-cat-denim-shirt.jpg?width=56&height=56&name=tabby-cat-denim-shirt.jpg) > > Hanna Whiskersen Web Editor, Contoso - > ![Acme Industries](https://www.omni-theme.com/hubfs/raw_assets/public/omni-pro-preview/images/logos/logoipsum-badge.svg) > > Landing pages that used to take a sprint now take an afternoon. The theme settings keep every page *on brand*. > > > > ![Kalle Tuxen: A tuxedo cat in a dark green sweater](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/tuxedo-cat-green-sweater.jpg?width=56&height=56&name=tuxedo-cat-green-sweater.jpg) > > Kalle Tuxen HubSpot Admin, Acme Industries - > ![Northwind Analytics](https://www.omni-theme.com/hubfs/raw_assets/public/omni-pro-preview/images/logos/logoipsum-stacked.svg) > > The blog, the pricing page and the FAQ came ready to fill in. Our developer backlog for the website is *empty*. > > > > ![Pippa Spotsworth: A spotted appaloosa horse in a green jumper](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/appaloosa-green-jumper.jpg?width=56&height=56&name=appaloosa-green-jumper.jpg) > > Pippa Spotsworth Product Marketing Manager, Northwind Analytics - > ![Cyberdyne Systems](https://www.omni-theme.com/hubfs/raw_assets/public/omni-pro-preview/images/logos/logoipsum-horizontal.svg) > > Page speed went from red to green without touching code. The images and fonts are handled *by the theme*. > > > > ![Milo Canterbury: A bay horse in a navy polo shirt](https://www.omni-theme.com/hs-fs/hubfs/omni-photos/team/bay-horse-navy-polo.jpg?width=56&height=56&name=bay-horse-navy-polo.jpg) > > Milo Canterbury Demand Generation Lead, Cyberdyne Systems Questions ## Questions about *this service* What should go here? What it costs, how long it takes and what the customer has to do themselves. Which modules need OMNI Pro? The boxes in the text, the product tour, before and after, the calculator, the score meter, reviews and the breadcrumb. Is there a free version of this template? Yes: «Service page» in the free theme. Call to action ## Make the first step *small* A short first meeting or a fixed-price first phase is easier to say yes to than the whole project. [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" : "BreadcrumbList", "itemListElement" : [ { "@type" : "ListItem", "item" : "https://www.omni-theme.com/", "name" : "Home", "position" : 1 }, { "@type" : "ListItem", "item" : "https://www.omni-theme.com/pages", "name" : "Pages", "position" : 2 }, { "@type" : "ListItem", "item" : "https://www.omni-theme.com/demo-service-pro", "name" : "Service page", "position" : 3 } ] } ``` ```json { "@context" : "https://schema.org", "@type" : "FAQPage", "mainEntity" : [ { "@type" : "Question", "acceptedAnswer" : { "@type" : "Answer", "text" : "What it costs, how long it takes and what the customer has to do themselves." }, "name" : "What should go here?" }, { "@type" : "Question", "acceptedAnswer" : { "@type" : "Answer", "text" : "The boxes in the text, the product tour, before and after, the calculator, the score meter, reviews and the breadcrumb." }, "name" : "Which modules need OMNI Pro?" }, { "@type" : "Question", "acceptedAnswer" : { "@type" : "Answer", "text" : "Yes: «Service page» in the free theme." }, "name" : "Is there a free version of this template?" } ] } ```