Framer
Add 1Price to Framer Landing Page
The following is a guide on how to integrate 1Price with Framer to have dynamic pricing.
Ensure you have an experiment In Progress
or else the following guide won’t
function.
Step One: Copy Embeded Code
Navigate to the website settings and insert our script tag in the Custom Code
section.
Replace value of YOUR_WORKSPACE_ID
with your unique data_1p
found on
connect
We recommend only placing the script in the /pricing
page of your website
(or any place you have pricing) rather than the entire website. This will
ensure more accurate results.
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.
🧪 Test Integration:
- Start an experiment on 1Price
- Make a test purchase on your website
- 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.
You can always contact us via live chat or email and we can set up a price experiment together!