We all know HubSpot’s default modules come with restrictions, and that’s why we take the custom module route. But, often, companies get confused about how many custom modules and which custom modules are needed to build a good operational website.
AvantaHub researched and narrowed down the custom modules that you can reuse anywhere on the website. You know how much development time you reduce when you have ready-to-use custom modules that you can reuse repeatedly.
The hero section is the above-the-fold section of any page or the section just below the menu. It usually contains a background image, a persuasive heading and sub-heading, and a call to action. You have the following combinations in your Hero section.
The best part of this section is that you can use it as a heading for any section where you want to display short and catchy text. Not necessarily it has to be on the top of the page. Toggle images or text right or left, add your own content, and your section is good to go live.
Columns modules are versatile and support any content form. The column modules can support whether you have a three-heading, a two-heading, or a four-heading content part. Simply give the option to add the columns. Commonly used column modules are;
A website carousel displays a series of images or videos that can be clicked or scrolled through. Now, imagine what you can put in the placeholders
It’s your section; display whatever you want. Test your creativity.
Tabbed content is used to display when you set sub-sets to display in the content. You can display titles, text, CTAs, and images in the tabbed section.
You can incorporate anything in the tabbed section custom module and even decrease or increase the tabs. It can fit on any page.
Some people like to display the pricing table on the website, while some don’t want to display that. They want to pitch the price to the ones who are interested only. However, a pricing table can also be used to display features. Simply remove the pricing from the table and leave the features in there.
The other way you can use the pricing table custom module is by displaying the comparison of features between the tools.
And, of course, if you like to display the pricing table, you can always do that any way you want.
It is a good widget to have. Your website visitors can view your social media’s latest posts from all the platforms you created widgets for.
With social media widgets on the page, even your static pages look dynamic because the latest content on social media widgets constantly changes when you publish a post. So, on every visit, even the repeat visitor will find unique content in that section.
Like a good antique collector, some people have an obsession with custom buttons. You cannot have enough of these. However, there are a few types that are used throughout the website. You can embed them in any module with a toggle On/Off feature.
Ensure that you are tracking the performance of your CTAs, and where they are placed.
Don’t you love these? The ultimate tool for marketers is from where they see website visitors getting converted into leads, and in the process of doing so, they capture the required data such as name, email, company, phone number, etc. You can have the following form modules
One simple rule to follow here – be as clear as possible about field names. For example, if the field is about the background image, don’t simply write ‘image’ in the field. Write ‘background image.’
Headings, subheadings, bullets, and paragraphs are all text forms, so writing only a ‘text field’ might confuse the page editor. Clearly mention the field for heading, subheading, bullets, and rich text.
While writing the module name, mention the exact features. If it is a column module, write the number of columns it has. Also, mention if the module is Global or Local. For example, if you have a three-column module, both local and global, write like this;
three-column-module-local
three-column-module-global
If you are building a custom module on forms to book a meeting, a social media widget, or a CTA module, then make sure that linking is done properly. The submitted forms go into the right email and are properly tracked at the backend.
This goes without saying that any module you design must look good on a desktop and a mobile screen. Once the module development is done, test it for the most used screen sizes and see how it looks.
AvantaHub is here to help with custom module designing and development.