We’re always looking for ways to offer you the fairest fees
This blog post is to update our customers about changes in price and is not a marketing communication. We believe in charging you as little as possible — and...
The Wise public widgets provide an easy way to embed rich, interactive content onto your website. All the Wise widgets feature powerful configuration options to enable you to tailor their functionality to suit your audience. By including your personal affiliate link in the code, it’s also possible to use the widgets to generate commission from visitors to your website.
In this post, we will show two available widgets and instructions for their implementation on your site:
The default calculator looks like this:
The default comparison table looks like this:
Place the following code onto your page where you want the calculator widget to appear:
Add the following JavaScript code to your page immediately before the closing tag:
Note the variables at the start of the script tag above. These can be changed to suit your requirements, according to the table below. Examples of various setups are shown later in this guide.
Variable | Description | Example |
---|---|---|
sourceCurrencyCode | Set the source currency | "EUR", "GBP", "USD", "INR", etc |
targetCurrencyCode | Set the target currency | "EUR", "GBP", "USD", "INR", etc |
sourceAmount | Set the initial value of money to be converted | 1000 |
callToActionLabel | Set the value of the CTA button | "Get started" |
hideCta | Set to true to hide the call to action button | true or false |
hideDetails | Set to true to hide the rate, savings, etc | true or false |
affiliateLink | Your affiliate link | "https://wise.prf.hn/click/camref:11001XXXX" |
lang | Sets the language of the text in the calculator | "en", "pt", "es", "fr", "de", "ru" |
width | Sets the width of the calculator widget | "580px" |
height | Sets the height of the calculator widget | "470px" |
Note the default width and height settings (580px wide x 470px high) assume you have details set to true. If details is set to false, the height of the widget container can be reduced accordingly (580px wide x 240px high).
USD to MXN in Spanish with custom CTA button and hidden details:
GBP to INR in English with custom CTA button and full quote breakdown:
Place the following code onto your page where you want the comparison widget to appear. Note that the link will be replaced when the table loads.
The HTML above must be configured depending on which version of the widget you’d like to use. The class attribute on the first line should be set to one of the following two options:
Next, set the source currency, target currency, and amount by editing the href attribute. For example, to compare prices for sending 850 GBP to USD in a static comparison table, you’d configure the HTML as follows:
You can configure the table to behave differently using the following optional parameters. They are set as data attributes on the element.
Examples of possible configurations are provided at the end of this guide.
Add the following JavaScript code to your page immediately before the closing tag:
To render a full comparison table in Spanish, showing quotes for sending 850 GBP to USD, limiting the quotes to 4 specific providers, and using your own personal affiliate link in the CTA, you’d use the following HTML:
To render a static comparison table in English, showing quotes for sending 1500 GBP to USD, you’d configure the HTML as follows:
*Please see terms of use and product availability for your region or visit Wise fees and pricing for the most up to date pricing and fee information.
This publication is provided for general information purposes and does not constitute legal, tax or other professional advice from Wise Payments Limited or its subsidiaries and its affiliates, and it is not intended as a substitute for obtaining advice from a financial advisor or any other professional.
We make no representations, warranties or guarantees, whether expressed or implied, that the content in the publication is accurate, complete or up to date.
This blog post is to update our customers about changes in price and is not a marketing communication. We believe in charging you as little as possible — and...
Here are our top tips and potential pitfalls when sending money from China* using Wise. This service is provided in partnership with a third party payment...
We're excited to announce that Wise is launching a transfer service to help expats to send money from China.* Wise now supports Chinese Yuan (CNY) transfers...
Hi Affiliates, Since we last updated this page, Wise has undergone some changes. We’re no longer called TransferWise, and have undergone a rebrand -...
Wise has revealed a complete visual makeover, featuring a fresh green palette Our new look and feel features a bold new font, imagery and universal symbols ...
Today, we’re introducing big changes to the way Wise shows up to the world. It’s inspired by what makes us different: you. The people who shape us today — our...