Wissensdatenbank
Leitfäden
Academy
Video-Tutorials
Versuchen Sie es mit:
Zuletzt angesehene Artikel:

Inhaltsverzeichnis

Verwendung des integrierten Texteditors

Sie können den integrierten Texteditor verwenden, um Produktbeschreibungen, Kategoriebeschreibungen, rechtlichen Hinweise und Zahlungsanweisungen oder Abholanweisungen zu erstellen. Auf diese Weise können Sie Ihren Kunden besser strukturierte und visuell attraktivere Informationen bieten.

Mit dem Texteditor können Sie Absätze formatieren, Videos, Bilder und Links hinzufügen, Textfarbe, -größe und -schrift ändern, Listen und Tabellen erstellen und vieles mehr. Diese Funktionen helfen, das Design Ihres Ecwid-Shops zu verbessern und die Produkte und Dienstleistungen kundenfreundlicher zu beschreiben.

Sie können den Texteditor auch in den Ecwid-Apps für iOS und Android verwenden.

Vollbildmodus verwenden

Um mehr Platz bei der Arbeit mit Texten zu haben, können Sie den Vollbildmodus verwenden, indem Sie auf das Vollbild-Symbol in der rechten oberen Ecke des Texteditors klicken.

Using_text_editor_at_15.12.31.png

Um diesen Modus zu verlassen, klicken Sie noch einmal auf das Symbol.

Formatierung anwenden

Die Anwendung von Formatierungen hilft, Ihren Text zu strukturieren und wichtige Informationen hervorzuheben. Sie können Zitate verwenden, um Produktbewertungen und Kundenmeinungen zu zitieren.

In unserem Texteditor stehen Ihnen fünf Arten der Formatierung zur Verfügung:

  • Normaler Text (Arial, 14px)
  • Überschrift 2
  • Überschrift 3
  • Überschrift 4
  • Zitat (eingeklammerter Text, der wie ein Zitat aussieht).

Um die Formatierung eines Absatzes zu ändern, setzen Sie den Cursor auf den entsprechenden Absatz, drücken Sie auf die Schaltfläche ¶ (Formatvorlagen) in der linken oberen Ecke des Texteditors und wählen Sie die gewünschte Option aus der Liste.

Using_text_editor__21_.png

Die Formatierung wird auf den gesamten Absatz auf einmal angewandt, so dass Sie die Eingabetaste drücken müssen, um den Text, der nicht betroffen sein soll, zu trennen.

Schriftbild auswählen

Der Texteditor unterstützt fett, kursiv, unterstrichen und durchgestrichen.

Alle Schaltflächen, die den Schriftarten gewidmet sind, befinden sich in der linken oberen Ecke des Texteditors:

  • B dient dazu, Text fett zu machen
  • I dient dazu, Text kursiv zu machen
  • U dient zum Unterstreichen von Text
  • S dient dazu, Text durchzustreichen

Using_text_editor__24_.png

Es gibt zwei Möglichkeiten, das Schriftbild für Ihren Text zu ändern.

Zunächst können Sie einen Textabschnitt markieren und die entsprechende Schaltfläche im Menü des Texteditors drücken. Das Schriftbild für den Text wird sich damit ändern.

Zweitens können Sie die entsprechende Schaltfläche im Menü drücken und mit dem Tippen beginnen. Der Text, den Sie eingeben, wird im von Ihnen gewählten Schriftbild geschrieben. Um die Verwendung des ausgewählten Schriftbilds zu beenden, drücken Sie die Schaltfläche erneut.

Bilder hinzufügen

Sie können Bilder von Ihrem Computer hochladen, um sie in Ihren Text einzufügen. Vergewissern Sie sich, dass die Bilder in einem von Ecwid unterstützten Format vorliegen: JPG, BMP, PNG und GIF. Es können nur Bilder in einer Größe bis zu 10 Mb hochgeladen werden.

Using_text_editor_at_15.13.34.png

Um ein Bild einzufügen, klicken Sie auf das Bildsymbol im Texteditor-Menü und ziehen Sie dann entweder die gewünschte Datei per Drag & Drop oder klicken Sie auf Datei auswählen, wählen Sie eine Datei auf Ihrem Computer und klicken Sie auf Öffnen.

Um den Vorgang zu beschleunigen, können Sie ein Bild von Ihrem Computer direkt in das Textfeld ziehen und ablegen.

