Campaigns Spotlight 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 Spotlight Block allows you to highlight specific products, features, services, or use cases in a visually engaging format. It's ideal for showcasing multiple offerings with supporting images and descriptions.

When to Use the Spotlight Block

The Spotlight Block is recommended for:

Featuring multiple products or services
Highlighting key features with visual support
Showcasing different use cases or applications
Presenting portfolio items or case studies
Illustrating a step-by-step process

Elements

The Spotlight Block includes the following customizable elements:

Preheader

Default: Uses H4 heading style from your theme
Purpose: Provides context or categorizes the section
Customization: Click directly on the preheader to edit text if enabled in settings
Best Practice: Keep it short (1-5 words)

Header

Default: Uses H2 heading style from your theme
Purpose: Main section heading
Customization: Click directly on the header to edit text
Best Practice: Clear, descriptive heading

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: Expand on the header with a brief explanation

Spotlights (1-4 items)

Each Spotlight includes:

Image

Default: An image placeholder will appear until you add your own image
Purpose: Visual representation of the spotlight item
Customization: Click on the image to edit; upload via URL or file upload
Best Practice: Use high-quality, relevant imagery

Label

Default: Uses H3 heading style from your theme
Purpose: Heading for each spotlight item
Customization: Click directly on each label to edit
Best Practice: Concise, descriptive (2-5 words)

Description

Default: Uses body text style from your theme
Purpose: Explanation of the spotlight item
Customization: Click directly on each description to edit
Best Practice: Clear, concise explanation (1-2 sentences)

Layout & Styling Options

To access the Spotlight 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

Default: Uses your default theme color
Customization: Select from your brand color palette
Best Practice: Choose a color that provides good contrast with text and images

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 (implied from transcript)
Customization: Turn on or off as needed in the settings menu

Spotlight Number

Range: 1-4 spotlight items
Default: 3 spotlight items
Customization: Select the number of spotlights to display in the settings menu
Best Practice: Choose a number that adequately covers your key points without overwhelming

How to Edit the Spotlight Block

Access Block Settings: Click on the Spotlight Block, then click the settings icon (wrench icon) to access block-specific layout and styling options:
- Select light or dark text
- Choose the background color
- Toggle preheader and subheader on/off
- Set the number of features/spotlights (1-4)
Edit Text Elements: Click directly on each text element to edit:
- Edit preheader, header, and subheader text
- Edit each spotlight label and description
Edit Images: Click on each image to upload via URL or file

Best Practices for Spotlight Block

Use consistent imagery: Maintain similar image styles, sizes, and compositions
Keep descriptions concise: Focus on key benefits or features
Maintain visual balance: Ensure text lengths are somewhat similar for visual harmony
Use high-quality images: Each image should be clear and professional
Consider mobile display: Remember that on mobile, spotlights will stack vertically
Create visual hierarchy: Make labels stand out from descriptions

Common Questions

Q: What image dimensions work best for the Spotlight Block? A: For optimal display, spotlight images should be sized consistently. Aim for square images (1:1 ratio) with dimensions of at least 400px × 400px.

Q: How many spotlights should I include? A: While you can include up to 6, 3-4 spotlights often work best, especially for mobile viewing. Focus on your most important offerings rather than trying to include everything.

Q: Can I link each spotlight to a different page? A: In the standard configuration, spotlight items are not individually linkable. If you need clickable spotlights, consider customizing your campaign template.

Q: How should I organize multiple spotlights? A: Consider organizing spotlights in a logical sequence, such as:

From most to least popular offerings
In chronological order (for processes or steps)
By category or related features
From simple to complex solutions

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.

Related to