Skip to main content

Branding

Adjust the visual identity of your plugin by uploading your company logo and choosing a theme color

Stefan Hekman avatar
Written by Stefan Hekman
Updated over a week ago

The Branding section in RepairPlugin allows you to customize the visual identity of the plugin on the front end. This helps your booking flow match your website’s brand, creating a consistent and professional experience for customers.

From here, you can upload your company logo, choose a font, and select a theme color that will be applied across the RepairPlugin interface.

Where to Find Branding Settings

To access the branding options:

  1. Go to RepairPlugin → Settings

  2. Open Front-End Steps

  3. Click on Steps Styling

  4. Scroll to the Branding section


All changes made here affect how the plugin appears to customers on the front end.

Uploading Your Company Logo

You can upload your business logo to display inside the RepairPlugin booking flow.

Logo Requirements

  • Allowed formats: PNG, JPEG, WEBP

  • Maximum dimensions: 1024 × 1024 pixels

  • Maximum file size: 2MB

How to Upload a Logo

  1. Click Upload Picture

  2. Select your logo file from your computer

  3. The logo will preview instantly once uploaded

If needed, you can remove or replace the logo at any time.

💡 Tip: For best results, use a square logo with a transparent background.

Choosing a Font

RepairPlugin allows you to select a font that will be used across the booking interface.

  1. Open the Choose a font dropdown

  2. Select your preferred font (for example, Montserrat)

  3. The preview below will update automatically

This helps keep text consistent with your website’s typography.

Choosing a Theme Color

The Theme Color controls the primary accent color used in the plugin, including buttons and highlights.

How to Set a Theme Color

  • Select one of the preset color options, or

  • Enter a custom HEX color code (for example: #0c58a3)

The selected color will instantly apply to the preview card.

Live Preview

Below the branding options, you’ll see a preview showing how a repair card will look with your selected logo, font, and color. This makes it easy to adjust your branding before saving.

Best Practices

  • Match the theme color to your website’s primary brand color

  • Use a clear, high-resolution logo

  • Avoid very light colors that may reduce contrast

  • Test the booking flow on both desktop and mobile

Did this answer your question?