Customization Options
Match your calculators to your brand with styling options.
How Customization Works
Calculator styling is configured through your dashboard and automatically applied to all embeds using your domain's embed key. This means you can update styles without changing any code on your website.
Configure themes, colors, and branding from your dashboard. Changes apply instantly.
White-label branding available as a paid add-on for any subscription tier.
Responsive Sizing
Calculators automatically adapt to their container width. Control the size by styling the parent container:
<!-- The calculator will automatically adapt to its container -->
<div style="max-width: 600px; margin: 0 auto;">
<script src="https://mortgagemate.app/embed.js" async></script>
<div data-mortgagemate="affordability" data-key="YOUR_EMBED_KEY"></div>
</div>Full Width
Leave the container unstyled for full-width layout that spans the available space.
Fixed Width
Set a max-width on the container to constrain the calculator to a specific size.
Mobile Responsive
White Label Add-on
White Label is available as a paid add-on for any subscription tier. It removes all MortgageMate branding from your embedded calculators:
White Label Includes:
- Remove "Powered by MortgageMate" footer
- Your calculators appear as native tools on your site
- Professional appearance for client-facing websites
White Label Pricing
What's Included
All subscription tiers include the same core features. White Label is available as a paid add-on for any tier.
| Feature | All Plans |
|---|---|
| Responsive embeds | ✓ |
| All calculators | ✓ |
| Theme Gallery access | ✓ |
| Custom themes (Brand Builder) | ✓ |
| White Label (remove branding) | + Add-on |