Easy Tech TutsHow to Add a Button in HubSpot, Create & Link Easily 2026
By Impran M N
A well-placed button can make the difference in whether a visitor takes action, and HubSpot's Button module gives you control over both the design and the destination link. This guide covers dragging the module into your page or email, setting the display text and target URL, and adjusting visual styles like color and padding. It ends with checking HubSpot's analytics to measure how the button performs.
01Open your content editor
Select the target page or email layout where you want to add the button.
02Find the Button module
Look in the left sidebar module tray for the core Button component.
03Drop it into your layout
Drag and drop the Button module into your content canvas.
04Set the text and link
Edit the display text and configure the target URL, meeting link, or file the button should point to.
05Style the button
Adjust background color, hover states, border radius, and padding to match your design.
06Align and test
Set the alignment to center, left, or full width, then test the click redirection before publishing.
Frequently asked questions
Can I link a HubSpot button to an external URL?
Yes, the button's linking properties support routing to external URLs, meeting links, or uploaded files.
How do I track clicks on a CTA button?
HubSpot's CTA analytics engine lets you measure clicks and engagement once the button is published.
Can I change the button's color and shape?
Yes, the design panel lets you adjust background fill, border radius, padding, and text alignment.
Does the button module work in both pages and emails?
Yes, the same Button or CTA module is available in both the page editor and the email editor.
Watch the full walkthrough
The same steps, demonstrated on screen from start to finish.
