# 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**
***
#### 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.
We can show banners with selected pages, languages, products, product tags, customers, or customer tags.
### **Step 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. 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***
4. If you add multiple conditions, please check the if **Products must match:** **all conditions** or **Any condition**.
5. Select **where to display**
6. Click **Save**
7. Check the result on the front store
> **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.
### **Step to manage**
**In the Samita app:**
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
**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
4. Check the result on the front store
## Display banner at a specific position on the Hompage
### **Step to manage**
**In the Samita app:**
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
**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
2. Open the page template (**Homepage**)
3. On the left, click **Add section** > **Apps** > select **Samita banner**
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**
