# Floating widget

With ThemeWare® you can use the "Floating-Wideget" of our Shopware 5 themes in your Shopware 6 shop as well, for example to display contact information prominently.

<figure><img src="https://3369454551-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyzUEL0OiJhd4m6fQWdQe%2Fuploads%2F1BwHUA3WZRVyrRDQnMH2%2Fextensions--floating-widget.png?alt=media&#x26;token=ff3341ca-8a1c-43f8-b3dc-b75d58c4821b" alt=""><figcaption><p>ThemeWare® "Floating widget"</p></figcaption></figure>

***

## Configuration

### **Theme configuration**

1. Go to the tab "**Extensions**"
2. Expand the block "**Floating widget**"
3. Enable the "Floating widget" with the configuration "**Show floating widget**"
4. Now configure the "Floating widget" as you like
5. Save your changes after editing

### **Content**

* Customise the text of the announcement banner using the following snippets:
  * `twt.extension.floatingWidget.title`
  * `twt.extension.floatingWidget.body`
* Optional: If necessary, customise the URL using the following snippet:&#x20;
  * `twt.extension.floatingWidget.link`

{% hint style="info" %}
**Note**: For information on how to edit snippets, see the following instructions: [Texts: Editing and translation](https://knowledge.themeware.design/knowledge-base/tutorials/texts-editing-and-translation)
{% endhint %}

{% hint style="success" %}
**Tip**: If a change does not affect the storefront, just clear the Shopware cache: [Clearing / warming up the Shopware cache](https://knowledge.themeware.design/knowledge-base/tutorials/miscellaneous/clearing-the-shopware-cache)
{% endhint %}

***

## Summary

#### Theme configuration

* Tab "Extensions" => Block "Floating widget"

#### Snippets

* **Title**
  * `twt.extension.floatingWidget.title`
* **Text**
  * `twt.extension.floatingWidget.body`
* **Link**
  * `twt.extension.floatingWidget.link`
* **Aria label** (Widget)
  * `twt.extension.floatingWidget.ariaLabel` (available from v3.7 or v4.0)
* **Aria label** (Button)
  * `twt.extension.floatingWidget.closeAriaLabel` (available from v3.7 or v4.0)
  * `twt.extension.floatingWidget.openAriaLabel` (available from v3.7 or v4.0)
* **Aria label** (Link)
  * `twt.extension.floatingWidget.linkAriaLabel` (available from v3.7 or v4.0)