Framer

The following is a guide on how to integrate 1Price with Framer to have dynamic pricing.

​

Step One: Copy Embeded Code

Navigate to the website settings and insert our script tag in the Custom Code section.

​

Step Two: Dynamic Price Number

You can create Code Components on Framer in the Assets Tab by clicking +.

Then, use can the 1Price API to change the price value to match with your experiment.

Here is a template you can copy and paste to include as part of your Code Component.

​

That’s it!

There is no need, to track checkout sessions since your users will likely purchase within your app, not on your landing page.

<script>
function updateButtonUrls() {
  var buttons = document.querySelectorAll('a[href^="https://buy.stripe.com"]');
  if (window.$1Price) {
    for (var i = 0; i < buttons.length; i++) {
      var btn = buttons[i];
      if (btn.href.indexOf("client_reference_id") === -1) {
        btn.href = btn.href + '?client_reference_id=' + window.$1Price;
      }
    }
  }
}  setTimeout(updateButtonUrls, 1000);
setTimeout(updateButtonUrls, 1900);
setTimeout(updateButtonUrls, 2600);  window.addEventListener("$1Price_ready", function() {
  if (window.$1Price) {
    updateButtonUrls();
  }
});
</script>

​

🧪 ​ Test Integration:

1. Start an experiment on 1Price
   
2. Make a test purchase on your website
3. Ensure transaction was tracked on dashboard

BONUS: You can create a 100% off coupon on Stripe and use that code to make the test purchase, so you do not get charged.