# Utility bar

{% hint style="info" %}
The Utility bar replaced the Announcement bar in v5.0 released on April 12 2022. See our [changelog](/lorenza/readme/changelog.md) and [theme update guide](/lorenza/readme/theme-updates.md) to learn more.
{% endhint %}

The **Utility bar** appears at the top of the header on every page. It gives easy access to the **language selector**, **currency selector**, and **social media icons**.

> See the [Announcements guide](/lorenza/pages/utility-bar/announcements.md) to let customers know about current promotions, new product lines, or other store updates.

![](/files/DfFTs3JE6VsVaTn2ZJ2d)

## Show social media icons

{% hint style="info" %}
This feature was added in v5.0.0 on April 12, 2022. See our [changelog](/lorenza/readme/changelog.md) to learn more.
{% endhint %}

Display up to 10 social media icons that link to your social media profiles. The icons display in a single row in the left corner of the utility bar.

To show **Social media icons** for your social accounts, click the **Show social media icons** option.

![](/files/4n4FTuPOjTEjGp24rKpF)

To add links to your social media accounts, click the **Theme settings** tab and enter the URL of your social media accounts. The icons will appear once the full URL has been entered.

![](/files/Pupu77sPKtz6JvJ7QHPV)

## Show language selector

{% hint style="info" %}
in v5.0.0 on April 12 2022. See our [changelog](/lorenza/readme/changelog.md) and [theme update guide](/lorenza/readme/theme-updates.md) to learn more.
{% endhint %}

This feature was added in v5.0.0 on April 12, 2022. See our [changelog](/lorenza/readme/changelog.md) to learn more.

The **Language selector** lets customers shop your store in a different language. Selling multiple languages is a Shopify feature: see their multiple languages guide to learn more.

![](/files/NNBCrrn9pDhTqveQfvbB)

Click on the **Utility bar** section to find the **Show language selector** option.

Lorenza comes packaged with theme-specific translations for 11 languages:

> French, German, Spanish, Italian, Hindi, Japanese, Portuguese (BR + PT), Russian, Swedish, and Chinese (Simplified).

All other content of your store must be translated manually in your Shopify admin and/or with a translation app. See Shopify's multiple languages guide to learn more.

## Show currency selector

{% hint style="info" %}
This feature was added in v5.0.0 on April 12, 2022. See our [changelog](/lorenza/readme/changelog.md) to learn more.
{% endhint %}

The **Currency selector** displays all supported currencies as set up in your Shopify admin.

![](/files/x2FVOKaJE2xGzGRgsdzU)

Click on the **Utility bar** section to find the **Show currency selector** option.

Selling in multiple currencies is a Shopfiy feature included in Shopify Payments: see their [multiple currencies guide](https://help.shopify.com/en/manual/payments/shopify-payments/multi-currency) to learn more.

## Customize section colors

{% hint style="info" %}
This feature was updated in v5.0.0 on April 12, 2022. See our [changelog](/lorenza/readme/changelog.md) to learn more.
{% endhint %}

Click on the **Utility bar** section and open the **Theme Settings** tab to find the color options for the **Text** and **Background**.

![](/files/tQTdjw7o0Qw70zJYdU8p)

## Hide the utility bar

Click on the **Utility bar** section and deselect the **Show utility bar** option.

## Settings reference

| Setting                    | Description                                                                                                                                                                                                                  |
| -------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Show utility bar           | Show or hide the utility bar.                                                                                                                                                                                                |
| Show social icons          | <p>Show or hide icons that link to your social media accounts.<br><br>Add your social media links in the Theme settings.</p>                                                                                                 |
| Show language selector     | Show or hide a dropdown menu to let customers choose their preferred language. See Shopify's[ Selling in multiple languages guide](https://help.shopify.com/en/manual/cross-border/multilingual-online-store) to learn more. |
| Show currency selector     | Show or hide a dropdown menu to let customers choose their preferred currency. See Shopify's [Multiple currencies guide](https://help.shopify.com/en/manual/payments/shopify-payments/multi-currency) to learn more.         |
| Time between announcements | Choose how many seconds (3-15) to display each announcement.                                                                                                                                                                 |
| Text color                 | Select the color for all text and icons in the utility bar.                                                                                                                                                                  |
| Background color           | Select the color for the background of the entire bar.                                                                                                                                                                       |
| <p><br></p>                |                                                                                                                                                                                                                              |

***

> **Related links**
>
> [Header](/lorenza/pages/header.md)\
> [Announcements](/lorenza/pages/utility-bar/announcements.md)


---

# 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://help.fluorescent.co/lorenza/pages/utility-bar.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.
