Campaigns Content Blocks: Overview

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! 

Content Blocks are the building blocks of your microsites in the Campaigns product. When you create a new microsite, the editor automatically matches sections of your provided URL to the appropriate content blocks. You can then customize these blocks, add new ones, or rearrange them to create your ideal page without requiring extensive design or development knowledge.

What Are Content Blocks?

Content Blocks are pre-designed, customizable sections that you can add to your microsite. Each block serves a specific purpose and includes customizable elements and styling options. Using these blocks allows you to:

• Create professional, on-brand base pages quickly
• Maintain design consistency across your campaigns
• Focus on your content rather than design and layout
• Easily update and modify your campaigns as needed

When you create a new microsite, the editor automatically analyzes your provided URL and matches sections of your website to appropriate content blocks. You can then customize these blocks, add new ones, or rearrange them to create your ideal campaign page.

Available Content Block Types

Campaigns offers ten different Content Block types:

1. Nav Bar Block: Provides navigation at the top of your microsite
2. Hero Block: Creates an impactful first impression with a prominent headline and image
3. Logo Bar Block: Showcases partner logos or brand affiliations
4. Value Prop Block: Highlights key value propositions or benefits
5. Spotlight Block: Features products, services, or key offerings
6. CTA Block: Drives action with a prominent call-to-action
7. Testimonial Block: Adds social proof with customer testimonials
8. Resources Block: Promotes relevant resources or content
9. Embed Block: Incorporates external content like forms or videos
10. Footer Block: Provides copyright information and essential links

Common Elements Across Content Blocks

Most Content Blocks share common customization options and elements:

Elements

Elements are the editable areas within each block where you can add and customize your content. Common elements include:

• Headers and subheaders
• Descriptive text
• Images
• Call-to-action buttons

Layout & Styling Options

Each block offers various layout and styling options to help you create the exact look and feel you want:

• Background color selection
• Layout variations (where applicable)
• Toggle options for various elements
• Spacing controls

Default Settings

All blocks come with sensible defaults that align with your campaign theme, making it easy to create professional-looking content quickly. Some elements may be picked up by the content scraping, and placeholders will be used where they were not.

How to Use Content Blocks

Block Editor Interface

The editor provides several ways to interact with blocks:

1. Block Selection: Click on any block to select it. When selected, you'll see two menu options:

   • Settings Menu: Appears as a tool icon
   • Kebab Menu: Three vertical dots that provide movement and deletion options
   • 

2. Block Settings: Click the settings gear icon to access block-specific layout and styling options, such as:

   • Background color
   • Text color (light/dark)
   • Layout options
   • Toggles for various elements
   • Block-specific configuration options

3. Direct Editing: Click directly on elements within a block to edit their content

Adding and Moving Blocks

To add a new block:

1. Select the block you want to place the new block under
2. Click the "+" (plus sign) that appears at the bottom of the selected block
3. Choose the desired block type from the menu that appears

To move or delete a block:

1. Select the block you want to modify
2. Click the kebab menu (three vertical dots) in the block's toolbar
3. Choose to move the block up, move it down, or delete it

Customizing Blocks

Each block has two main ways to customize it:

1. Settings Menu: Click the settings icon (gear) to access block-specific layout and styling options
2. Direct Editing: Click on individual elements within the block to edit their content

For each block, you'll:

1. Configure the block settings
2. Customize the content in available elements
3. Preview how the block will appear on different devices
4. Make any necessary adjustments before publishing

Refer to the individual block documentation for detailed information on each block's specific elements and customization options.

Best Practices for Using Content Blocks

• Maintain consistency: Use similar styling options across blocks for a cohesive look
• Don't overcrowd: Focus on key messages rather than trying to fit too much content into a single block
• Consider the user journey: Arrange blocks in a logical order that guides users through your campaign narrative
• Use imagery strategically: Select high-quality images that enhance your message
• Test on multiple devices: Ensure your campaign looks great on desktop, tablet, and mobile devices

By following these guidelines and utilizing the flexibility of Content Blocks, you can create effective, engaging microsites that drive results.

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.