Comment on page
Display Prices on your site
Make your pricing page dynamically display prices information based on your visitor's pricing.
In order for the prices to be displayed correctly on your website, you need to add specific
data-pricery-*attributes to your HTML code. These attributes tell the JS snippet where and how to display the localized prices.
There are 4 types of
data-pricery-*attributes that you can use:
data-pricery-productto identify a product
data-pricery-productto display product related information
data-pricery-linkto change the buy button's URL parameters
data-pricery-productto monitor and change variant related information
data-pricery-product="prod_idxxxxxxx"is used to identify the parent div of a product. It must be placed on top of the children elements related to a product like the amount value, the currency symbol
// Small plan
// Medium plan
// Big plan
The value of that data-element must be equal to the stripe_product_id of the targeted product.
Within each product's
<div>, specify which information you want to display:
// Currency symbol will appear here. i.e. "$"
// Full amount appears here. i.e. "9.99"
// Other plans
Placeholder values. To make sure your pricing page works, even if Pricery's server get hit by a zombie apocalyspe, leave your current prices values, and URLs, so that your potential customers always see a price and can access your checkout page.
Here is the list of every visual value available to you at the moment:
Current price. The price currently show to your visitors.
If you wish to display more elements, reach out to us so we can add them to the list.