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.
![](https://knowledge.themeware.design/~gitbook/image?url=https%3A%2F%2F1979975522-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F178YilsPBIFHBAxTvcMo%252Fuploads%252F0qAIrMknF4DUhbijXUYY%252Fthemeware--elements-cms-layout.png%3Falt%3Dmedia%26token%3D39efcb54-e9d7-4659-8240-ffd61d67171c&width=768&dpr=4&quality=100&sign=e623a30f&sv=1)
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.
Replace CMS element
Move the mouse over the CMS block
Click on the
"Replace" icon (1)
The pop-up "Select element" will open
Select the desired CMS element here (2)
![](https://knowledge.themeware.design/~gitbook/image?url=https%3A%2F%2F1979975522-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F178YilsPBIFHBAxTvcMo%252Fuploads%252F6vI7IAufPqhPqevFTGNL%252Fimage.png%3Falt%3Dmedia%26token%3D6fd8eb82-6b48-41ff-93c3-e8c921f7238a&width=768&dpr=4&quality=100&sign=151fa476&sv=1)
![](https://knowledge.themeware.design/~gitbook/image?url=https%3A%2F%2F1979975522-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F178YilsPBIFHBAxTvcMo%252Fuploads%252FW6HXmxa4RrOItlQV3Xyx%252Fcms-extensions--replace-cms-element.png%3Falt%3Dmedia%26token%3Dacfc4bc1-7523-44b7-b3f5-e76d7165f38f&width=768&dpr=4&quality=100&sign=2a3341e1&sv=1)
Configure CMS element
Click on the corresponding CMS block to activate the "edit mode"
Hover the mouse over the desired CMS element
Click on the
"cog" icon (1) to configure the CMS element
The "Element settings" pop-up will open (2)
Save your changes
![](https://knowledge.themeware.design/~gitbook/image?url=https%3A%2F%2F1979975522-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F178YilsPBIFHBAxTvcMo%252Fuploads%252FSi7SVauzNd71WbYwwld7%252Fimage.png%3Falt%3Dmedia%26token%3Dc3627e2d-059e-4c1b-b6d6-6222553c8990&width=768&dpr=4&quality=100&sign=b2204dfa&sv=1)
![](https://knowledge.themeware.design/~gitbook/image?url=https%3A%2F%2F1979975522-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F178YilsPBIFHBAxTvcMo%252Fuploads%252FTNbFyw7YEKi4XnTQ7vVO%252Fcms-exentsions--cms-element-config.png%3Falt%3Dmedia%26token%3D63278f7f-ac75-4d2d-bfb1-e7642570fc9f&width=768&dpr=4&quality=100&sign=64319cc6&sv=1)
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.
![](https://knowledge.themeware.design/~gitbook/image?url=https%3A%2F%2F1979975522-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F178YilsPBIFHBAxTvcMo%252Fuploads%252F8D95bwqC3PfP7B4TKtoZ%252Fcms-extensions--change-language.png%3Falt%3Dmedia%26token%3Db63be131-9e2c-4662-915d-ff3f6ef4be37&width=768&dpr=4&quality=100&sign=39b584ed&sv=1)
Further information
You can find more information about ThemeWare® CMS elements in the ThemeWare® Manual:
You can find more information about the Shopping Experience in Shopware 6 in the Shopware documentation:
Last updated