Die Datei wird automatisch hochgeladen und in das Textfeld eingefügt. Doppelklicken Sie auf das Bild, wenn Sie die Größe ändern möchten.

Video hinzufügen

Um Ihr Produkt zu präsentieren und Ihren Kunden zu helfen, eine wohlüberlegte Entscheidung zu treffen, oder um Ihre Anleitungen hilfreicher zu gestalten, können Sie Ihren Text mit einem Youtube/Vimeo-Video ergänzen.

So fügen Sie ein Video zu Ihrem Text hinzu:

  1. Klicken Sie im Menü des Editors auf das Videosymbol.
  2. Geben Sie einen Video-Einbettungscode oder einen externen Link ein.Using_text_editor_at_15.14.16.png
  3. Klicken Sie auf Einfügen.

Das Video wird dann automatisch in das Textfeld eingefügt.

Sie können auch einfach die Videoadresse oder einen Einbettungscode direkt in das Textfeld eingeben.

Links hinzufügen

Sie können zu den externen Websites und/oder zu den Seiten oder Dateien Ihres Ecwid Shops auch anklickbare Links hinzufügen. Diese Links werden in derselben Registerkarte oder in einer neuen Registerkarte geöffnet (wenn Sie sich für diese Option entscheiden).

Wenn Sie Ihrer Produktbeschreibung ein PDF-Handbuch hinzufügen möchten, können Sie Ihr Handbuch einfach in ein Dateihosting (z. B. Google Drive) hochladen und dann den Link dazu einfügen.

So fügen Sie einen Link in Ihren Text ein:

  1. Klicken Sie im Menü des Texteditors auf das Link-Symbol und dann auf Link einfügen.

    Using_text_editor_at_15.14.51.png

  2. Fügen Sie die URL hinzu und geben Sie den Text ein.
  3. (optional) Aktivieren Sie bei Bedarf Link in neuem Tab öffnen.
  4. Klicken Sie auf Einfügen.

Sie können auch einen Textabschnitt auswählen und auf das Link-Symbol im Menü klicken, um einen Link zu diesem Text hinzuzufügen. Um den Link zu entfernen, markieren Sie den Text und klicken dann auf Link entfernen.

Um einen Link zu einem Bild hinzuzufügen (z. B. um ein Banner zu erstellen), folgen Sie unserer Anleitung zum Hinzufügen eines klickbaren Bildes.

Tabellen erstellen

Mit dem Texteditor können Sie auch Tabellen erstellen. Sie können Ihre Tabelle später zusätzlich bearbeiten, indem Sie Zeilen und Spalten sowie den Tabellenkopf hinzufügen/löschen. Tabellenzellen können Videos, formatierten Text, Links, Bilder usw. enthalten.

So fügen Sie eine Tabelle zu Ihrem Text hinzu:

  1. Klicken Sie im Menü des Texteditors auf das Symbol für die Tabelle und dann auf Tabelle einfügen.

    Using_text_editorat_15.15.32.png

  2. Wählen Sie die Anzahl der Zeilen und Spalten für Ihre Tabelle und klicken Sie auf Einfügen.
  3. (optional) Fügen Sie über das Editor-Menü einen Kopf und/oder zusätzliche Zeilen und Spalten hinzu.
  4. Füllen Sie die Tabelle nach Belieben aus.

Sie können Ihre Tabelle auch später noch bearbeiten. Um die Tabelle zu löschen, klicken Sie auf das Tabellensymbol im Menü des Texteditors und klicken Sie auf Tabelle löschen oder platzieren Sie den Cursor rechts neben der Tabelle und drücken Sie Backspace.

Anpassen der Schrifteinstellungen

Mit dem Texteditor können Sie die Schriftfarbe und die Hintergrundfarbe einstellen sowie die Schriftgröße und die Schriftfamilie so ändern, dass sie zum Design Ihres Shops passen.

  • Drücken Sie Schriftfarbe, um die Farbe auszuwählen, die Sie für Ihre Buchstaben verwenden möchten:

    Using_text_editor__13_.png

  • Drücken Sie Texthervorhebungsfarbe, um die Hintergrundfarbe für Ihre Buchstaben zu wählen:

    Using_text_editor__6_.png

  • Drücken Sie Schriftgröße ändern, um die Größe für Ihre Buchstaben auszuwählen:Using_text_editor__18_.png
    Wählen Sie Schriftgröße entfernen am Ende der Liste, um zu der standardmäßig verwendeten Schriftgröße zurückzukehren (14px).
  • Drücken Sie Schriftfamilie ändern, um die Schriftfamilie für Ihre Buchstaben auszuwählen:

    Using_text_editor__3_.png

    Wählen Sie Schriftfamilie entfernen am Ende der Liste, um zu der standardmäßig verwendeten Schriftfamilie zurückzukehren (Arial).

