Handle Price Variants (Monthly/Yearly switch)

Lastly, dynamically change your prices' variants and volumes based on localization and selected values

Pricery makes it super easy to change your price values (and button URLs) thanks to a few helpers.

Variants buttons to switch between plans' prices

If you offer a monthly and yearly price for each one of your prices, you need a button for visitors to switch between prices' variants. To do that, add the following data-elements to your buttons:

<div>
  <a href="#" data-pricery-button="month">Monthly</a>
  <a href="#" data-pricery-button="year">Monthly</a>
</div>

⚠️ Specify initial values

Make sure to specify the pricing's recurrence your visitors will see first. You can do that in your account's settings.

Specify which price's variant recurrence visitors see first.