The Manual Placement feature, and the associated insertion code, are provided to make it possible for merchants and their developers to implement their own customizations. It is recommended to hire a developer for any theme customizations, and to implement any edits on a duplicated copy of your theme. Please note , we do not offer any customization services. If you want to position the Announcement bar somewhere other than the top or bottom of the page, you can use the Manual Placement for the display position. There are two ways to do this: Insert the Placeholder Code to Your Theme Use Custom Section to Display the Bar Insert the Placeholder Code to Your Theme To manually insert the placeholder code into your Shopify theme, follow these steps: **Copy **the placeholder code below:

In your Shopify admin, go to **Online Store > Themes. ** Click the** 3 dots > Edit Code** on the theme you want to edit. Navigate to the desired file where you want to add the placeholder. **Paste **the copied code into the liquid file. For example: **Save **your changes. Note This method may not work in some themes, especially if the theme’s main body code consists only of: {{ content_for_layout }} If this option doesn’t work, you can proceed with the other option below. Use Custom Section to Display the Bar If you want to visually place the bar within your theme, you can do so by creating a custom section. Follow these steps: In your Shopify admin, go to **Online Store > Themes. ** Click the** 3 dots > Edit Code** on the theme you want to edit. In the Sections folder, click Add a** new section. ** Name the section qab_bar , select Liquid , then click Done . A new section will be created with default code. Delete the default code and **replace **it with the following:

{% schema %} { "name": "QAB", "limit":1, "presets": [ { "name": "QAB", "category": "Custom" } ] } {% endschema %} {% stylesheet %} {% endstylesheet %} {% javascript %} {% endjavascript %} Like so: Then save (top right). Add the Section to Your Theme From here you have 2 options. Option 1: Insert the section in a Liquid file by adding: Option 2: Place the Section Visually in the Theme Editor In the Shopify admin, go to your **Online store > Theme **> click Customize. In the left menu, click** Add section.** Choose QAB The **QAB **section will then be added to the bottom of the layout. You can drag it to where you would like it to be by hovering over the right side of the label and then clicking on the dotted tab: **Save **the changes for the bar to appear. Depending on the theme, you may also need to **preview **it to see the bar display correctly. Here’s an example of the bar dragged up to below a slide show element. If you have any further questions, please feel free to reach out to us at help@hextom.com

How do I display my bar on the checkout page?