CTA Widget Integration
General purpose CTA widget
This is the most straightforward integration for partners that want to offer their customers BidFin’s payment options on their website. This option requires minimal changes to the existing system and provides immediate visibility to Bidfin's services.
Requirements:
- Access to your company website's CMS or source code
- A person with permission and knowledge on how to make changes on the CMS or code.
Installation
- Depending on your CMS or code i.e WordPress, React app, find the location you wish to add the widget to.
- Copy the widget script below and add it to your CMS/code
<script id="Bidfin-widget" src="https://cdn.bidfin.io/widgets/bidfin-CTA-widget-min.js" />
-
Save your changes on CMS or save and deploy code changes.
-
Locate the page/section where the widget was installed. Upon loading the page the widget will automatically display on your website like below.
Dynamic pre-population Integration
The widget can create a custom link with customer data that will be automatically filled on our application form. If you would like to configure the widget this way for your web enabled invoicing/eCommerce checkout system please follow the steps below.
Available fields for customisation (leave empty or don’t add if not needed):
Field | Value/Data |
---|---|
clientName | Supplier Name |
contactDetails | |
invoiceValue | Invoice Amount (up to 2 decimals) |
invoiceNumber | Invoice/Quote Number |
- Depending on your CMS or code i.e WordPress, React app, find the location you wish to add the widget to.
- Copy the widget script below and replace all uppercase variables with your data and add it to your CMS/code
<script id="Bidfin-widget" src="https://cdn.bidfin.io/widgets/bidfin-CTA-widget-min.js?clientName=SUPPLIER_NAME&contactDetails=EMAIL&invoiceValue=INVOICE_VALUE&invoiceNumber=INVOICE_NUMBER" />
-
Save your changes on CMS or save and deploy code changes.
-
Locate the page/section where the widget was installed. Upon loading the page the widget will automatically display on your website like below.
-
Test by clicking the CTA, the url should reflect the details added to the widget.
Updated 9 days ago