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.
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.
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.
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
-
Sdient dazu, Text durchzustreichen
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.
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.
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:
- Klicken Sie im Menü des Editors auf das Videosymbol.
- Geben Sie einen Video-Einbettungscode oder einen externen Link ein.
- 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 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).
So fügen Sie einen Link in Ihren Text ein:
- Klicken Sie im Menü des Texteditors auf das Link-Symbol und dann auf Link einfügen.
- Fügen Sie die URL hinzu und geben Sie den Text ein.
- (optional) Aktivieren Sie bei Bedarf Link in neuem Tab öffnen.
- 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:
- Klicken Sie im Menü des Texteditors auf das Symbol für die Tabelle und dann auf Tabelle einfügen.
- Wählen Sie die Anzahl der Zeilen und Spalten für Ihre Tabelle und klicken Sie auf Einfügen.
- (optional) Fügen Sie über das Editor-Menü einen Kopf und/oder zusätzliche Zeilen und Spalten hinzu.
- 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:
- Drücken Sie Texthervorhebungsfarbe, um die Hintergrundfarbe für Ihre Buchstaben zu wählen:
- Drücken Sie Schriftgröße ändern, um die Größe für Ihre Buchstaben auszuwählen:
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:
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.
Text ausrichten
Im Texteditor stehen Ihnen vier Arten der Textausrichtung zur Verfügung:
- Linksbündig
- Mitte
- Rechtsbündig
- Blocksatz (Text mit einer festen Breite)
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.
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.
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.
- 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.
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.
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.
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:
- Klicken Sie im Menü des Texteditors auf die Schaltfläche Einklappbarer Textblock.
- Geben Sie den Titel des Blocks ein. Zum Beispiel: „Material & Pflege“.
- Geben Sie im Bereich der Blockbeschreibung den Inhalt ein, den Sie innerhalb des klickbaren Blocks ausblenden möchten.
- (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:
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:
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:
- Klicken Sie im Menü des Texteditors auf das Bildsymbol und laden Sie Ihr Bild hoch.
- Rufen Sie den HTML-Modus auf und suchen Sie Ihr Bild:
Sie müssen dafür nach der Zeile mit <img src=”...”> suchen. - Fügen Sie <a href="https://www.ecwid.com/"> direkt vor <img scr=”...”> ein und </a> direkt danach.
Anstelle von https://www.ecwid.com/ sollten Sie in <a href=""> die Adresse der gewünschten Website einfügen. - Verlassen Sie den HTML-Modus, um die Änderungen zu prüfen.
Sie können andere Schriftfarben verwenden als die, die in der Standardpalette des Texteditors verfügbar sind. Alles, was Sie brauchen, ist der RGB-Code für Ihre Farbe (Sie können diesen mit jedem RGB-Rechner ermitteln).
Nehmen wir an, Sie möchten einen Teil Ihres Textes, auf dem „Sale!“ steht, leuchtend rot gestalten.
So ändern Sie die Farbe Ihres Textes:
- Geben Sie Ihren Text in das Textfeld ein.
- Um den Vorgang zu erleichtern, ändern Sie die Farbe des betreffenden Textes in eine der verfügbaren Farben des Texteditors.
- Rufen Sie den HTML-Modus auf und suchen Sie diesen Textabschnitt:
Sie müssen dafür nach der Zeile mit color:rgb (149, 55, 52); suchen. - Ändern Sie den Teil in Klammern in den RGB-Code, der der von Ihnen benötigten Textfarbe entspricht. In Ihrem Fall geben Sie für ein helles Rot (255, 0, 0) statt (149, 55, 52) ein.
- Verlassen Sie den HTML-Modus, um die Änderungen zu prüfen.