> ## Documentation Index
> Fetch the complete documentation index at: https://documentation.qonversion.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Product Blocks

> Product block templates for subscription and purchase selection screens. Each template includes two products (yearly and monthly) with automatic select-product state handling.

All Product Block templates support:

* **Select Product action** — automatically linked to each product container
* **Default/Selected states** — visual feedback when user selects a product
* **Product variables** — price, period, and other dynamic data

***

### Single Product

A single product card — use as a building block or for single-option screens.

<img src="https://mintcdn.com/qonversion/3cYdG_auDvlCCi93/images/docs/6f70c7360ebebe87c5ca695c079cf0ad9ecd7367c554821cfe5eb0f4c9016b04-singleProduct.svg?fit=max&auto=format&n=3cYdG_auDvlCCi93&q=85&s=9a27888de5ba63fbfefe3a36f43204f1" alt="single-product" width="194" height="68" data-path="images/docs/6f70c7360ebebe87c5ca695c079cf0ad9ecd7367c554821cfe5eb0f4c9016b04-singleProduct.svg" />

***

### Column Simple 1

Vertical list layout with title on the left, price on the right, and optional badge overlay.

<img src="https://mintcdn.com/qonversion/5D1Nbm2CXY97KnRH/images/docs/14cf6a03fb98fc804012a02ef87c8da8ec6646fa16c45ceb81b3c583902c47a3-simple1.svg?fit=max&auto=format&n=5D1Nbm2CXY97KnRH&q=85&s=4853667db5823232d008456e0548af1f" alt="" width="194" height="117" data-path="images/docs/14cf6a03fb98fc804012a02ef87c8da8ec6646fa16c45ceb81b3c583902c47a3-simple1.svg" />

***

### Column Simple 2

Vertical list with centered content and period labels.

<img src="https://mintcdn.com/qonversion/3cYdG_auDvlCCi93/images/docs/4e57c6f9dc9a885a1d9c22ac8c0507b7da6b37a0bb449befc87e829d4dbe2562-simple2.svg?fit=max&auto=format&n=3cYdG_auDvlCCi93&q=85&s=91443ef22c56ea815bf5dce352e8934d" alt="" width="194" height="109" data-path="images/docs/4e57c6f9dc9a885a1d9c22ac8c0507b7da6b37a0bb449befc87e829d4dbe2562-simple2.svg" />

***

### Column Simple 3

Compact vertical cards with checkbox selection indicators.

<img src="https://mintcdn.com/qonversion/tasKua8KVJudnaSw/images/docs/d66fc196ffdf88b27d2000421eba086d064b719ec7e54e0bba17d7a506511547-simple3.svg?fit=max&auto=format&n=tasKua8KVJudnaSw&q=85&s=4b04c96e565c3a4637416bc0ed1cd160" alt="" width="194" height="121" data-path="images/docs/d66fc196ffdf88b27d2000421eba086d064b719ec7e54e0bba17d7a506511547-simple3.svg" />

***

### Column Complex 1

Full-featured card with savings calculations, trial info, and detailed pricing.

<img src="https://mintcdn.com/qonversion/5D1Nbm2CXY97KnRH/images/docs/0b75d063dcc483c8289263101569e10148e9d40d8c4ca2fa88de1013df62ed5c-complex1.svg?fit=max&auto=format&n=5D1Nbm2CXY97KnRH&q=85&s=418a1acac4384a9b22fec9cc778f6724" alt="" width="194" height="162" data-path="images/docs/0b75d063dcc483c8289263101569e10148e9d40d8c4ca2fa88de1013df62ed5c-complex1.svg" />

***

### Column Complex 2

Rich cards with multiple data points and comparison-friendly layout.

<img src="https://mintcdn.com/qonversion/oVX7tjEGl0MHxTNN/images/docs/9d47180512a063e3ff3ef12565508df23135ec7f0083f181e75e76b9b07f9250-complex2.svg?fit=max&auto=format&n=oVX7tjEGl0MHxTNN&q=85&s=e9e41449e49694163417e4062d7f5b6c" alt="" width="194" height="168" data-path="images/docs/9d47180512a063e3ff3ef12565508df23135ec7f0083f181e75e76b9b07f9250-complex2.svg" />

