CTA - Full Width
Call to Action that spans the whole width of the page.
View a live demo of this section.
Modules:
Usage Guide
The CTA - Full Width section creates a high-impact call-to-action that spans the entire width of your page, making it ideal for capturing visitor attention and driving conversions. This section works particularly well on landing pages, product pages, and at the bottom of blog posts where you want to guide visitors toward a specific action.
When you add this section through HubSpot’s page editor, you’ll notice it automatically extends to the full browser width, creating a bold visual break from your standard content columns. This makes it perfect for important announcements, newsletter signups, demo requests, or directing traffic to key pages on your site.
Best placement practices include positioning this section after compelling content when visitors are primed to take action, or using it as a page footer to capture users before they leave. The full-width design ensures your CTA stands out even on large desktop screens, while remaining perfectly responsive on mobile devices.
The underlying CTA Box module provides extensive customization options through the theme settings panel. You can adjust background colors, text styling, button appearance, and spacing to match your brand guidelines. Pro tip: Use contrasting colors between your CTA background and button to maximize visual impact and click-through rates.
This section performs exceptionally well on service pages where you want to convert browsers into leads, and on resource pages where you’re offering gated content like ebooks or whitepapers. The generous width gives you space for compelling headlines and supporting text without feeling cramped, making it more effective than standard inline CTAs for high-priority conversion goals.