> For the complete documentation index, see [llms.txt](https://docs.smind.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.smind.io/in-app/library/product-blocks.md).

# Product blocks

Product Block will improve the shopping experience by adding credibility (social proof, star rating, live visitor count), engagement (video slider, features list), and urgency (countdown timer..,etc)

## Overview

Product Block is a static block that displays specific product details (e.g., title, price, description). It's used mainly for **informational purposes**, such as product details section.

Please note that Product Blocks are supported exclusively on the **Product Page template**. In the majority of themes, they must be added within the **Product information** section of that template.

## How To Install ?

To install the **Product Block** in our app. You can follow these steps below:

{% embed url="<https://youtu.be/APMnGqkcqXk>" %}

**Step 1**: Navigate to **Apps > Smind Sections** > **Library > Product Block** tab then select the block you want to install, click **Install** then **Customize.**

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FIDwqUi4tTkHzz94QquE9%2FProduct%20Block%201.jpg?alt=media&amp;token=ec79e2c1-567f-4049-b564-416ddade9c56" alt=""><figcaption></figcaption></figure>

In case you have previously installed a Product Block and would like to customize it, please navigate to **Sales channels > Themes > Customize**, then select the **Product Page**.

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FeQEDNJl1RovdO581UDWu%2Fimage.png?alt=media&amp;token=03847413-9c21-4977-ade1-3db858714410" alt=""><figcaption></figcaption></figure>

**Step 2**:  From the Shopify Editor sidebar, click **Add Section** in the **Template** tab. Search for the block you've just installed. For example: **Featured Icon 1-1.**

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2F9NrIAvSvERrbPv0zbGhL%2FProduct%20Block%202.jpg?alt=media&amp;token=eaeb04d8-23a8-4612-a338-f333eb53e2a6" alt=""><figcaption></figcaption></figure>

**Step 3** : Once you’ve added the section successfully, please go ahead and copy the **Block ID**. For example: **smi-block-featured-icons-1**

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FBwmXnRlexXdQLcMHmCyb%2FProduct%20Block%203.jpg?alt=media&amp;token=b105f19c-e9de-4c2d-afa8-fcd235b1501d" alt=""><figcaption></figcaption></figure>

**Step 4**: In the **Product Detail** or **Product Information** section, click **Add Block.** Under the **Apps** tab, click **Smind Block.**

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2Fxy8k2V7yUxzpHyXkheul%2FProduct%20Block%204.jpg?alt=media&amp;token=8bc18c49-8b6b-419f-b19c-76d5bb46e9af" alt=""><figcaption></figcaption></figure>

In the majority of themes, it is **Product information** section of that template.

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FxjgVl7q8TSsp0o1s77WI%2Fimage.png?alt=media&amp;token=6dd32b36-1f47-453c-a072-7bf7188758cb" alt=""><figcaption></figcaption></figure>

**Step 5**: Enter the Block Name you want. For example: Featured Icon then paste the block ID. For example: **smi-block-featured-icons-1**

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FvEgfspdjowM15LpNZWJN%2FProduct%20Block%205.jpg?alt=media&amp;token=504042d1-e0f3-462b-97a5-0a6bc4fe9acd" alt=""><figcaption></figcaption></figure>

**Step 6:** Click the block again and start to customize whatever you want

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FZJ19vxy6jwbTmCqpFDjd%2FProduct%20Block%206%20(1).jpg?alt=media&amp;token=285deb89-a89a-4fa1-9c46-6a30fa3b1555" alt=""><figcaption></figcaption></figure>

## Frequently Asked Questions (FAQs)

### 1. Why can’t I find the Product Block in my Shopify store after installing it?

To make sure your Product Block appears correctly, check these two things:

1. **Activate SMI Theme Helper**

Go to your Shopify **Theme Settings** → **App embeds** and make sure **SMI Theme Helper** is turned ON. This helper enables the app blocks to work properly inside your theme.

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2Fo9x47j7GgKnYbqNVkuUf%2FFAQs%20(1).jpg?alt=media&amp;token=5d19f8d9-f74b-4c8c-ac49-5d493a1dfc20" alt=""><figcaption></figcaption></figure>

2. **Add the Product Block to Your Current Theme**

After installing a Product Block from the Smind Library, you still need to add it manually to your **current theme’s template.**

* From **Settings** in Smind Sections app, scroll down to choose a theme to work on, you need to make sure that this theme is your current theme.

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2F9CJ4uWmQcWVvL3tLneK2%2FFAQ%20Product%20Block%20(2).jpg?alt=media&amp;token=5f8a8c68-16c1-466b-ad4a-366bb3ad0974" alt=""><figcaption></figcaption></figure>

* Open Shopify → **Online Store → Themes → Customize.**

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2Fn7sXID9MzVMR8yjimz6g%2FFAQ%20Product%20Block%20(1)%20(1).jpg?alt=media&amp;token=19399140-0c2a-409c-ab67-e2e035493f36" alt=""><figcaption></figcaption></figure>
