Branding
Customize WrapStudio's appearance with your logo, colors, and global settings
Branding Settings
Make WrapStudio feel like a native part of your store by customizing its appearance. Your branding settings apply across all rules and snippets.
Strong branding builds customer trust. When the 3D visualizer matches your store's look and feel, customers have a seamless shopping experience.
Accessing Branding Settings
Open the Branding Tab
From your WrapStudio dashboard, click Branding in the Quick Actions or select the Branding tab.
The branding panel shows all available customization options:
Branding Options
Logo Upload
Add your store logo to appear in the 3D visualizer interface.
Requirements:
- Format: PNG or JPEG
- Size: Max 2MB recommended
- Aspect Ratio: Horizontal logos work best
- Background: Transparent PNG recommended for best appearance
Remove or Replace
Click the Remove button to delete the logo, or upload a new file to replace it.
Primary Color
Set the primary accent color used throughout the visualizer interface.
Where it appears:
- Buttons and interactive elements
- Loading indicators
- Selected/active states
- UI accents and highlights
Choose a color that matches your store's brand. The visualizer will use this for all accent colors, creating a cohesive experience.
Selecting a Color:
- Click the color swatch to open the color picker
- Use the picker to select your desired color
- Alternatively, enter a hex code (e.g.,
#6366F1) - The preview updates immediately
Default Viewer Settings
Configure how the 3D viewer behaves when customers first see it.
Start in 3D Mode
| Setting | Effect |
|---|---|
| Enabled | Viewer opens with 3D preview active immediately |
| Disabled | Viewer opens in 2D mode, customers click to enter 3D |
Starting in 3D mode is more impressive but uses more device resources. For customers on older phones, 2D mode first may be gentler.
Branding Enable/Disable
Toggle branding on or off entirely:
| State | Effect |
|---|---|
| Enabled | Your logo, colors, and settings are applied |
| Disabled | Default WrapStudio appearance is used |
Saving Your Changes
Don't forget to save! Your changes won't apply until you click Save Branding.
Review Your Settings
Double-check your logo, colors, and settings before saving.
Branding Preview
See how your branding looks in the actual visualizer:
Your branding appears:
- In the header/toolbar area
- On interactive buttons
- In loading states
- Throughout the interface
Plan Limitations
Some branding features require specific subscription plans:
| Feature | Free | Starter | Growth | Pro |
|---|---|---|---|---|
| Logo Upload | ✗ | ✓ | ✓ | ✓ |
| Primary Color | ✗ | ✓ | ✓ | ✓ |
| Start in 3D | ✓ | ✓ | ✓ | ✓ |
| Remove WrapStudio Badge | ✗ | ✗ | ✗ | ✓ |
Upgrade your plan to unlock full branding customization. View pricing
Best Practices
Logo Tips
✓ Do:
- Use a horizontal logo format
- Keep file size under 500KB for fast loading
- Use transparent PNG for seamless integration
- Test on both light and dark backgrounds
✗ Don't:
- Use overly complex logos that don't scale well
- Use logos with text that's too small to read
- Upload huge file sizes (impacts load time)
Color Tips
✓ Do:
- Match your store's primary brand color
- Ensure good contrast with white background
- Test color accessibility (especially for buttons)
✗ Don't:
- Use colors that are too light/pale
- Use colors that clash with product imagery
- Change colors frequently (consistency matters)
Troubleshooting
Logo not appearing?
- Verify your plan includes logo branding
- Check that branding is enabled
- Ensure your logo file is valid (PNG/JPG under 2MB)
- Clear browser cache and reload
Color not updating?
- Make sure you clicked "Save Branding"
- Clear your browser cache
- Try a hard refresh (Cmd/Ctrl + Shift + R)