Es gibt zwei Möglichkeiten, die Schrifteinstellungen im Texteditor anzuwenden.

Zunächst können Sie einen Textabschnitt markieren und dann die entsprechende Schaltfläche im Menü des Texteditors drücken. Damit ändert sich die Schrifteinstellung für diesen Text.

Weiterhin können Sie die entsprechende Schaltfläche drücken und mit dem Tippen beginnen. Der Text, den Sie eingeben, wird in der von Ihnen konfigurierten Schriftart angezeigt. Wenn Sie diese Einstellung nicht mehr verwenden möchten, drücken Sie einfach noch einmal auf die Schaltfläche, um eine andere Einstellung zu wählen.

Um die Farben zu verwenden, die nicht in der Palette enthalten sind, bearbeiten Sie Ihre Texte im HTML-Modus.

Sie können mit CSS-Codes (auf Englisch) oder Apps aus dem Ecwid App-Markt für Ihren gesamten Shop Schriftfamilie, Farbe und Größe von Texten ändern. Sie können auch die Schriftarten für Ihren Ecwid-Shop und Ihre Instant Site aktualisieren.

Text ausrichten

Im Texteditor stehen Ihnen vier Arten der Textausrichtung zur Verfügung:

  • Linksbündig
  • Mitte
  • Rechtsbündig
  • Blocksatz (Text mit einer festen Breite)

Using_text_editor__23_.png

Um die Ausrichtung zu ändern, setzen Sie den Cursor auf den entsprechenden Absatz in Ihrem Text, drücken dann die Schaltfläche Ausrichtung und wählen Sie die gewünschte Option.

Die Ausrichtung wird auf den gesamten Absatz auf einmal angewandt, sodass Sie die Eingabetaste drücken müssen, um den Text, der nicht betroffen sein soll, zu trennen.

Horizontale Linie einfügen

Wenn Sie Absätze Ihres Textes durch eine horizontale Linie voneinander trennen möchten, können Sie die Schaltfläche Horizontale Linie einfügen im Menü des Texteditors verwenden.

Using_text_editor__7_.png

Sie können auch mehrere horizontale Linien hinzufügen, wenn Sie die Teilung deutlicher machen wollen. Um eine Linie zu löschen, platzieren Sie den Cursor dahinter und klicken Sie auf Backspace.

Listen erstellen

Mit dem Texteditor können Sie zwei Arten von Listen erstellen: ungeordnete und geordnete. Die erste Option verwendet Aufzählungszeichen, die zweite Option Ziffern.

  • Drücken Sie Aufzählungszeichen im Menü des Texteditors, um eine durch Aufzählungspunkte getrennte Liste zu erstellen. Um einen neuen Aufzählungspunkt zu erstellen, drücken Sie die Eingabetaste. Drücken Sie zweimal die Eingabetaste, um die Liste fertigzustellen.

    Using_text_editor_at_15.17.21.png

  • Drücken Sie Nummerierung im Menü des Texteditors, um eine nummerierte Liste zu erstellen. Um einen neuen Aufzählungspunkt zu erstellen, drücken Sie die Eingabetaste. Drücken Sie zweimal die Eingabetaste, um die Liste fertigzustellen.

    Using_text_editor_at_15.16.40.png

Einzug verwenden

Sie können einen Einzug verwenden, um einige der Absätze hervorzuheben. Mit Einzügen können Sie die Position des linken Randes Ihres Absatzes verschieben.

Sobald Sie im Menü des Texteditors auf die Schaltfläche Einzug verkleinern klicken, wird der linke Rand Ihres Absatzes leicht nach rechts verschoben. Sie können diesen Vorgang so oft wiederholen, wie Sie möchten. Um die Änderungen rückgängig zu machen, drücken Sie Backspace (wenn sich Ihr Cursor am Anfang des Absatzes befindet) oder Einzug vergrößern.

Using_text_editor_at_15.18.21.png

Sobald Sie die Schaltfläche Auszug vergrößern drücken, wird der linke Rand Ihres Absatzes leicht nach links verschoben. Auf diese Weise können Sie die vorgenommenen Änderungen durch Drücken der Taste Einzug verkleinern rückgängig machen.

