Calculator Colours
Calculator Configurator: https://calculators-config.dashly.net/
Using Calculator Configurator
- In the sidebar, select calculator you want to embed
- Add all necessary colours. Preview section on the right will refresh with new colours.
- Call To Action Link - only applied to Mortgage Comparator, link for the “Speak to an expert“ button.
- Below is a textarea with generated link
You can embed generated link right away:
<iframe src="https://calculators.dashly.net/embed/stamp-duty?nonav&colorPrimary=ff0202&colorSecondary=000000&colorComplimentary=000000&colorButtonBg=000000&colorButtonText=ffffff&colorWhiteText=ffffff&colorLabels=666666" width="100%" height="600"></iframe>Manual links
Available calculators (embed):
- Stamp duty: https://calculators.dashly.net/embed/stamp-duty
- Overpayment: https://calculators.dashly.net/embed/overpayment
- Payment holiday: https://calculators.dashly.net/embed/payment-holiday
- APR: https://calculators.dashly.net/embed/apr
- Borrow: https://calculators.dashly.net/embed/borrow
- Compare: https://dashly.com/mortgage/compare?nonav
URL Parameters
| Name | Default value | Meaning |
|---|---|---|
| colorPrimary | #00538b | |
| colorSecondary | #f1f5f8 | |
| colorComplimentary | #b8eee4 | |
| colorButtonBg | #c8b77e | |
| colorButtonText | #ffffff | |
| colorWhiteText | #ffffff | |
| colorLabels | #6d7b86 | |
| cta | only applied to: Mortgage Comparator, link for the “Speak to an expert“ button; Borrow calculator, will be passed as cta URL param to a link for the “View latest mortgage deals“ |
These parameters can be combined with unique parameters for each of the calculators, see Calculators Readme.