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.

        5 min read

        HubSpot CMS Starter: how to quickly launch your simple website

        HubSpot CMS Starter: how to quickly launch your simple website

        Table of Contents

        Building a new website? You’re about to learn some straightforward tips to help you get your HubSpot site up and running fast. We’ll cover:

        Ready? Let’s do it.

         

        Why it's Smart to Start Small

        Quick question for you: where do you shop? Do you drive down to the mall or open your laptop? If you’re like most consumers today, you want to find information and products online.  

        Your prospects are no different. They’re looking for answers to their questions, and you want to be the solution they find, right? Right. That’s why getting your site up fast is essential. The longer your website build takes, the more potential customers you could lose in the process.  

        You don’t need a perfect, fully built-out website to build your business (spoiler alert: it won’t ever be perfect). All you need to start selling your products and serving your customers are two crucial pages: a landing page and a thank you page.

        1. Landing Page

        This is where your prospect “lands” when they find you or your offer. Your landing page must include:
        • A form to capture emails/sign ups
        • Your value proposition (a freebie, discount, or promo of some kind. In other words, what’s in it for them?).

        2. Thank You Page

        This is the page your prospect is taken to after filling out the form on your landing page. Your thank you page must:

        • Set clear expectations. What can your leads expect now that they’ve opted into your offer, signed up for a free trial, or subscribed to your email list?

        If you don’t have a finished product, you can make your landing page a coming soon page. Include a form to let visitors express interest in your future product or service. This will help you build your email list, get to know your actual customers, optimize your offerings, and lower your upfront costs.

        You could also use your coming soon page to test your offer before making it public. Give your prospects a free trial in exchange for their honest feedback.

        Ultimately, you may want more than just a single landing page and thank you page on your site, but starting with these simple pages will save time, reduce risk, and help inform any additional information your customers want to see. Keep in mind that search engines favor multiple-page websites, so you’ll want a minimum of two pages.

        We’ll get to the how-tos of making this happen in a minute. But first…

         

        Must-Dos Before Diving Into Design

        To make your site launch super speedy and smooth, you’ll want to set up a few things:

        Setup your website platform

        Sign up for a HubSpot CMS Starter subscription to build your site using HubSpot.

        Purchase a domain

        GoDaddy is a good resource for this. Once you’ve got your domain handy, connect it to your HubSpot account.

        Use existing content and pre-built assets

        Already have a website? Take your logo, brand colors, and graphics and get organized. If you don’t have a site yet, look to your social media pages or printed material you may have used in the past. The HubSpot CMS is a great place to store these files, and you’ll find it’s easy to repurpose them into your new site. Using pre-built assets like themes (or our CLEAN Lite) is another way to expedite your design process.

        Create a child theme

        If you’re using our CLEAN Lite, this step is super important. A child theme lets you take advantage of every newly released version of CLEAN and gives you the flexibility to customize your site at the code level.  Read more on that here.

        Map Out your new site

        Distinguish between must-haves and nice-to-haves to speed up your launch and use your resources wisely. When you're designing your site architecture, keep in mind that CMS Starter only allows you 15 pages. You may not need all 15 (especially if you’re starting out small), but it’s good to remember when deciding which pages are critical and which may not be necessary. For more on evaluating your site pages, check out this post.

        Take a look at your tech stack

        Are your workflows set up to accurately import your customer's info? Will you be able to communicate with them from your CRM? If your HubSpot plan doesn’t include marketing automation, try MailerLite for a free workaround. And it integrates beautifully with the HubSpot platform.  

        Start writing, structuring, or updating your content

        Content takes time, so you’ll want to allow for the inevitable missed deadline or extra round of revisions. Plus, the length of your content (particularly on high-traffic pages like your home page) will influence your design and layout. It’s never too early to start writing.

        Alright! Now you’re ready to build your site.  

         

        How to Use HubSpot's CMS To Create Your Site

        HubSpot CMS Starter is an affordable, all-in-one platform ideal for your small business website. With a limit of 15 website pages and starting cost of $25/month, it’ll give you plenty of bang for your buck. Even more fun: our data shows that HubSpot users can get their CLEAN sites up and running in as little as one week. Now, that’s fast!  

        Finally, the part you’ve been waiting for. Let’s get this show on the road.

        Start with the theme settings

        Head to your website editor and hit the design tab. Then click edit theme settings.

        Screen Shot 2021-12-17 at 7.38.45 AM

        This is where you can edit global content. In other words, you can set style rules once, and they’re automatically applied to every existing and future page on your site. Talk about time-saving! This is perfect for brand attributes like color palette, font styles, and sizes, buttons, etc.  For a more in-depth how-to, check this out. 

        Preview on the style guide page

        Pull up the style guide page under the little View on menu.

        Screen Shot 2021-12-16 at 6.53.07 AM-1

        You’ll be able to see how changes to your site will look in real-time. Pretty cool, huh? Pro tip: make sure to set up styles for your forms, too! 

        Create your first page

        Remember the site map you created above? Choose one of those must-have pages to start with. Back in your HubSpot site editor, hit the create dropdown, and select Website page.

        Screen Shot 2021-12-16 at 7.06.36 AM

        Select the theme you’d like to use...

        Screen Shot 2021-12-16 at 7.07.33 AM

        and then the page template.

        Screen Shot 2021-12-16 at 7.08.10 AM

        Now you can start playing with all the fun modules in the drag and drop editor. The possibilities are practically endless. Want to see a live preview?  Watch this video.

        Set up your navigation

        If you’re just doing a landing page and thank you page, you may be able to skip this step for now (since you don’t want site navigation on your landing page). Otherwise, to create your site navigation, go to your contents tab and click on your header.

        Screen Shot 2021-12-16 at 7.27.21 AM

        You’ll be taken to your global content editor, where you’ll want to add your nav elements.

        Screen Shot 2021-12-16 at 7.29.42 AM

        Choose create new menu...

        Screen Shot 2021-12-16 at 7.28.12 AM

        and add any individual menu items or page links you need.

        Screen Shot 2021-12-16 at 7.32.28 AM

        Note: only live pages will show up as menu items. If the page you’ve linked to is in draft mode, it may not appear.

        In addition to your main nav, you can customize your header hat menu - the slim navigation bar above your main navigation. This is useful if you need to display additional links, but if your website is super minimal, you can toggle this off under the START HERE tab in your page editor.  

        Screen Shot 2021-12-16 at 7.35.22 AM

        Check your forms

        Test your opt-in offers and lead generation forms to make sure they’ll populate the right properties in your CRM or mailing list. Keep track of that hard-earned traffic!

        Hit Publish

        Woohoo! Your new page is live. Do a quick happy dance, but you’re not done yet.

        Collect user data

        Set up a couple of dashboards to keep track of page traffic, conversions, and sales to continuously improve and customize your site. For more on HubSpot dashboards, take a look at this post.

         

        ...And you're done!

        Well, sort of.  Your site is never really done. So have fun growing your business and continuously improving as you learn about your customers. It’s all about the process.

        Now you’ve got everything you need to make your simple site live in no time. Plus, you’ve got the chops to make it really really ridiculously good-looking. 

        zoolander

        If you’re not a designer, your team will think you are. :)

        Haven't started on your simple site?  What are you waiting for?

        Get CLEAN Lite

        3 Proven Ways to Boost Traffic

        3 Proven Ways to Boost Traffic

        If a website launches and no one on the internet sees it, can it still generate business?

        Read More
        How to Boost Website Performance Like a Pro

        How to Boost Website Performance Like a Pro

        Are you struggling to keep up with your customers' expectations these days? Do you want to improve your sales, get a better ranking on Google, and...

        Read More
        The easiest typography tip for effective SEO

        The easiest typography tip for effective SEO

        In a sea of SEO advice, it can be tricky to know which tips are worth trying. But you’re about to learn one little typography trick that you won’t...

        Read More