https://github.com/transferwise/public-widgets
Wise Public Widgets
https://github.com/transferwise/public-widgets
Last synced: 5 months ago
JSON representation
Wise Public Widgets
- Host: GitHub
- URL: https://github.com/transferwise/public-widgets
- Owner: transferwise
- Created: 2020-05-18T12:13:48.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2024-04-03T12:50:45.000Z (about 2 years ago)
- Last Synced: 2025-02-17T05:24:49.242Z (over 1 year ago)
- Homepage:
- Size: 193 KB
- Stars: 8
- Watchers: 67
- Forks: 5
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Codeowners: CODEOWNERS
Awesome Lists containing this project
README
# Wise Public Widgets
**Quick Start**: New to web development? Jump to our [Step-by-Step Guide](#quick-start-guide) below.
The Wise public widgets provide an easy way to embed rich, interactive content onto your website. These widgets help your visitors compare money transfer options and calculate exchange rates, while you can earn commission through the [Wise affiliate program](https://wise.com/gb/affiliate-program/).
## What You Can Embed
There are two widgets available:
### 📊 Calculator Widget
Interactive currency exchange calculator showing real-time rates and transfer quotes.
**Perfect for**: Currency conversion tools, travel blogs, expat websites
### 📋 Comparison Widget
Money transfer comparison table showing multiple providers and their fees.
**Perfect for**: Financial advice sites, money transfer guides, comparison pages
---
## Quick Start Guide
**Prerequisites**: Basic HTML knowledge and access to edit your website's code.
### Choose Your Widget:
- **Want a calculator?** → [Calculator Setup](#adding-the-calculator-widget-to-your-site)
- **Want a comparison table?** → [Comparison Setup](#adding-the-comparison-widget-to-your-site)
- **Not sure?** → Try the calculator first (it's easier to implement)
### Testing Your Implementation:
1. After adding the code, refresh your webpage
2. The widget should load within a few seconds
3. Try interacting with it to ensure it works properly
4. **Having issues?** Check our [Troubleshooting](#troubleshooting) section below
---
## Adding the Calculator Widget to Your Site
The calculator widget requires two pieces of code: an HTML container and a JavaScript snippet. Don't worry - you can copy and paste both!
### Step 1: Add the HTML Container
First, place this HTML code where you want the calculator to appear on your page:
```html
```
### Step 2: Add the JavaScript Code
Next, add this JavaScript code **just before the closing `