Call to Action - Full-Width
A full-width section with a background image that calls out text and a call to action button.
View a live demo of this section.
Modules:
How to Use This Section
The Call to Action - Full-Width section creates a powerful visual focal point on your nonprofit or education pages by combining an eye-catching background image with compelling text and an action button. This section works exceptionally well as a hero banner on your homepage or as a conversion-focused element on landing pages where you need to drive donations, volunteer signups, or course enrollments.
When you add this section through HubSpot’s drag-and-drop page editor, you’ll be working with a single Call to Action Box module that automatically spans the full width of your page. The background image you select will display behind your content, creating depth and visual interest that aligns with Impact theme’s bold design philosophy.
Positioning matters with this section type. Place it strategically after introducing your organization’s mission or program details, but before overwhelming visitors with too much information. The full-width layout ensures your call to action commands attention without competing with other page elements.
To maximize effectiveness, choose background images that support your message rather than distract from it. Dark overlay options within the Call to Action Box module help ensure your text remains readable across different image choices. Your button text should be action-oriented and specific—“Donate Now,” “Register for Fall Classes,” or “Join Our Volunteers” perform better than generic phrases like “Learn More.”
This section adapts beautifully to mobile devices, maintaining visual impact while ensuring your call to action button remains easily tappable. The responsive design automatically adjusts text sizing and spacing to preserve readability across all screen sizes, making it reliable for reaching supporters on any device.