Branding & Customization

The Branding module allows you to tailor Umbrella’s warranty and protection plan widgets to match your store’s design and brand identity. This includes logos, color themes, widget layout, and display behavior — all managed without writing any code.

What You Can Customize

1. Company Logo

Upload your store or brand logo.
This logo appears directly on the widget wherever it’s embedded — including product pages, modals, and cart-level upsells.

• Accepted formats: PNG, JPG, SVG
• Recommended size: 300x100px (will scale automatically)

2. Brand Colors

You can define primary and secondary brand colors separately for:

• Light Mode UI
• Dark Mode UI

These colors will be used for:

• Call-to-action buttons (e.g., “Add Protection Plan”)
• Widget borders and highlights
• Text elements and badges

This ensures Umbrella embeds feel like a native part of your store, not an add-on.

3. Product Page Display Options

Choose how warranty widgets appear on product pages:

Inline Widget (Recommended)

• Displays above or below your Add to Cart button
• Can optionally be selected by default, meaning the warranty is pre-checked for the customer
• Customers can deselect it before checkout if they prefer

Popup Modal

• Displays as a pop-up after a qualifying product is added to the cart
• Forces a decision (yes/no) and may increase attach rate for some categories

Choose the experience that fits your brand tone and UX.

4. White Labeling

Remove all “Powered by Umbrella” branding from widgets.

• Toggle: Remove Umbrella branding
• Available to Pro Plan customers only

This creates a seamless experience that looks and feels 100% native to your brand.

5. Widget Preview

A live preview panel shows how your protection plan options will appear across:

• Single-plan offers
• Two-option offers
• Three-tier bundles

You can test light/dark mode, color contrast, spacing, and content before going live.

Best Practices

• Match CTA button styles to your store's primary “Buy” button
• Use Inline Display + “Select by default” for max attachment
• Choose Modal Display if you want to upsell protection without altering your PDP layout
• Keep branding consistent: if you’re using white label, ensure the widget copy also mirrors your store’s tone and language

‍