Customising Your Calculator Branding
How to customise your calculator widgets with your own colours, logo, and fonts to match your brand.
Accessing Branding Settings
- Log in to your CalcWidgets Dashboard
- Click Branding in the sidebar
- You'll see a live preview of your calculators as you make changes
Customisation Options
Logo
Upload your company logo to display at the top of your calculator widgets.
- Formats: PNG, JPG, SVG
- Recommended size: Square or landscape, at least 200px wide
- Tip: Use a transparent PNG for the cleanest look
Primary Colour
Your primary colour is used for buttons, links, and accents throughout the calculators. Enter a hex colour code (e.g. #1E40AF) or use the colour picker.
Secondary Colour
Used for secondary elements, hover states, and backgrounds. Choose a colour that complements your primary colour.
Font
Select from a range of web-safe and Google Fonts to match your website's typography.
Live Preview
As you adjust your branding settings, the preview panel updates in real time. This lets you see exactly how your calculators will look before saving.
Saving Changes
Click Save Changes when you're happy with your branding. Changes take effect immediately across all your embedded calculators — no need to update embed codes.
White-Label Option
On the Professional plan, you can completely remove the "Powered by CalcWidgets" branding for a fully white-label experience.
Related Articles
Changing Colours and Themes
Learn how to switch between light and dark themes and customise the colour scheme of your calculators.
Setting up your Call-To-Action button
Configure where the CTA button on every calculator sends your visitors — your contact form, phone, email, or booking page.
Capturing leads from your calculators
How to turn calculator visits into qualified enquiries — CalcWidgets doesn't store leads, but it hands off cleanly to your CRM.