# Display the banner on the front store

## Display the banners on all pages on the site

### **Steps to manage**

1. Open the app > click **Banners** > open the banner or create a new one
2. Click the **Display** icon on the left sidebar 
3. In the **Conditions** parts, skip this part and the banner will automatically display on all pages  
4. In the field under the **Conditions** field > Select **Display on both desktop and mobile browsers**. The banner will always show up on all pages of the site 
5. Click **Save**

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

***

#### Set up conditions to display the banners on specific pages

Currently, the app allows you to set up conditions to show a banner on the front store.&#x20;

We can show banners with selected pages, languages, products, product tags, customers, or customer tags.

### **Step to manage**&#x20;

1. Open the app > click **Banners** > open the banner or create a new one
2. Click the **Display** icon on the left sidebar&#x20;
3. Click **Add another condition** button > Set the condition with pages, customers, or products based on your needs. For example: ***Page – is equal to – Collection page***&#x20;
4. If you add multiple conditions, please check the if **Products must match:** **all conditions** or **Any condition**.
5. Select **where to display**&#x20;
6. Click **Save**&#x20;
7. Check the result on the front store

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

> **Products must match all conditions or any condition.**\
> – If you select "all conditions", products must match all the conditions added\
> – If you select "any condition", products must match at least one of the conditions

***

## Display a banner at a customized position on the front store

You can use the shortcode to display the banner at a specific position.&#x20;

### **Step to manage**

**In the Samita app:**&#x20;

1. Open the app > click **Banners** > open the banner or create a new one
2. Click the **Settings** icon on the left sidebar > **Banner Configuration** > **Select A Display Position** > Select **Custom Placement – Place the bar anywhere on your online store**
3. Click the **Display** icon on the left sidebar > copy the Shortcode of the banne

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

<figure><img src="/files/3zD0YlxBFqt3PRnZfYky" alt=""><figcaption></figcaption></figure>

**On the Shopify admin page:**

1. From the Shopify admin page, open the page/template you want to add to the banner
2. Paste the Shortcode of the banner
3. Save the changes&#x20;
4. Check the result on the front store

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

## Display banner at a specific position on the Hompage

### **Step to manage**

**In the Samita app:**&#x20;

1. Open the app > click **Banners** > open the banner or create a new one
2. Click the **Settings** icon on the left sidebar > **Banner Configuration** > **Select A Display Position** > Select **Custom Placement – Place the bar anywhere on your online store**
3. Click the **Display** icon on the left sidebar > Copy the Shortcode of the banner

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

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

**On the Shopify admin page:**

1. From the Shopify admin page, click **Online store** > **Themes** > click **Customize** button of the theme you want to work on&#x20;
2. Open the page template (**Homepage**)&#x20;
3. On the left, click **Add section** > **Apps** > select **Samita banner**&#x20;
4. Paste the shortcode of the banner to the section
5. Drag/drop the app section to change the position of the banner on the page
6. **Save**&#x20;

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

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


---

# Agent Instructions: 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:

```
GET https://docs.samita.io/banners/display-the-banner-on-the-front-store.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.