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.

        2 min read

        How to Build a HubSpot Landing Page in Seconds with AI (yes, really)

        How to Build a HubSpot Landing Page in Seconds with AI (yes, really)
        How to Build a HubSpot Landing Page in Seconds with AI (yes, really)
        3:27

        Need to spin up a quick landing page?  If you’re on HubSpot’s Content Hub Pro subscription, the “Start with AI” option can produce copy, layouts, and more faster than you can say “launch deadline”.  While it works great out of the box, it has some surprising blind spots that you’ll want to know about before you hit publish.

        It’s ridiculously easy to get started.

         

        How to Build Your Landing Page in Seconds

         

        Step 1

        In your HubSpot account, find the Content tab, then click Landing Pages.

        Build your AI Landing Page

         

        Step 2

        Click “Start with AI”.

        start with AI

         

        Step 3

        Pick your purpose.  What do you want your page to do?  In this example, we chose "offer downloadable content".

        your landing page purpose

         

        Step 4

        Describe your page.

         

        You’ll see another prompt from HubSpot to set up brand identity (including brand voice, colors, and default theme). You can read more on how to do that here, but for now, just know we already have this set up in our account.

         

        Step 5

        Add any additional content for context.

        add your content

         

        Step 6

        Click Generate Landing Page

        generate your page with AI

         

        And VOILA!

        You have a brand-new landing page draft, complete with copy, images, and CTAs, ready to go. Or is it?*

         

        Why Your AI-Generated Page Looks Off (and How to Fix It)

        *Heads-up: Unless you’re on HubSpot’s default Element theme, you might be wondering why your shiny new landing page looks a little…off.

        In our case? The submit button turned out bright purple. (HubSpot, we love you, but there’s definitely no purple in our brand kit.)

         

        AI landing page (first draft)

         

        Which leads me to a quick tangent (and hey, product team, if you’re listening…): what's the point of an AI-generated page and brand identity if they don't talk to each other? 

         

        anybody home?

         

        Okay, rant over.  Let‘s fix it.

        Don’t panic, it’s simple: just switch the template back to your preferred theme.  Here’s how:

         

        Hit the Gear icon to go to Settings in your page editor.

        page editor settings

         

        Click "Template"

         

        Click “Use Different Template.”

        change theme

         

        Click "Change theme".

        Change Theme

         

        Choose your theme (in our case, Clean Pro), and "Set as active theme".

        Clean Pro for HubSpot

         

        ...and select the template you want.

        select your template

         

        And phew! 

        What a breath of fresh air to see that orange CTA and familiar fonts.  If everything looks good after previewing your new theme and template, hit “Select” and your changes will be applied to your landing page.

        your on brand landing page

         

        But wait...there's more!

        Before you hit publish, you might also want to personalize your page: tweak the copy (“submit” might not be the most compelling CTA language), connect your form to any workflows, and whatever else to make your landing page feel like you.

         

        TL;DR

        Here are some reasons you might want to build your next landing page with AI (and why you might not).

        Pros: This tool gets you moving fast. You’ll have a landing page you can publish in seconds.

        Cons: It’s not a magic “easy” button.  If you want your page to feel on brand, you’ll have to do some rework (switching the theme, choosing a form, tweaking the copy, etc.).

        It’s kind of like redesigning your house, but deciding to get all your new pieces from a one-stop shop: IKEA.  You’ll have the furniture you need, but your living room might feel like a showroom.

         

        ikea design

         

        If you want your website to feel like home, you'll have to add your style (and maybe ditch that tiny hex wrench).

        Want to speed things up and stay on brand?  Watch this walkthrough of one of our favorite HubSpot landing page shortcuts.

        You got this.  Cheers to more high-converting landing pages in your future.

        10 Best Landing Page Design Trends that will Crush it in 2023

        10 Best Landing Page Design Trends that will Crush it in 2023

        Updated: 11/14/22The fun of creating landing pages is that it gives us the ability to experiment with design, copy, offers, etc. in order to capture...

        Read More
        5 Modern Landing Page Examples to Inspire You

        5 Modern Landing Page Examples to Inspire You

        Need inspiration for your next PDF booklet offer or lead-capture landing page? Searching for good examples can feel like finding a needle in a...

        Read More
        4 Key Components You Need to Craft a Persuasive Landing Page

        4 Key Components You Need to Craft a Persuasive Landing Page

        Have you ever landed on a website that made you think, “Am I in the right place?” Yeah, me too.

        Read More