WordPress-HS-2024-series

Everything you need to know about migrating your website from WordPress to HubSpot.

This step-by-step visual guide will walk you through the process and help get your website all set up on HubSpot.

 

Download Now

    web-creation-series-mega-menu-2024

    Everything you need to get started with HubSpot's CMS and build your CLEAN website.

    No developer is needed.  This complete 3-part series includes a step-by-step guide to high-fives all around the office.

     

    Download the Guides

       
      The CLEAN Theme

      Take full advantage of the new and improved HubSpot CMS experience with the CLEAN theme.

      Theme Support & Reference

      Have a question and looking for an answer? I've likely got a video for that or an article that covers it.

      Built for Speed, Performance, AND an awesome UX.

      Google PageSpeed Insights is the gold standard in analyzing the speed and performance of a website. Here is how CLEAN Pro ranks. Not too shabby for a media-rich page.

      page-speed-3-7-23

      Report generated: Tues, March 7, 2023, based on Home Page - Opt 1.

        CLEAN Pro Theme

        Module Library

        A quick resource to help you effortlessly design your CLEAN website.


        Submit Module Idea
        laptop-glow
         

        Heroes

        Hero Banner

        This module is perfect for the top of any page you're building to ensure you create a great first impression.

        Tons of Options

        Add a color, image, video, or gradient background. Want two columns instead of one? Your wish is my command.

        Hero Slider

        When you need to communicate just a bit more at the very top of the page.

         

        Multi-Purpose

        Magic Module

        The all-new "DO EVERYTHING" module.  This is the updated version of the Multi-Column Content module (below) with more options and features.

        You can add:
        • Text (of course)
        • Images / Video
        • Background images/ video
        • Forms
        • Buttons
        • Lottie files
        • Rotating Text
        • Icons
        Other Features:
        • Smooth animations
        • Image layering
        • Parallax scrolling
        • And so much more...

        Versa Cards

        An all-powerful module that lets you create Flexi-Cards, Team Cards, Testimonial cards, and more to be added soon. 

        Filter:
        london

        London

        The historic capital of the UK, brimming with iconic landmarks like the Tower of London and Buckingham Palace.

        bali

        Bali

        An Indonesian paradise known for its lush landscapes, iconic rice paddies, and world-class surfing beaches.

        paris

        Paris

        The romantic "City of Lights", home to the Eiffel Tower and renowned for its art, fashion, and cuisine.

        thailand

        Thailand

        A Southeast Asian gem offering a blend of ancient temples, bustling markets, and idyllic islands.

        glacier

        Montana

        The "Big Sky Country" of the US, boasting vast plains, towering mountains, and untouched wilderness.

        hawaii

        Hawaii

        A tropical US archipelago, celebrated for its vibrant beaches, rich Polynesian culture, and active volcanoes.

         

        Content Slider

        An all-powerful module that lets you create multiple types of sliders.

        temp-image-high-five

        Content Slider (Beta)

        Learn tips & tricks on how to use the all-new Content Slider module here.  Have feedback on an awesome feature we should add to this module or discover a bug? Pop right over here to submit your ideas.

        temp-image-high-five

        Content Slider (Beta)

        Learn tips & tricks on how to use the all-new Content Slider module here.  Have feedback on an awesome feature we should add to this module or discover a bug? Pop right over here to submit your ideas.

        Multi-Column Content

        The "DO EVERYTHING" module.  When you're not sure which module to use, go for this one.

        Extremely flexible

        If you're not sure which module will do the job, this needs to be your go-to. There is not much you can't do with this puppy.

        • Select multiple columns and arrangements
        • Add background videos, images, etc.
        • Add background column images, colors
        • Forms, Pop-ups, Lottie Files and more

        This simple example really doesn't do thise awesome module much justice. Yet, here's one more example.

        See Pop-up Modal

        Multi-Column Accordion

        Perfect for FAQ pages or where you want to provide easy access to additional information.

        Loads of features

        Easily show multiple columns of accordions to give visitors to your site a deeper dive into the info they care about.

        Not only that, you have full control over the style of these handy accordions.

        Flexi Cards

        These can be used for multiple purposes and work great as jumping-off points to other pages.

        Flexi Table

        Need a content table that looks awesome on a mobile device.  This is it!

        Title Title Title
        Add your content here.
        Add your content here.
        Add your content here.
        Add your content here.
        Add your content here.
        Add your content here.
        Add your content here.
        Add your content here.
        Add your content here.
         

        Images & Text

        Image and Text Opt 1

        This module works perfectly when you want to fill an entire column with an image.  

         

        Supporting images

        Great when you want to use a background image that fills the entire column and sets nicely against the edge of the page.

        On top of that there are loads of mobile options to make sure it stacks nicely when viewed on a smaller device.

        palm-trees-bg

        Image and Text Opt 2

        Perfect when you have a stand-alone image that needs to be in full view.

         

        Showcase images

        This is also loaded with a variety of design options to make your image really pop off the page.

        hubspot-computer

        Icon & Text

        When you need to show a series of features, services offering, or anything else, including an icon can do a lot.

        Icon & Text

        Select from a HUGE library of icons or add your very own.

        Icon & Text

        Control the icon color, size, and even more. You'll think it's your birthday.

        Icon & Text

        Easily set how many columns you want to show. Yep, it's pretty darn magical.

        Hover Cards

        A unique and eye-catching way to display content that is image-driven. 

        Hover Cards

        An awesome module to spice up the design on the page.  Easily select multiple cards in a single row, remove the space between each card, and many more options.

        temp-image-high-five

        Hover Cards

        Get creative with all the other great row optoins using CLEAN custom modules as well. And yes, I have a special place in my heart for pugs.

        pug-7
         

        Image Galleries

        Image Grid

        Yet another creative way to display images (including gifs) on your website.

        pug-9
        pug-3
        pug-6
        pug-make-it-rain
         

        Social Proof

        Testimonial Cards

        Easily display reviews and testimonials from customers including an adjustable 5-star rating.

        testimonial-placeholder
        Lorem ipsum dolor amet prism banjo beard brooklyn vaporware vexillologist. Swag cardigan PBR&B affogato, health goth vice.
        Sanda Cambel
        Director of Marketing
        testimonial-placeholder
        Lorem ipsum dolor amet prism banjo beard brooklyn vaporware vexillologist. Swag cardigan PBR&B affogato, health goth vice.
        Sanda Cambel
        Director of Marketing

        Testimonial Scroller

        Add as many testimonials as you'd like to this scroller to highlight your best reviews.

        Single-origin coffee echo park 3 wolf moon salvia humblebrag distillery palo santo. Master cleanse banh mi blog kinfolk, pitchfork try-hard mustache paleo.
        temp-avatar
        Tom Blank
        Hubspot
        Master cleanse banh mi blog kinfolk, pitchfork try-hard mustache paleo. Tumblr church-key vice brooklyn whatever chia. Single-origin coffee echo park 3 wolf moon salvia humblebrag distillery palo santo.
        temp-avatar-image
        John Smith
        Hubspot

        Logo Scroller

        You'll have the ability to set exactly how many logos you want visible at once plus many more options.

        HelpfulHero-Logo-Color HelpfulHero-Logo-Color HelpfulHero-Logo-Color HelpfulHero-Logo-Color HelpfulHero-Logo-Color

        Number Count Up

        Highlight key success numbers of your product or service.

        0

        Add Description here

        0

        Add Description here

        0

        Add Description here

         

        Video

        Video & Text

        A simple 2 column module that works great when wanting to embed a video.

         

        Press Play

        A simple and useful module that lets you embed a video with supporting text to the right or left.

         

        Pricing

        Pricing Table

        A simple pricing table to highlight your products and services.

        Package Name

        This package is awesome!

        $199

        per month

        Bullet point

        Bullet point

        Bullet point

        Bullet point

        Most Popular

        Package Name

        This package is awesome!

        $199

        per month

        Bullet point

        Bullet point

        Bullet point

        Bullet point

        Package Name

        This package is awesome!

        $199

        per month

        Bullet point

        Bullet point

        Bullet point

        Bullet point

        Pricing Comparison Table

        A robust module to show all the features included in each of your pricing plans.

        Billed monthly
        Billed annually
        Free-Trial Basic
        Monthly Price New
        $ 0
        $ 6
        per/mo
        New
        $ 19
        $ 7
        per/mo
        Section Title
        Describe Feature Here
        This is a great place to add a bit of extra information about the feature.
        Describe Feature Here
        This is a great place to add a bit of extra information about the feature.
        Describe Feature Here
        This is a great place to add a bit of extra information about the feature.
        Describe Feature Here
        This is a great place to add a bit of extra information about the feature.
         
         

        Team

        Team Profile Cards

        The go-to module for your team page when you want to highlight people at your company.

        team-profile-placeholder-1

        John Jones

        Director of Marketing

        Lorem ipsum dolor amet prism banjo beard brooklyn vaporware vexillologist. Swag cardigan PBR&B affogato, health goth vice actually bespoke street art sartorial selfies trust fund.

        team-profile-placeholder-1

        Steve Smith

        Director of Marketing

        Lorem ipsum dolor amet prism banjo beard brooklyn vaporware vexillologist. Swag cardigan PBR&B affogato, health goth vice actually bespoke street art sartorial selfies trust fund.

        Job Listing Table

        Hiring new people?  This is a great module to use on your recruiting page.

        Position
        Location
        New York, NY
        Paris, FR
         

        Specialty

        Card Flippers

        An interesting way to create and display interactive content.

        clean-iso-marketing

        Click me and watch me do a flip.

        Lorem ipsum dolor amet vape offal food truck tumeric. Actually schlitz williamsburg deep v ennui offal. Coloring book pitchfork.

        clean-iso-marketing

        Click me and watch me do a flip.

        Lorem ipsum dolor amet vape offal food truck tumeric. Actually schlitz williamsburg deep v ennui offal. 

        clean-iso-marketing

        Click me and watch me do a flip.

        Lorem ipsum dolor amet vape offal food truck tumeric. Actually schlitz williamsburg deep v ennui offal. 

        Countdown Timer

        Easily display the amount of time before an event, launch, or anything else.

        The main event begins in...

        00

        days

        00

        hours

        00

        minutes

        00

        seconds

        Event Schedule

        With this module, you can highlight your event's line-up and daily schedule.

        10:00AM
        Welcome
        with Sam Smith

         Master cleanse kombucha tumeric brooklyn whatever selvage, portland quinoa. Austin mlkshk pour-over kickstarter beard, put a bird on it palo santo lomo single-origin coffee master cleanse fashion axe keffiyeh hexagon art party activated charcoal.

        11:00AM
        Keynote
        with Janet Jones

        Kickstarter beard, put a bird on it palo santo lomo single-origin coffee master cleanse fashion axe keffiyeh hexagon art party activated charcoal.

        1:00PM
        Keynote
        with Wendy Williams

        Austin mlkshk pour-over kickstarter beard, put a bird on it palo santo lomo single-origin coffee master cleanse fashion axe keffiyeh hexagon art party activated charcoal.

        Tabbed Content

        A great way to organize similar content.

        I'm baby pabst flexitarian mustache hammock, keffiyeh cold-pressed schlitz succulents bespoke lomo snackwave tote bag 3 wolf moon gochujang mixtape. Ugh hashtag mlkshk cold-pressed, live-edge williamsburg irony truffaut mustache pug. Cred forage disrupt, wayfarers lo-fi direct trade trust fund YOLO truffaut pork belly banjo selfies enamel pin hell of umami. XOXO marfa locavore synth franzen ethical salvia copper mug unicorn kogi letterpress. Taiyaki chambray tilde, lo-fi jean shorts fashion axe deep v authentic intelligentsia copper mug. Hoodie cloud bread banjo pork belly lyft.

        I'm baby pabst flexitarian mustache hammock, keffiyeh cold-pressed schlitz succulents bespoke lomo snackwave tote bag 3 wolf moon gochujang mixtape. Ugh hashtag mlkshk cold-pressed, live-edge williamsburg irony truffaut mustache pug. Cred forage disrupt, wayfarers lo-fi direct trade trust fund YOLO truffaut pork belly banjo selfies enamel pin hell of umami. XOXO marfa locavore synth franzen ethical salvia copper mug unicorn kogi letterpress. Taiyaki chambray tilde, lo-fi jean shorts fashion axe deep v authentic intelligentsia copper mug. Hoodie cloud bread banjo pork belly lyft.

        Cred photo booth listicle chambray, humblebrag taiyaki actually jianbing whatever kitsch. Pabst chia retro, heirloom tilde coloring book neutra sartorial venmo. 

        I'm baby pabst flexitarian mustache hammock, keffiyeh cold-pressed schlitz succulents bespoke lomo snackwave tote bag 3 wolf moon gochujang mixtape. Ugh hashtag mlkshk cold-pressed, live-edge williamsburg irony truffaut mustache pug. Cred forage disrupt, wayfarers lo-fi direct trade trust fund YOLO truffaut pork belly banjo selfies enamel pin hell of umami. XOXO marfa locavore synth franzen ethical salvia copper mug unicorn kogi letterpress. Taiyaki chambray tilde, lo-fi jean shorts fashion axe deep v authentic intelligentsia copper mug. Hoodie cloud bread banjo pork belly lyft.

        Content Filter

        Easily group and sort content.

        Timeline

        With this module, you can easily showcase the history of your company or product launch.

        Now

        Jan 1st

        Add your timeline event here.

        End

        Headline goes here

        This is is supporting text.

        Meeting Scheduler

        Effortlessly add your HubSpot meeting calendar to any page (Note: This is a DEMO calendar below).

        Form Wizard

        Easily create a form with a series of steps to help not overwhelm people with a LONG form.

        Fill out this cool form.

        Just enter your details below.
         

        Have an idea for an awesome module?

        Let me know what you'd love to see added to the CLEAN Pro Theme.