***

### Tile 1

Side-by-side cards with radio selection indicators.

<img src="https://mintcdn.com/qonversion/5D1Nbm2CXY97KnRH/images/docs/204ec81676f663a0fba81f836be3ebd599a1d51cad8679a97a88e034a93d2806-tile1.svg?fit=max&auto=format&n=5D1Nbm2CXY97KnRH&q=85&s=1c88bfa94d19a22e53bf9d76ddfc5287" alt="" width="194" height="105" data-path="images/docs/204ec81676f663a0fba81f836be3ebd599a1d51cad8679a97a88e034a93d2806-tile1.svg" />

***

### Tile 2

Compact horizontal tiles with centered content.

<img src="https://mintcdn.com/qonversion/3cYdG_auDvlCCi93/images/docs/5ff95c36f1157138e9d32175fbc7b2feb60b574deffbef919cb54193153cfa03-tile2.svg?fit=max&auto=format&n=3cYdG_auDvlCCi93&q=85&s=fa0359c3cda7949a1783f0502aadffe3" alt="" width="194" height="98" data-path="images/docs/5ff95c36f1157138e9d32175fbc7b2feb60b574deffbef919cb54193153cfa03-tile2.svg" />

***

### Tile 3

Rich horizontal tiles with badges and descriptions.

<img src="https://mintcdn.com/qonversion/oVX7tjEGl0MHxTNN/images/docs/9714abce537022022c7f3c2319e6e312eb61ebdca6b31265b80bd0bfb46c6a6f-tile3.svg?fit=max&auto=format&n=oVX7tjEGl0MHxTNN&q=85&s=3f1cc6ea093bd1cce19975d21fdbe944" alt="" width="194" height="84" data-path="images/docs/9714abce537022022c7f3c2319e6e312eb61ebdca6b31265b80bd0bfb46c6a6f-tile3.svg" />

***

### With Features 1

Product card with icon-based feature list and optional promotional offer.

<img src="https://mintcdn.com/qonversion/tasKua8KVJudnaSw/images/docs/ded048b8c731c7b36edb8e9399f8d2b402c8beddd3be261ba1a7c544c07d5d7f-features1.svg?fit=max&auto=format&n=tasKua8KVJudnaSw&q=85&s=2c4ad3e68918ddee98ecca79ff16736a" alt="" width="194" height="192" data-path="images/docs/ded048b8c731c7b36edb8e9399f8d2b402c8beddd3be261ba1a7c544c07d5d7f-features1.svg" />

***

### With Features 2

Detailed comparison cards with comprehensive feature breakdowns.

<img src="https://mintcdn.com/qonversion/5D1Nbm2CXY97KnRH/images/docs/01c87b44e3d02a321cd199f9cc1065bfec39c39ed271253dece7d11a48151323-features2.svg?fit=max&auto=format&n=5D1Nbm2CXY97KnRH&q=85&s=424d9547a91a5a6d5afe587bb0cb9aa2" alt="" width="194" height="132" data-path="images/docs/01c87b44e3d02a321cd199f9cc1065bfec39c39ed271253dece7d11a48151323-features2.svg" />

***

### Product Slider

A horizontal carousel of product cards with optional badges, pricing, descriptions, and CTA buttons. Ideal for showcasing multiple subscription options in a swipeable format.

<img src="https://mintcdn.com/qonversion/yQ3ibfsM1_xLwGXK/images/docs/e5a90cebcde4e7e746472e7597b107028045c0dea0955fd3621ab42c3fa37372-5_Slider.png?fit=max&auto=format&n=yQ3ibfsM1_xLwGXK&q=85&s=8200e1055c4f3c52c83bcff890e6123f" alt="" width="776" height="860" data-path="images/docs/e5a90cebcde4e7e746472e7597b107028045c0dea0955fd3621ab42c3fa37372-5_Slider.png" />

**Features:**

* Swipeable product cards
* Optional "Best Value" or promotional badges
* Price and description display
* CTA button per product
* Automatic select-product state handling
* Autoplay with configurable timing

**Use for:**

* Multiple subscription tier comparison
* Promotional offer showcases
* Plan browsing with detailed cards

***

***

[Components](components)

[Social Proof](social-proof)
