CTA Box
A styled box for calling out an action to take
View a live demo of this module.
Content
- Include text and CTA buttons
- Change button position (left, right, bottom, bottom full width)
Styles
- Set Dark Mode
- Split lists into two columns
- Change text alignment
- Change background (can add a background, gradient, or color)
- Change border styling (radius, width, color)
- Edit module spacing
How to Use the CTA Box Module
The CTA Box module serves as a powerful conversion tool that draws visitor attention to your most important actions, whether that’s downloading a resource, scheduling a demo, or signing up for your newsletter. This versatile module works exceptionally well on landing pages, product pages, and blog posts where you need to guide visitors toward a specific next step.
When adding this module through HubSpot’s drag-and-drop page editor, you’ll find it pairs effectively with other Spark Premium modules like testimonials or feature lists to create compelling conversion sequences. The module’s flexible button positioning options allow you to match your page’s visual flow—use left or right alignment when the CTA box sits alongside other content, or choose bottom positioning for a more traditional call-to-action layout.
Dark mode functionality makes this module particularly valuable for creating visual contrast on your pages. Enable dark mode when you want the CTA box to stand out dramatically against lighter page backgrounds, or use it to maintain consistency with your brand’s darker design elements.
The background customization options give you significant design flexibility within the HubSpot editor. Solid colors work well for brand consistency, while gradients can create eye-catching effects that increase click-through rates. When using background images, ensure your text remains readable by adjusting the text color in the module settings.
For optimal performance, keep your CTA text concise and action-oriented. The two-column list feature is particularly useful when you need to present multiple value propositions or features before your main call-to-action. Consider using this module multiple times on longer pages, but vary the styling and messaging to avoid repetition while maintaining your conversion focus throughout the user journey.