Skip to main content

How do I add a logo to my campaign

Learn how to use the Logo element in Scratcher's platform to enhance your campaigns with customized branding.

Steffanie Buggild avatar
Written by Steffanie Buggild
Updated this week

Using the Logo Element

The Logo element in Scratcher’s platform allows you to incorporate custom logos into your campaigns, strengthening your brand identity and creating visually engaging user experiences. This guide explains how to use the Logo element effectively.

Overview of the Logo Element

The Logo element provides a straightforward way to integrate a branded logo into your gamification campaigns. It supports multiple image formats and offers customization options for size, alignment, and spacing.

Key Features

  • Supported Formats: Upload images in PNG, JPEG, or SVG formats.

  • Customizable Settings: Adjust the size, alignment, and spacing of the logo to suit your design.

  • Responsive Design: Ensure optimal display across various devices.

How to Use the Logo Element

1. Add the Logo Element

Open your campaign in the drag-and-drop builder and select the "Logo" element. Drag it into the desired position within your layout.

2. Upload Your Logo

Click on the Logo element to open the settings panel. Use the upload function to select and add your logo file. Ensure the file format is supported (PNG, JPEG, or SVG).

3. Customize the Logo

  • Size: Adjust the dimensions of the logo to fit your design.

  • Alignment: Choose horizontal or vertical alignment to position the logo appropriately.

  • Spacing: Modify margins to control the space around the logo, ensuring a clean and balanced look.

Best Practices

  • Use High-Quality Images: Upload high-resolution files to ensure your logo appears crisp and professional.

  • Maintain Branding Consistency: Use the same logo across all campaigns to reinforce your brand identity.

  • Test Across Devices: Preview your campaigns on various screen sizes to confirm responsive performance.

Troubleshooting Tips

  • File Upload Issues: Ensure the file format is PNG, JPEG, or SVG, and verify that the file size does not exceed platform limits.

  • Display Problems: Check alignment and spacing settings in the customization panel.

  • Resolution Concerns: If the logo appears blurry, consider using a higher-resolution image.

Did this answer your question?