Implementing a Referral Button

Technical skill required

Low. A basic implementation is copy-paste. Populating the customer data attributes so referrals arrive pre-filled requires a bit more work from your development team.

Setup

1. Add your Referral Page (see the Referral Page guide) as the destination the button will send customers to.
2. Load the FundThrough partner script on the page where the button will live.
3. Add the button markup with the ft-referral-button class and your customer data attributes.
4. Call the activation method so the script binds click behavior to the button.

Adding the button

Load the partner JS library:

<script src="https://partnerstatic-staging.fundthrough.com/index-0.0.10.js"></script>

Mark your button element with the required class:

class="ft-referral-button"

Then activate it:

FTPayMeNow.enableReferralButton();

Required data attributes for pre-populating the referred customer's information are name, last-name, email, and phone. The button also accepts optional attributes for company name, address fields, and country, following the same field names used by the Referral Page's sign-up payload — the exact attribute markup wasn't captured in full during this migration, so confirm the complete attribute list with your FundThrough integration contact before wiring up pre-population.

The button ultimately links through to the FundThrough sign-up flow:

https://invoices.fundthrough.com/signup

Modify your Referral Page

If your Referral Page includes its own contact form, no further changes are needed — the button simply directs traffic there. If your Referral Page does not include a contact form, work with your FundThrough integration contact to confirm how customer data passed by the button should be received and displayed on that page.