# Bar Manager

From the left menu, navigate to MageComp > Free Shipping Bar Manager and click on the Add New Shipping Bar button.

#### General Settings

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

* **Status -** You can enable or disable the Free Shipping Bar or Announcement Bar from here.
* **Title -** You can set the title of the free shipping bar or announcement bar from here.
* **Store View -** From this field, you can select the store view to show the free shipping bar or announcement bar.
* **Date From -** In this field, set the starting date to display the free shipping bar or announcement bar.
* **Date To -** In this field, set the ending date to display the free shipping bar or announcement bar.
* **Priority -** In this field, set the priority of the free shipping bar or announcement bar.
* **Add Link to the Bar -** Enable it to set the redirection link in the free shipping bar or announcement bar.
* **Link Address -** Enter the URL for redirection.

#### Free Shipping Bar Settings

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

* **Bar Type -** Select the Free Shipping Bar option to display it in the frontend.
* **Background Color -** Set the background color of the free shipping bar according to your store theme.
* **Font Color -** Set the font color of the free shipping bar according to your store theme.
* **Amount Color -** Set the amount color of the free shipping bar according to your store theme.
* **Font Size -** Set the font size of the free shipping bar according to your store theme.

<figure><img src="/files/5vu9tPJObGjPeuBctnEa" alt=""><figcaption></figcaption></figure>

* **Initial Message -** In this field, you can set the initial message to show on the free shipping bar with {{minvalue}}.

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

* **In Progress Message -** In this field, you can set the in-progress message to show on the free shipping bar with {{subtotal}}.

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

* **Achieved Message** In this field, you can set the achieved message to show on the free shipping bar when the free shipping is achieved.

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

* **Enable Progress Bar -** Set it to Yes to display a progress bar on the free shipping bar.
* **Progress Bar Initial Color -** Set the initial color of the progress bar when it is less than 50%.
* **Progress Bar Middle Color -** Set the middle color of the progress bar when it is more than 50%.
* **Progress Bar Complete Color -** Set the complete color of the progress bar when the free shipping is achieved.
* **Progress Bar Template -** Select the template for the progress bar.

#### Announcement Bar Settings

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

* **Bar Type -** Select the Announcement Bar option to display it in the frontend.
* **Announcement Message -** Set the announcement message to show on the announcement bar.
* **Announcement Font Color -** Set the font color of the announcement bar according to your store theme.
* **Font Size -** Set the font size of the announcement bar according to your store theme.
* **Announcement Background Color -** Set the background color of the announcement bar according to your store theme.

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

* **Countdown Timer -** Set it to Yes to display a countdown timer as a clock on the announcement bar.
* **Clock Background Color -** Set the background color of the clock.
* **Clock Number Color -** Set the number color of the clock.
* **Announcement Template -** Select the template for the announcement bar.

#### Admin Grid

The admin view to manage the Free Shipping and Announcement Bars

<figure><img src="/files/ejKxuBSkxYVrlgFSc65W" 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.magecomp.com/magento-2-free-shipping-bar-extension/bar-manager.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.