> For the complete documentation index, see [llms.txt](https://docs.rh-webdesign.com/cms-bundle/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rh-webdesign.com/cms-bundle/en/elemente/medien/social-media.md).

# Social - Media

Link social media channels or let visitors share the current page

The **Social - Media** element knows two display types: in **Channels** mode you link your own social media profiles as an icon row. In **Share** mode your visitors get buttons to share the current page on their networks.

<figure><img src="https://118894700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhdsmo3ttoHQpDlitXnzA%2Fuploads%2Fgit-blob-89eeacae7e62f00c5958fbd2e0db7fdab0c497ff%2Fsocial-media-kanaele-beispiel.webp?alt=media" alt=""><figcaption><p>Example in the storefront: linked social media channels as an icon row</p></figcaption></figure>

### Social media channels

In **Channels** mode you define which profiles appear as clickable icons. You can maintain the channels directly on the element or inherit them from the global plugin configuration.

<figure><img src="https://118894700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhdsmo3ttoHQpDlitXnzA%2Fuploads%2Fgit-blob-cb0c01b92c43c57de5412274a2e6c3d2ad1f3cc5%2Fsocial-media-kanaele.webp?alt=media" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="287">Function</th><th>Description</th></tr></thead><tbody><tr><td>Select display type (1)</td><td>Switches between <strong>Add social media channels</strong> (link your own profiles) and <strong>Share current page</strong>.</td></tr><tr><td>Horizontal Alignment (2)</td><td>Aligns the icon row left, centered or right.</td></tr><tr><td>Inherit channels from global configuration (3)</td><td>When the switch is active, the channels stored in the general plugin configuration are used. Via <strong>"Set social media channels globally"</strong> you get there directly.</td></tr><tr><td>Select social media (4)</td><td>Per entry you choose the network (icon) and store the associated URL. Using the icons on the right you can duplicate, sort or delete entries. (Appears when inheritance is off.)</td></tr></tbody></table>

{% hint style="info" %}
**Maintain once, use everywhere**

If you set your channels globally and let the elements inherit them, you only have to update a changed profile URL in a single place.
{% endhint %}

### Share the current page

In **Share** mode the element shows buttons with which visitors can share the currently opened page on their networks – completely without your own channel data.

<figure><img src="https://118894700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhdsmo3ttoHQpDlitXnzA%2Fuploads%2Fgit-blob-eb80331c13d409ab0c397c07b72bc6f08d0666c6%2Fsocial-media-teilen-beispiel.webp?alt=media" alt=""><figcaption><p>Example in the storefront: share buttons with a label</p></figcaption></figure>

<figure><img src="https://118894700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhdsmo3ttoHQpDlitXnzA%2Fuploads%2Fgit-blob-d9e5714a11431f0ac1b3701c32dda7caa8d33da2%2Fsocial-media-teilen.webp?alt=media" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="287">Function</th><th>Description</th></tr></thead><tbody><tr><td>Select display type (1)</td><td>Set to <strong>Share current page</strong> here.</td></tr><tr><td>Horizontal Alignment (2)</td><td>Aligns the buttons left, centered or right.</td></tr><tr><td>Select display type for sharing (3)</td><td><strong>Icons as a list</strong> shows all share buttons directly next to each other. <strong>Offcanvas button for sharing</strong> instead shows a single button that opens the selection in a side panel.</td></tr><tr><td>Label / Caption (4)</td><td>Optional text shown above or next to the buttons.</td></tr></tbody></table>

### Maintain channels globally

Instead of storing the channels on each element individually, you can maintain them centrally once and have the element inherit them via the **Inherit channels from global configuration** switch.

1. Open the **CMS Bundle** settings and switch to the **Advanced → Social Media** area.
2. Under **Social Media - Channels** set the network (icon) and the associated profile URL per entry and save.

<figure><img src="https://118894700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhdsmo3ttoHQpDlitXnzA%2Fuploads%2Fgit-blob-4380d7536860d7831a7162e14a0c6c7d19bd9cb7%2Fsocial-media-kanaele-global.webp?alt=media" alt=""><figcaption><p>Global social media channels in the plugin configuration</p></figcaption></figure>

{% hint style="info" %}
This way you only update a changed profile URL in a single place – all elements that inherit take over the change automatically.
{% endhint %}