Using_text_editor_at_15.18.44.png

Sie können dies nicht nur für Ihre Textabsätze, sondern auch für Bilder und Videos verwenden.

Ausklappbare Blöcke (nur Produktbeschreibungen)

Mit ausklappbaren Blöcken können Sie Produktbeschreibungen in Abschnitte unterteilen, die auf Knopfdruck aus- oder eingeklappt werden können. Auf diese Weise sehen Ihre Produktbeschreibungen immer ordentlich und übersichtlich aus und bieten Ihren Kunden detaillierte Produktinformationen.

Sie können alle Arten von formatiertem Text sowie Bilder, Videos, Tabellen usw. zu Ihren Blöcken hinzufügen.

So fügen Sie einen einklappbaren Textblock zu einer Produktbeschreibung hinzu:

  1. Klicken Sie im Menü des Texteditors auf die Schaltfläche Einklappbarer Textblock.

    Create_collapsible_blocks.png

  2. Geben Sie den Titel des Blocks ein. Zum Beispiel: „Material & Pflege“.
  3. Geben Sie im Bereich der Blockbeschreibung den Inhalt ein, den Sie innerhalb des klickbaren Blocks ausblenden möchten.
  4. (optional) Wiederholen Sie den Vorgang, um weitere Blöcke zu Ihrer Produktseite hinzuzufügen. Sie können z. B. für die allgemeine Produktübersicht auch einen Block „Größe & Passform“ und „Beschreibung“ verwenden.

Das war's! Jetzt werden Ihre Produktinformationen in Form von Titeln angezeigt, auf die Kunden klicken können, um die Details zu sehen.

So kann eine Beschreibung mit einklappbaren Blöcken auf einer Produktseite aussehen:

Create_collapsible_blocks.gif

Texte im HTML-Modus bearbeiten

Für fortgeschrittene Benutzer, die den Quellcode der Beschreibung bearbeiten möchten, verfügt der Texteditor über einen HTML-Modus. Klicken Sie in der oberen rechten Ecke des Editor-Menüs auf <>, um Ihre Texte mit HTML zu bearbeiten:

Using_text_editorat_15.19.22.png

Nachfolgend finden Sie einige Beispiele dafür, was Sie mit dem HTML-Modus machen können.

Sie können anklickbare Bilder mit Links erstellen, die zu externen Seiten oder zu Seiten innerhalb Ihres Shops weiterleiten. Wenn Sie z. B. einen Ausverkauf veranstalten, können Sie Ihrer Shop-Startseite ein anklickbares Banner hinzufügen, das Kunden zur Kategorie mit den vergünstigten Produkten führt.

Nehmen wir an, Sie möchten den Link https://www.ecwid.com/ zu einem Bild hinzufügen.

So fügen Sie Ihrem Text ein anklickbares Bild hinzu:

  1. Klicken Sie im Menü des Texteditors auf das Bildsymbol und laden Sie Ihr Bild hoch.
  2. Rufen Sie den HTML-Modus auf und suchen Sie Ihr Bild:

    Using_text_editor__20_.png

    Sie müssen dafür nach der Zeile mit <img src=”...”> suchen.
  3. Fügen Sie <a href="https://www.ecwid.com/"> direkt vor <img scr=”...”> ein und </a> direkt danach.

    Using_text_editor__15_.png

    Anstelle von https://www.ecwid.com/ sollten Sie in <a href=""> die Adresse der gewünschten Website einfügen.
  4. Verlassen Sie den HTML-Modus, um die Änderungen zu prüfen.
Denken Sie daran, auf Speichern zu klicken, nachdem Sie die Änderungen im Textfeld vorgenommen haben.
War dieser Beitrag hilfreich?

Großartig! Vielen Dank für Ihr Feedback!

Vielen Dank für Ihr Feedback!

Das tut uns leid! Was ist schief gelaufen?
23 von 33 fanden dies hilfreich
10
Wir verwenden Cookies und ähnliche Technologien, um Ihre Präferenzen zu speichern, die Effektivität unserer Kampagnen zu messen und anonymisierte Daten zu analysieren, um die Leistung unserer Website zu verbessern. Mit der Auswahl von „Akzeptieren“ stimmen Sie der Verwendung von Cookies zu.
Cookies akzeptieren Ablehnen