What You Can Do with Variables
- Display live pricing and offer details inside Text, Heading, or Button components.
- Localize values automatically based on the user’s store region.
- Avoid app updates — when prices or durations change in the store, your screen updates instantly.
Accessing Variables
You can add a variable in any Text, Heading, or Button by typing or{{in the text field — or by opening the Variables picker from the right panel.
The picker shows:
- A searchable list of all available variables.
- Example values for each variable, pulled from your connected products.
- Product selection dropdown (to link variables with a specific product).
Tip: Make sure your products are connected in Qonversion before using variables — the picker displays only sample data
How Variables Work
Each variable is tied to a product identifier and a specific property (like price or duration). You can insert them using the{{}} syntax inside text or button labels:
Example Use Cases
Variable Reference
More Usage Examples
Using Variables with Products
When adding variables, you can select which product context they apply to. The dropdown in the variable picker lets you choose between:- Selected – the product currently selected by user interaction (e.g., via “Select Product” action).
- Specific product ID – manually assign variables to monthly, annual, weekly, or custom product identifiers.
Best Practices
- Always link products before using variables — otherwise, the picker won’t display sample data.
- Use
{{products.selected.price}}for global CTAs (e.g., “Continue for $4.99/month”). - Combine trial and price variables to create clear, conversion-oriented text.
- Keep variables inside Text or Heading components for best layout control
Example: Dynamic Pricing Message
“Get 7-day free trial, then $4.99/month.”
Properties Reference Localization