Webflow

Add GoPayLocal to Webflow using the custom code embed feature.

Installation

1. Get your API key from the GoPayLocal dashboard

2. Add the script to your site

   Go to Project Settings > Custom Code in Webflow.

   In the Footer Code section, paste:

   <script
     src="https://api.gopaylocal.com/v1/banner/script.js?key=gpl_pk_live_abc123"
     async
   ></script>

   Click Save Changes and publish your site.

3. Configure discounts in the GoPayLocal dashboard

Page-Specific Installation

To add the banner only on specific pages (e.g., your pricing page):

1. Open the page in Webflow Designer
2. Add an Embed element at the bottom of the page
3. Paste the script tag
4. Publish

Data Attributes

Use Webflow’s custom attributes feature for localized pricing:

1. Select a text element showing a price
2. Go to Element Settings > Custom Attributes
3. Add: data-gopaylocal-price = 99.99
4. Add a script embed at the bottom of the page:

<script type="module">
  import { GoPayLocal } from 'https://esm.sh/@gopaylocal/js';
  const gpl = new GoPayLocal({ apiKey: 'gpl_pk_live_abc123' });
  await gpl.init();
  gpl.bindPriceElements();
</script>

Tip

The banner script is the easiest approach for Webflow. It requires no custom JavaScript and works immediately after adding the script tag.