Back to All Modules

Full-Width CTA Card

Search (CSOL) Full-Width CTA Card in the CMS

Jump to Guidelines and Use Cases

Theme Options:

Module Preview
Woman typing on phone seated

Learn About HubSpot

HubSpot’s CRM platform has all the tools and integrations you need for marketing, sales, content management, and customer service. Get started with free tools, or get more with our premium software.

sg-defaults_figures

The Data Hub Playbook

Download the Data Hub Playbook by Elite partner, Aptitude 8. In this playbook, you'll get the how-to blueprints for what's possible with the newest hub, so you can get a jumpstart on building solutions for clients.

This button links to a PDF

Woman typing on phone seated

Learn About HubSpot

HubSpot’s CRM platform has all the tools and integrations you need for marketing, sales, content management, and customer service. Get started with free tools, or get more with our premium software.

sg-defaults_figures

The Data Hub Playbook

Download the Data Hub Playbook by Elite partner, Aptitude 8. In this playbook, you'll get the how-to blueprints for what's possible with the newest hub, so you can get a jumpstart on building solutions for clients.

This button links to a PDF

Woman typing on phone seated

Learn About HubSpot

HubSpot’s CRM platform has all the tools and integrations you need for marketing, sales, content management, and customer service. Get started with free tools, or get more with our premium software.

sg-defaults_figures

The Data Hub Playbook

Download the Data Hub Playbook by Elite partner, Aptitude 8. In this playbook, you'll get the how-to blueprints for what's possible with the newest hub, so you can get a jumpstart on building solutions for clients.

This button links to a PDF

Module Preview

FAQ's

How To Use This Module

This large CTA Card can provide a quick description of a product or offer with an action for visitors to learn more. It also comes with an image content field to add visual elements on your page

Use Cases

### Left or Right Alignment

Choose whether the image area appears on the left or right side of the card.

### Heading and Descriptions

Add a heading (with configurable semantic level) and multiple description paragraphs to provide context for the CTAs.

### Primary and Secondary CTAs

Include up to two CTA buttons with automatic hierarchy styling and optional disclaimer text below the buttons.

### Image Area Options

Configure the image area with:

  • Optional background image (recommended: 400px width)
  • HubSpot logo overlay (white SVG)
  • Caption text with dark theme styling
  • Image area can be completely hidden if not needed

### Dark Theme Overlay

When logo or caption is present, a dark overlay is applied to the image for better text contrast.

Get on-brand assets for your module

Guidelines

Character Count

  • Limit CTA text to 2 or 3 words
  • Keep the image captions under 40 characters

Image Sizing

  • 400px wide images are recommended
  • The background image will be streched to match the cards height
  • This image is intended to be decorative only, and its height shrinks down on mobile view. This module should not be used for meaningful images. If your image is intended to be meaningful to your page, consider using the "Multi-Row Media with Rich Text" module instead.

Things to Know

  • Ability to reverse the layout

Similar Modules

Full-Width CTA

Add one or two CTAs with description allowing visitors to take action.

updated

CTA Content Block

Draw attention to a final call-to-action for your page.

What's New?

| v2.36.0 September 2025

  • Added a new option to remove image from Full-Width CTA Card module.

| v2.13.0 August 2024

  • Added a new "CTA Type" option called "Back to Top" which will move the user to the top of the page if selected.

| v2.11.0 June 2024

  • Allows CTA styling options so user can set a Type (button versus text link) and Button Style (i.e. primary, secondary or tertiary)

| v1.0.0 February 2024

  • Added optional Secondary CTA