# Webseiten-Editor

{% hint style="success" %}
*Modul: ETRON onRetail Website,* [*ETRON onRetail Onlineshop*](https://www.etron.at/webshop/at/etron-onretail-onlineshop-558)
{% endhint %}

{% hint style="success" %}
*Dieses Trainingsvideo für den Block-Editor, der im ETRON onRetail All-in-One Onlineshop inkludiert ist, ermöglicht Ihnen einen schnellen Überblick und einfachen Einstieg beim Erstellen Ihrer Website.*
{% endhint %}

{% embed url="<https://vimeo.com/659232414>" %}
Video: ETRON onRetail Onlineshop Webseiten-Editor
{% endembed %}

Der ETRON onRetail Onlineshop verfügt über einen umfangreichen Baukasten zum Gestalten Ihrer Web- & Produktseiten.&#x20;

Durch einen Klick auf **E-Commerce** ➜ **Seite** ➜ **Homepage** springen Sie auf die Kundenansicht Ihres Onlineshops und können dort jede beliebige Seite aufrufen, die Sie bearbeiten möchten.

<figure><img src="https://2281246901-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlM26Mg6nljOOOe95HyIq%2Fuploads%2FhsDNzw58K8OJ9uQjE3tq%2Fimage.png?alt=media&#x26;token=73aa5ae5-c687-4594-aace-37b665ae8273" alt=""><figcaption></figcaption></figure>

Durch einen Klick rechts oben auf **Bearbeiten** blenden Sie das Baukasten-Menü und dessen Elemente ein.

<figure><img src="https://2281246901-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlM26Mg6nljOOOe95HyIq%2Fuploads%2FsURDhePDoD5EwyMaRknV%2Fimage.png?alt=media&#x26;token=4d4ea34b-55ef-4212-8fdb-a188289beaae" alt=""><figcaption></figcaption></figure>

Per **Drag & Drop** ziehen Sie das gewünschte Elemente (rechte Seite) zu dem Bereich in Ihrem Shop (linke Seite) wo Sie es gerne platziert hätten. Es wird Ihnen noch bevor Sie die Maustaste loslassen eine Vorschau auf dem jeweiligen Bereich angezeigt (siehe Screenshot).&#x20;

In unserem Beispiel handelt es sich um ein **Image - Text** Element, bedeutet: bei diesem Element können Sie links ein Bild einfügen und rechts zu diesem Bild einen Text verfassen.

Wenn Ihnen der Platz gefällt dann lassen Sie die Maustaste los um das Element zu platzieren.

<figure><img src="https://2281246901-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlM26Mg6nljOOOe95HyIq%2Fuploads%2FIYKFo2mwHwAJF2wTWTbx%2Fimage.png?alt=media&#x26;token=7607f982-2631-4913-abfe-21470127e098" alt=""><figcaption></figcaption></figure>

Wenn Sie fertig sind können Sie rechts oben die Änderungen **speichern**.

<figure><img src="https://2281246901-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlM26Mg6nljOOOe95HyIq%2Fuploads%2FBQy7lf5JGWC7RbICjjPy%2Fimage.png?alt=media&#x26;token=e2f09d70-c050-40b4-9293-9f81bd286a33" alt=""><figcaption></figcaption></figure>

Ebenso haben Sie die Möglichkeit Ihre Änderungen <img src="https://2281246901-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlM26Mg6nljOOOe95HyIq%2Fuploads%2FFw6R4Bw9n0pit4B5pbRt%2Fimage.png?alt=media&#x26;token=206cc2bb-0256-4a63-92fa-d1e3dd3234fe" alt="" data-size="line"> Rückgängig zu machen, zu <img src="https://2281246901-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlM26Mg6nljOOOe95HyIq%2Fuploads%2FUWbK7qtSqkw7Ux6YjPQ3%2Fimage.png?alt=media&#x26;token=e220ab49-31c8-46a2-98fb-049a123eafb4" alt="" data-size="line"> Wiederholen oder komplett zu **Verwerfen**.