> For the complete documentation index, see [llms.txt](https://magecomp.gitbook.io/shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://magecomp.gitbook.io/shopify/apps/sky-ai-theme-sections-blocks/conversion-blocks.md).

# Conversion Blocks

Conversion Blocks help you add powerful, pre-built marketing and trust elements directly into your product pages or any supported theme section. These blocks are designed to improve engagement, build trust, and increase conversions without requiring manual design or coding.

You can use them to highlight urgency, reviews, benefits, discounts, shipping details, and more, all in a few clicks.

### How does it work?

Follow these simple steps to add and customize Conversion Blocks in your store:

### 1. Pick a Block

Browse the available **Conversion Blocks** and choose the one that fits your goal.

Each block is designed for a specific conversion purpose, such as:

* Increasing urgency (Countdown Timer, Discount Badge)
* Building trust (Reviews, Social Proof, Rating Summary)
* Improving clarity (Product Tabs, Shipping Info)
* Highlighting benefits (Benefit List, Product Badges)

<figure><img src="/files/t7bcwP0JRo2thYInWDfm" alt=""><figcaption></figcaption></figure>

### 2. Add it to your Page

Once you select a block, you can place it inside any available section of your Shopify theme.

You can:

* Add blocks to product pages
* Insert them into existing product information areas
* Position them above or below product descriptions

This gives you full flexibility to control where conversion elements appear on your page.

<figure><img src="/files/RnE1G2i0D2w1JJ6bdVUU" alt=""><figcaption></figcaption></figure>

### 3. Customize & Publish

After adding a block, customize it to match your store branding.

You can adjust:

* Text content
* Colors and styling
* Layout and alignment
* Icons, badges, and images (depending on block type)

Once ready, save and publish your changes, and the block will appear on your storefront.

<figure><img src="/files/ouJjkCHcQnM7CPh2q0Y5" alt=""><figcaption></figcaption></figure>

## AI Conversion Blocks Setup

AI Conversion Blocks Setup allows you to instantly generate or reuse a high-converting product page template using Conversion Blocks.

Instead of manually adding blocks one by one, you can create a complete optimized structure in seconds.

<figure><img src="/files/6jQNkv4eAUHULNUrBgpg" alt=""><figcaption></figcaption></figure>

### Step 01. Select Target Theme

Choose the Shopify theme where you want to apply Conversion Blocks.

Example:

* Dawn
* Any active theme in your store

This ensures your template is created inside the correct theme environment.

<figure><img src="/files/KRsaN3WrjJcmljsbND6X" alt=""><figcaption></figcaption></figure>

### Step 02. Choose Specific Product

Select the product you want to optimize.

This allows you to:

* Customize layouts per product
* Improve conversion for key products
* Test different strategies across products

<figure><img src="/files/EpuKesUtxRwVz2WypZgl" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/i5ANffoJauoQVXctRXaH" alt=""><figcaption></figcaption></figure>

### Step 03. Setup Mode

Choose how you want to create your template.

#### Option 1: Create a fresh new template

This option creates a completely new product page layout using Conversion Blocks.

**What it does:**

* Builds a new template from scratch
* Gives you a clean, optimized structure

**Best for:**

* New product launches
* Redesigning product pages
* Creating unique high-conversion layouts

**How it works:**

* Enter a new template name
* AI generates a fresh, optimized layout
* Assign the template to your products in Shopify

<figure><img src="/files/08Bo4uCVgw4EFl6CM7yD" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/rxtfvC6IJrTATJDI380v" alt=""><figcaption></figcaption></figure>

#### Results after :&#x20;

<figure><img src="/files/UkxP5iZbvS8kCZ0FEhhx" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/jXNVrL2QUWLdAEI9Up0v" alt=""><figcaption></figcaption></figure>

#### Option 2: Clone from Base Template

This option lets you reuse an existing template as a starting point.

**What it does:**

* Duplicates an existing base template
* Keeps proven layout and structure

**Best for:**

* Scaling successful product pages
* Maintaining a consistent design across products
* Faster setup with minimal effort

**How it works:**

* Select a base template to clone
* Enter a new template name (e.g., “arin-socks”)
* The system creates a copy of the selected template
* Optionally customize it further
* Assign it to your Shopify products

<figure><img src="/files/DUA3NttGqoPvtpopiyfm" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/yoFlTu70650TQqpAx3R1" alt=""><figcaption></figcaption></figure>

### After Setup

Once your template is generated:

* After clicking "**Generate Blocks,"** it automatically opens the selected Shopify theme.
* Assign the newly created template to your product(s).
* Your Conversion Blocks layout will go live instantly.
* You can also edit product descriptions and details by clicking the **Edit** button beside the theme name.

<figure><img src="/files/YUOHiXMatqG5vgFI0P70" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/yUd3RH5pCkcPbDJOCXF3" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/WrTA2HSOX5YCrMh0XdUq" alt=""><figcaption></figcaption></figure>

### Example Use Case

#### Fashion Store Example

You already have a high-performing product page for socks.

Instead of rebuilding:

* Choose **Clone from Base Template**
* Select your existing “Best Selling Socks Template.”
* Name it “arin-socks.”
* Apply it to new sock products

This allows you to scale winning layouts across your catalog without extra effort.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://magecomp.gitbook.io/shopify/apps/sky-ai-theme-sections-blocks/conversion-blocks.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
