Campaigns Logo Bar Block

  • Updated

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 Logo Bar Block allows you to showcase partner logos, client logos, or other brand affiliations. It's a powerful way to build credibility and trust by displaying the companies or organizations associated with your campaign.

Campaigns__editor_logo-bar.png

When to Use the Logo Bar Block

The Logo Bar Block is recommended for:

  • Displaying client or partner logos
  • Showcasing industry affiliations
  • Highlighting integration partners
  • Building credibility and trust
  • Demonstrating industry recognition

Elements

The Logo Bar Block includes the following customizable elements:

Header

  • Default: Uses H2 heading style from your theme
  • Purpose: Introduces the logos section
  • Customization: Click directly on the header to edit text if the header is enabled in settings
  • Best Practice: Use a brief, descriptive heading like "Our Clients" or "Trusted By"

Logo Images

  • Default: Image placeholders will appear until you add your own logos
  • Quantity: Up to 8 logo slots available
  • Customization: Click on each logo to edit. You can upload via URL or file upload, and select the size (medium to large)
  • Best Practice: Use transparent PNG files with consistent sizing

Layout & Styling Options

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

Campaigns__editor_logo-bar-settings.png

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 brand's light color
  • Customization: Select from your brand color palette
  • Best Practice: Use a subtle background that allows logos to stand out

Header Toggle

  • Default: Varies based on template
  • Customization: Turn on or off as needed in the settings menu
  • Effect: When enabled, displays a header text element above the logos

Logo Number

  • Range: 1-8 logos
  • Default: 4 logos
  • Customization: Select the number of logos to display in the settings menu
  • Best Practice: Choose a number that creates a balanced layout

How to Edit the Logo Bar Block

  1. Access Block Settings: Click on the Logo Bar 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
    • Toggle header on/off
    • Set the number of logos (1-8)
  2. Edit Header: If header is enabled, click directly on the header text to edit

  3. Edit Logos: Click on each logo placeholder to:

    • Upload a logo image via URL or file
    • Select the size (medium to large)

Best Practices for Logo Bar Block

  1. Use consistent sizing: Resize logos to similar dimensions for a polished appearance
  2. Maintain white space: Don't overcrowd the logo bar
  3. Consider color contrast: Ensure logos are visible against the background
  4. Use high-quality images: Avoid blurry or pixelated logos
  5. Get permission: Always ensure you have permission to use partner logos
  6. Consider grayscale: For diverse logos, consider converting all to grayscale for consistency

Common Questions

Q: What file formats work best for logos? A: PNG files with transparent backgrounds work best for logos. This allows logos to display properly on any background color.

Q: How should I size my logo images? A: For optimal display, logos should be sized consistently. Aim for height between 40-60px, with width adjusted proportionally.

Q: Can I link the logos to partner websites? A: In the standard configuration, logos are not linkable. If you need clickable logos, consider customizing your campaign template.

Q: How many logos look best on mobile devices? A: While you can display up to 8 logos, 3-4 logos typically work best for mobile viewing. The logos will automatically adjust to fit smaller screens, but too many can appear crowded.

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

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request

Comments

0 comments

Please sign in to leave a comment.