How to Link to Module Fields to Theme Images in HubSpot Themes
When building HubSpot themes you often want to have default images referenced from inside your theme folder. You would think adding a relative link would work but you actually need to add it inside this hubl function to get it to work get_asset_url() Learn more about building custom modules in HubSpot. “default” : { “src” […]
How to Fix HubSpot Website Your Connection is Not Private Error in Chrome & Safari
HubSpot requires using CNAME to point a domain to their server using a subdomain. This means you still have an A record to worry about. The www in your www.yourdomain.com is a subdomain and not root domain that does not have the www. It is the same as blog.yourdomain.com or mail.yourdomain.com. In order to fix this, […]
35+ Powerful and Feature-Packed AngularJS Ecommerce Templates Available For Free
Angular is one of the best and most popular JavaScript frameworks available to developers. The framework was initially developed by Google approximately ten years ago. Developers had to use complicated processes to build dynamic single-page applications before the arrival of the Angular framework. Angular simplified the process of web app development and made it simpler […]
How Do You Change the Primary Domain in HubSpot CMS?
If you are looking to rebrand your website and change its domain there are a few steps you can take. You will most likely land on this HubSpot knowledge base article which outlines the steps but if you read it quickly you might miss a critical piece of information. At the very bottom there is […]
Top 15 Web Dashboard Templates available for Free Download 2020
In a data-driven world, where economies of scale dominate, people are increasingly reliant on data visualizations to make sense of the data. Such data is predominantly displayed in form of Webpages linked to a database where data is visualized in form of charts and graphs. Dashboards are usually the first page a user sees when […]
How to Get a Wistia Video Thumbnail Without the API
Wistia video provides some handy embed codes for your videos but what if you want to create a custom player or use the thumbnail image by itself. You can use their API but the setup could me more complicated than you need. Thankfully Wistia provides Oauth url’s used in WordPress to grab the data for […]
Scale Up and Crop an Image WordPress [code snippet]
In WordPress you may need to increase the size of all thumbnails but WordPress does not res up the images to prevent distortion. Using the method outlined in this example you can use object-fit to make undersized images fit your desired aspect ratio. .img-crop__polyfill image is sized to the desired dimensions. This will help keep […]
HubSpot CMS Site Search Input Module Override
HubSpot provides a default module to perform a site search. By default it searches website pages and blog posts. But what if you want to override this and only search blog posts? Below is an embed snippet to help you do just that. Usage Snippet Verbose Example {% module ‘site_search’ path=’@Hubspot/search_input’, label=’Search’, content_types={ ‘website_pages’: False, […]
How to Redirect WWW to non WWW WordPress [htaccess snippet]
Below are two code recipes for your htaccess file to redirect different versions of your domain. Once you have things added you can use this redirect testing tool to verify all the versions of your domain are redirecting properly. If you don’t want the WWW Redirect everything to naked domain https://yourdomain.com # BEGIN Redirects RewriteEngine […]
HubSpot CMS HubL Macros [code snippets]
A collection of HubSpot CMS Macros {% set macros = true %} {######################################### ## HubSpot Helper Macros ## #########################################} {# **Prefix Constructor** Utility macro that builds builds vendor prefixed versions of a statement. Usage Inside of you macro, call the prefix macro and pass it the following values in this order, as strings. CSS property […]
