Spark Premium Documentation

Theme Button

A custom call to action button.

View a live demo of this module.

Content

  • Choose CTA color from button colors set in Theme Settings (Primary, Secondary, Tertiary, Link, Link Dark Mode)
  • Add an icon to the button
  • Change alignment of CTA on the page (left, center, right)

Styles

  • Edit module spacing

button

How to Use This Module

The Theme Button module serves as a standalone call-to-action element that you can place anywhere on your HubSpot pages through the drag-and-drop page editor. Unlike standard HubSpot CTA modules, this custom button integrates seamlessly with your Spark Premium theme’s design system and maintains consistent styling across your entire website.

This module works particularly well on landing pages, service pages, and blog posts where you need to drive specific user actions without the complexity of a full CTA banner. You can use it to create “Contact Us” buttons, “Download Now” calls-to-action, or any other conversion-focused element that needs to stand out on the page.

Best Practices for Implementation:

When configuring your Theme Button, leverage the predefined button colors from your Theme Settings to maintain brand consistency. The Primary color typically works best for main conversion actions, while Secondary and Tertiary options are ideal for supporting actions or less prominent CTAs.

The icon functionality allows you to enhance your button’s visual appeal and clarify its purpose—consider using download icons for resource CTAs or arrow icons for navigation buttons. Keep your icon choices simple and universally recognizable to avoid confusing visitors.

For page layout optimization, use the alignment options strategically. Center alignment works well for standalone conversion buttons on landing pages, while left alignment often performs better within content sections or sidebar areas. Right alignment can be effective for continuation buttons in multi-step processes.

Remember that this module respects your theme’s responsive design settings, so your buttons will automatically adjust for mobile devices while maintaining their visual hierarchy and accessibility standards.