HubSpot CMS Theme Development Tutorial: How to Build HubSpot Custom Modules Using HTML + HubL
Have you heard of HubSpot modules but are not sure what they are or how to use them in your pages? Have you wondered how to make a HubSpot custom module? This HubSpot CMS theme development tutorial will show you how to build HubSpot custom modules that you can use to experiment and test how… Read more »
Category: Tutorials
How to Create a Landing Page in HubSpot CMS Using a Blank Page
Are you trying to create a landing page using a blank page in HubSpot? HubSpot drag and drop templates make it easy to build a landing page to help you generate leads or promote a webinar. Below are the steps on how to do so. 1. Open HubSpot Landing Pages Admin In the top navigation… Read more »
Category: Tutorials
How to Increase Your Businesses Online Search Visibility & Local SEO
Every business wants to be found online. Having a professional website is a good starting point but you also need to be found on search engines, maps, voice search like Alexa, and business review sites like Yelp. Below is a list of websites every business should be listed on. If you have just one business… Read more »
Category: Tutorials
How to Visually See What Your jQuery Selection is Selecting
I was recently working on form validation and wanted to mark a.form-group as successful if it contained a particular icon inside the label. The icon was set using PHP depending if the data existed in the database. I was writing .prev() and .parent() to try and select the wrapping .form-group but it wasn’t working and… Read more »
Category: Code Snippets / Tutorials
How to Migrate a HubSpot Blog to WordPress
If you are looking for a way to migrate and export your HubSpot blog to WordPress there isn’t a one click option, unfortunately. However, by following the steps below you can create a CSV file of the data to import into your WordPress site. How to Export HubSpot blog data to import into WordPress {%… Read more »
Category: Tutorials
How to Create a List of Urls and Meta Titles from a Domain
I was working on a site migration and I needed to create an excel spreadsheet of all of the urls, page titles, and meta description. This document would then be shared with the copywriters to work on editing the page copy. I found some nice online tools to make this process easy. Step 1: Generate… Read more »
Category: Tutorials
How to Edit the HubSpot Follow Me Module
The video below demonstrates the steps to update a HubSpot follow me module. Basically, it pulls from your Account Settings > Marketing > Social > Follow Me tab
Category: Tutorials
How to Add a Featured Tag with Text Over an Image
In this tutorial I will show you how to place a featured tag over an image using CSS3 ::before pseudo elements. A common use case for this is eCommerce where you might want to visually show a product is featured, on sale, or out of stock. Since your products are displayed dynamically using a database,… Read more »
Category: Tutorials
Take Command of CSS Flexbox
As a kid I loved playing with toy plastic army men. I would line them up and pretend to be in command giving orders to my soldiers in order to defeat the enemy. Since I was in full command, the soldiers would look to me for their orders. Sometimes a hot shot recruit would overstep… Read more »
Category: Tutorials
How to Detect and Run JavaScript When Bootstrap Media Query Breakpoints Change
Update: I created a small jQuery plugin that adds media query detection for Bootstrap 3 and 4 projects. You can learn more about IfBreakpoint.js here. Have you ever wanted to trigger some javascript at a certain media query value? Relying on document.width() has problems because it includes browser scrollbars. A simpler and more accurate solution… Read more »
Category: Tutorials