> For the complete documentation index, see [llms.txt](https://docs.magecomp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.magecomp.com/magento-2-free-shipping-bar-extension/bar-manager.md).

# 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>