Campaigns CTA Block

Campaigns is available to customers with the ABM Package. If you are not on this plan and would like to learn more, please reach out to your Mutiny Rep for assistance.  If you are unsure who your rep is, our support team can help you out by submitting a ticket at the bottom of the page! 

The CTA (Call to Action) Block is designed to drive visitor engagement with a prominent call to action. It provides a focused section that encourages users to take the next step in their journey with your campaign.

When to Use the CTA Block

The CTA Block is recommended for:

• Driving conversions at strategic points in your campaign
• Encouraging visitors to take action after consuming content
• Creating clear next steps for interested visitors
• Highlighting special offers or limited-time opportunities
• Summarizing the value proposition before asking for action

Elements

The CTA Block includes the following customizable elements:

Preheader

• Default: Uses H4 heading style from your theme
• Purpose: Provides context or creates urgency
• Customization: Click directly on the preheader to edit text if enabled in settings
• Best Practice: Use to create urgency or context (e.g., "Limited Time Offer")

Header

• Default: Uses H2 heading style from your theme
• Purpose: Main call-to-action heading
• Customization: Click directly on the header to edit text
• Best Practice: Clear, action-oriented heading that states the primary benefit

Subheader

• Default: Uses H3 heading style from your theme
• Purpose: Additional context or supporting statement
• Customization: Click directly on the subheader to edit text if enabled in settings
• Best Practice: Provide additional information or address potential objections

CTA Button

• Default: Uses the primary button style from your theme
• Purpose: Clickable button that drives the desired action
• Customization: Click on the button to edit text and destination URL
• Best Practice: Use clear, action-oriented text (e.g., "Get Started," "Request Demo")

Layout & Styling Options

To access the CTA Block settings, click on the block and then click the settings menu (wrench icon).

Text Color

• Options: Light or Dark
• Customization: Choose the option that works best with your background
• Best Practice: Ensure high contrast for readability

Background Color/Image

• Default: Uses your default theme color
• Customization:
  • Select from your brand color palette
  • OR upload a background image
• Best Practice: Choose a background that provides good contrast with text and button

Preheader Toggle

• Default: Set to on by default
• Customization: Turn on or off as needed in the settings menu

Subheader Toggle

• Default: Set to on by default
• Customization: Turn on or off as needed in the settings menu

Large Format Toggle

• Default: Set to on by default
• Customization: Turn on or off as needed in the settings menu
• Effect: Creates a visually distinct section with additional styling options

Large Format Options

When Large Format is toggled on, additional options become available:

Inner Background

• Default: Uses your brand's medium color
• Customization: Select from your brand color palette
• Best Practice: Choose a color that stands out from the main background

Border Toggle

• Default: Set to off by default
• Customization: Turn on or off as needed
• Effect: Adds a border around the CTA content

Corner Radius

• Default: 0px (sharp corners)
• Customization: Input desired pixel value
• Effect: Rounds the corners of the CTA container
• Best Practice: Use 4-8px for subtle rounding, 12-16px for more pronounced rounding

How to Edit the CTA Block

1. Access Block Settings: Click on the CTA Block, then click the settings menu (wrench icon) to access block-specific layout and styling options:

   • Select light or dark text
   • Choose the background color or upload an image
   • Toggle large format on/off
   • When large format is on, configure inner background, border, and corner radius
   • Toggle preheader and subheader on/off

2. Edit Text Elements: Click directly on each text element to edit:

   • Edit H1 header text
   • Edit subheader text (if enabled)
   • Edit preheader text (if enabled)
   • Edit CTA button text and destination URL

Best Practices for CTA Block

1. Use action-oriented language: Your CTA should clearly tell visitors what action to take
2. Keep it concise: Use short, compelling copy that drives action
3. Create contrast: Ensure your CTA button stands out visually
4. Address objections: Use the subheader to address potential concerns
5. Position strategically: Place CTAs at natural decision points in your campaign flow
6. Use the Large Format option: For important calls to action, the large format creates more visual impact

Common Questions

Q: How many CTAs should I include in my campaign? A: While multiple CTAs throughout a longer campaign can be effective, each CTA Block should focus on a single, clear action.

Q: Should I use the Large Format toggle? A: The Large Format creates a more visually distinct CTA section and works well for primary conversion points. It's particularly effective when you want to create visual separation between the CTA and surrounding content.

Q: What makes an effective CTA? A: Effective CTAs are clear, specific, action-oriented, and communicate value. Instead of generic text like "Submit" or "Click Here," use specific language like "Get Your Free Guide" or "Start Your 14-Day Trial."

Need Help?

If you have questions or need help, the Mutiny Support team is here for you!  You can submit a support ticket at the bottom of this page or reach us at support@mutinyhq.com.