# CMS element

A CMS element is a content element in a Shopping Experience, more precisely in a CMS block. Shopware offers you a selection of CMS elements, and with the ThemeWare® Pro Edition you also get an extensive collection of sales-promoting CMS elements.

<figure><img src="https://1979975522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F178YilsPBIFHBAxTvcMo%2Fuploads%2F0qAIrMknF4DUhbijXUYY%2Fthemeware--elements-cms-layout.png?alt=media&#x26;token=39efcb54-e9d7-4659-8240-ffd61d67171c" alt=""><figcaption><p>CMS element</p></figcaption></figure>

***

## Add CMS element

To add a CMS element you need a suitable CMS block in your Shopping Experience. You can then assign a CMS element to this CMS block. You can read more about this in the section [cms-block](https://knowledge.themeware.design/knowledge-base/basic-knowledge/shopping-experiences/cms-block "mention").

***

## Replace CMS element

1. Move the mouse over the CMS block
2. Click on the ![](https://1979975522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F178YilsPBIFHBAxTvcMo%2Fuploads%2Fgit-blob-85e45d5e50a8845a70186fa7a2005ceaeeea5d21%2Ficon-repeat.png?alt=media) "Replace" icon (1)
3. The pop-up "Select element" will open
4. Select the desired CMS element here (2)

<figure><img src="https://1979975522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F178YilsPBIFHBAxTvcMo%2Fuploads%2F6vI7IAufPqhPqevFTGNL%2Fimage.png?alt=media&#x26;token=6fd8eb82-6b48-41ff-93c3-e8c921f7238a" alt=""><figcaption><p>Add or replace CMS element</p></figcaption></figure>

<figure><img src="https://1979975522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F178YilsPBIFHBAxTvcMo%2Fuploads%2FW6HXmxa4RrOItlQV3Xyx%2Fcms-extensions--replace-cms-element.png?alt=media&#x26;token=acfc4bc1-7523-44b7-b3f5-e76d7165f38f" alt=""><figcaption><p>CMS element selection</p></figcaption></figure>

***

## Configure CMS element

1. Click on the corresponding CMS block to activate the "edit mode"
2. Hover the mouse over the desired CMS element
3. Click on the ![](https://1979975522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F178YilsPBIFHBAxTvcMo%2Fuploads%2Fgit-blob-2cd65e87cf2b69011c0980e0bf2cab9d000296b4%2Ficon-cog.png?alt=media) "cog" icon (1) to configure the CMS element
4. The "Element settings" pop-up will open (2)
5. Save your changes

<figure><img src="https://1979975522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F178YilsPBIFHBAxTvcMo%2Fuploads%2FSi7SVauzNd71WbYwwld7%2Fimage.png?alt=media&#x26;token=c3627e2d-059e-4c1b-b6d6-6222553c8990" alt=""><figcaption><p>Configure or edit CMS element</p></figcaption></figure>

<figure><img src="https://1979975522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F178YilsPBIFHBAxTvcMo%2Fuploads%2FTNbFyw7YEKi4XnTQ7vVO%2Fcms-exentsions--cms-element-config.png?alt=media&#x26;token=63278f7f-ac75-4d2d-bfb1-e7642570fc9f" alt=""><figcaption><p>CMS element settings</p></figcaption></figure>

***

## Multilingual

If you want to configure an alternative language in a CMS element, you can simply change the language in the top right corner of the editor of the corresponding Shopping Experience.

<figure><img src="https://1979975522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F178YilsPBIFHBAxTvcMo%2Fuploads%2F8D95bwqC3PfP7B4TKtoZ%2Fcms-extensions--change-language.png?alt=media&#x26;token=b63be131-9e2c-4662-915d-ff3f6ef4be37" alt=""><figcaption><p>Shopping Experience: Switch language</p></figcaption></figure>

***

#### Further information

You can find more information about ThemeWare® CMS elements in the ThemeWare® Manual:

{% embed url="<https://docs.themeware.design/additional-features/cms-extensions/cms-elements>" %}
ThemeWare® Manual
{% endembed %}

You can find more information about the Shopping Experience in Shopware 6 in the Shopware documentation:

{% embed url="<https://docs.shopware.com/en/shopware-6-en/content/ShoppingExperiences>" %}
Shopware documentation: Shopping Experiences
{% endembed %}
