> For the complete documentation index, see [llms.txt](https://docs.premsoft.de/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.premsoft.de/plugins/cms-elemente/erste-schritte.md).

# Erste Schritte

In diesem Kapitel baust du in wenigen Klicks deine erste Sektion mit einem PremSoft-Element.

## Eine Erlebniswelt öffnen

1. Öffne im Admin **Inhalte → Erlebniswelten**.
2. Lege über **Erlebniswelt erstellen** ein neues Layout an oder bearbeite ein bestehendes.
3. Du landest im **Designer** – der visuellen Bearbeitungsoberfläche.

## Ein Element einfügen

In Shopware ziehst du nicht einzelne Elemente, sondern **Blöcke** aus der Seitenleiste in die Seite. Jeder PremSoft-Block enthält genau ein PremSoft-Element.

1. Klicke links auf das **Plus-Symbol**, um die Block-Auswahl zu öffnen.
2. Wähle oben in der Kategorie-Auswahl die Kategorie **„PremSoft CMS Elements"**. Hier findest du alle Elemente dieses Plugins gebündelt.
3. Ziehe den gewünschten Block per Drag-and-drop an die passende Stelle deiner Seite.

{% hint style="info" %}
Du findest die PremSoft-Elemente außerdem über die Suche in der Block-Auswahl, wenn du z. B. „Akkordeon" oder „Countdown" eintippst.
{% endhint %}

## Ein Element gestalten

1. Klicke auf das eingefügte Element.
2. Rechts (oder über das Zahnrad-Symbol) öffnet sich die **Seitenleiste mit den Einstellungen**.
3. Passe Inhalte, Farben, Bilder und Verhalten an. Viele Elemente arbeiten mit Listen (z. B. mehrere Akkordeon-Einträge oder Galerie-Bilder) – über **„Hinzufügen"** legst du neue Einträge an.
4. Die **Live-Vorschau** im Designer zeigt deine Änderungen sofort.

## Bilder auswählen

Überall, wo du ein Bild hinterlegen kannst, nutzt du die vertraute **Medienverwaltung** von Shopware: per Klick ein vorhandenes Bild auswählen oder direkt ein neues hochladen – genau wie beim Standard-Element „Bild".

## Speichern und veröffentlichen

1. Klicke oben rechts auf **Speichern**.
2. Weise das Layout einer Kategorie, Produktseite oder Startseite zu (**Inhalte → Erlebniswelten → Zuweisungen** bzw. direkt an der Kategorie).
3. Fertig – deine Besucher sehen das Ergebnis in der Storefront.

Eine Beschreibung **aller Elemente** findest du im nächsten Kapitel: [Die CMS-Elemente im Überblick](/plugins/cms-elemente/cms-elemente.md).


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.premsoft.de/plugins/cms-elemente/erste-schritte.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.