> For the complete documentation index, see [llms.txt](https://docs.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.themeware.design/additional-features/widgets/communities-or-social-media.md).

# Communities or social media

With the widget "Communities or social media" you can present your social media channels to customers.

<figure><img src="/files/V0yIePmKNuwWQC8Xf9df" alt=""><figcaption><p>ThemeWare® "Communities or social media" widget</p></figcaption></figure>

***

## Configuration

You can configure the "Communities or social media" widget in the theme configuration.

> You can find the configuration in the "Widgets" tab.

### Content

* Edit the headline using the snippet `twt.widget.communities.headline`.
* Optional: Edit the additional text using the snippet `twt.widget.communities.additionalText`.
* For each channel you maintain the label via `twt.widget.communities.[channel].name`, the link via `twt.widget.communities.[channel].link` and the tooltip via `twt.widget.communities.[channel].title`. A full list of all channels can be found in the summary.

{% 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 %}

***

## Options

* **Layout type**
  * Arranges the icons "side by side" or "one below the other".
* **Icon style**
  * Icon style: "default", "isolated", "badge", "square" or "circle" – each also as a monochrome variant.
* **Icon size**
  * Size of the icons in pixels (20–80, default 45).
* **Icon coloration**
  * "default", "individual colour" or "greyscale".
* **Show additional text**
  * Shows an additional text (snippet `twt.widget.communities.additionalText`).
* **Show label**
  * Shows the label (name) next to the icon.
* **Text position**
  * "beside icon" or "below icon".
* **Link relation "nofollow"**
  * Adds the attribute `rel="nofollow"` to the links.
* **Show \[platform] link** (section "Social icons")
  * For each channel (Facebook, Instagram, Twitter, X, YouTube, Vimeo, Twitch, Flickr, Pinterest, TikTok, Spotify, Blogger, Blog, WhatsApp, LinkedIn, Xing, Website) you decide whether the icon is shown. You maintain the name and link per channel via snippets (see below).

***

## Summary

#### **Theme configuration**

* Tab "Widgets" => Block "Communities or social media" => Section "Basic configuration" => Layout type / Icon style / Icon size / Icon coloration / Show additional text / Show label / Text position / Link relation "nofollow"
* Tab "Widgets" => Block "Communities or social media" => Section "Social icons" => Show \[platform] link

#### Snippets

* **Headline**
  * `twt.widget.communities.headline`
* **Text (optional)**
  * `twt.widget.communities.additionalText`
* **Blog**
  * `twt.widget.communities.blog.link`
  * `twt.widget.communities.blog.name`
  * Title attribute: `twt.widget.communities.blog.title`
* **Blogger**
  * `twt.widget.communities.blogger.link`
  * `twt.widget.communities.blogger.name`
  * Title attribute: `twt.widget.communities.blogger.title`
* **Facebook**
  * `twt.widget.communities.facebook.link`
  * `twt.widget.communities.facebook.name`
  * Title attribute: `twt.widget.communities.facebook.title`
* **Flickr**
  * `twt.widget.communities.flickr.link`
  * `twt.widget.communities.flickr.name`
  * Title attribute: `twt.widget.communities.flickr.title`
* **Instagram**
  * `twt.widget.communities.instagram.link`
  * `twt.widget.communities.instagram.name`
  * Title attribute: `twt.widget.communities.instagram.title`
* **LinkedIn**
  * `twt.widget.communities.linkedin.link`
  * `twt.widget.communities.linkedin.name`
  * Title attribute: `twt.widget.communities.linkedin.title`
* **Pinterest**
  * `twt.widget.communities.pinterest.link`
  * `twt.widget.communities.pinterest.name`
  * Title attribute: `twt.widget.communities.pinterest.title`
* **Spotify**
  * `twt.widget.communities.spotify.link`
  * `twt.widget.communities.spotify.name`
  * Title attribute: `twt.widget.communities.spotify.title`
* **TikTok**
  * `twt.widget.communities.tiktok.link`
  * `twt.widget.communities.tiktok.name`
  * Title attribute: `twt.widget.communities.tiktok.title`
* **Twitch**
  * `twt.widget.communities.twitch.link`
  * `twt.widget.communities.twitch.name`
  * Title attribute: `twt.widget.communities.twitch.title`
* **Twitter**
  * `twt.widget.communities.twitter.link`
  * `twt.widget.communities.twitter.name`
  * Title attribute: `twt.widget.communities.twitter.title`
* **Vimeo**
  * `twt.widget.communities.vimeo.link`
  * `twt.widget.communities.vimeo.name`
  * Title attribute: `twt.widget.communities.vimeo.title`
* **Website**
  * `twt.widget.communities.website.link`
  * `twt.widget.communities.website.name`
  * Title attribute: `twt.widget.communities.website.title`
* **WhatsApp**
  * `twt.widget.communities.whatsapp.link`
  * `twt.widget.communities.whatsapp.name`
  * Title attribute: `twt.widget.communities.whatsapp.title`
* **X**
  * `twt.widget.communities.x.link`
  * `twt.widget.communities.x.name`
  * Title attribute: `twt.widget.communities.x.title`
* **Xing**
  * `twt.widget.communities.xing.link`
  * `twt.widget.communities.xing.name`
  * Title attribute: `twt.widget.communities.xing.title`
* **Youtube**
  * `twt.widget.communities.youtube.link`
  * `twt.widget.communities.youtube.name`
  * Title attribute: `twt.widget.communities.youtube.title`