Navigate to the page where you want to add the module

Click "Button Text" to add the text that you need in the button.

Click "Button URL" to link the button to different available options.

Click here on the ballon to read instructions

Click "Content" to link it to a webpage in your HubSpot CMS.

Click "File" to link any file to the button.

Click on the file dialogue box to upload the file that you want to link to the button.

Click "Email address" to link it to any email so that on clicking the button, a direct compose option pops up from system settings.

Click the "Email address" field to add the respective address.

Click "Blog" to link it to the blogs from the system. 

Click here to choose the blogs from the system. 

Click here to enable the button to open link in new window. 

Click "Styles" to work on the style settings. 

Click "Default" to choose the default button style of the theme. 

Click "Custom Button" if you want to give specified style settings

Click here on balloon to see instructions

Click "Left" or any other option to change the alignment.

Click "Color" if you want to give solid colors

Click "Hover Color" to add color on Hover

Click "Gradient" if you want to give gradient options

Click "Direction" to chose the direction of graient to flow

Click "Bottom to top" or any other options 

Click the "#" field to add the primary color

Click the "#" field to add secondary color

Click "Top to bottom" in the Gradient color on Hover

Click "Top to bottom" or any other option in the directions

Click the "#" field to add primary hover color

Click the "#" field to add secondary hover color

Click "Add Border" to add the border to the button

Click "Solid" or choose any other option.

Click the "Color" field. to add the border color

Click the width field to add thickness of the border.

Click the "5" field or give any value form 0 to 100 to add the corner radius.

Click "Hover Color" to add the color on hover for text

Click "Transformation" to change the text 

Click "Right" or choose from other options

Click the "#" field to add the hover color.

Click "Full Width" to turn on the settings.

Click "Add Animation" to turn the button animation on. 

Click "Fade Right" or choose from the options

HubSpot is a CRM platform. Learn how to effectively use HubSpot to manage your customers and other tips and tricks such as how to merge contacts or how to connect your Gmail account.

Rich Button Module