Webflow integration

Add dynamic multi-currency pricing to Webflow in a few minutes thanks to Pricery.

Add the Pricery JS snippet in your header

Go to your Webflow project's settings and copy/paste your JS snippet.
<script src="https://www.pricery.io/pricery.js"></script>
<script async>new Pricery("here-your-api-key").init()</script>
Add the Pricery JS snippet in your Webflow project's head code
You can find your Pricery API key in your Account's settings.
Paid projects only: Webflow only allows paid projects to add JS snippets in the header.

Edit data-elements to inject your data

To inject data in your page, Pricery requires that you create some data elements. First, you must create a parent element with your Product's ID, then you'll need to specify where you'll inject any data your want. Please read this page as it explains everything in great detail.
The only difference for Webflow users is the way you inject data in the HTML. Still, it's super easy.
  1. 1.
    Pick the element that you want to edit.
  2. 2.
    Go to that element's setting (second tab of the right menu).
  3. 3.
    And edit custom attributes.