Symbol mit Text verwenden

Info

Beachten Sie, dass diese Funktion evtl. noch nicht für alle Shops verfügbar ist. Wenn Sie sie nicht sehen, haben Sie ein wenig Geduld; sie wird bald in Ihrem Shop verfügbar sein.

Vielleicht kennen Sie dieses Problem: Manchmal haben Sie einfach nicht das perfekte Bild für die Informationen zur Hand, die Sie vermitteln möchten. In diesem Fall können die "Symbol mit Text"-Elemente hilfreich sein. Sie können aus einer großen Sammlung von verschiedenen Symbolen wählen, um Ihre Botschaft zu illustrieren.

So fügen Sie ein Symbol-Element hinzu

  1. Navigieren Sie im Hauptmenü des Administrationsbereichs zu Editor.
  2. In der Seitenleiste des Editors unter Seiten finden Sie eine Liste aller Seiten. Wählen Sie die Seite aus, die Sie bearbeiten möchten oder fügen Sie eine neue hinzu.
    Eine Vorschau der Seite wird rechts angezeigt.
  3. Wählen Sie in der Seitenleiste des Editors Inhaltselemente.
  4. Wählen Sie die Kategorie Symbole.
  5. Ziehen Sie eines der Inhaltselemente in den Vorschau-Bereich und legen Sie es an der gewünschten Position ab. Sie können Inhaltselemente nur in den blauen Bereichen der Seite ablegen.
  6. Wählen Sie Symbol hinzufügen.
    Die Ansicht Symbol hinzufügen erscheint.
  7. Wählen Sie ein Symbol aus der Bibliothek. Um die Symbolübersicht zu öffnen, wählen Sie den Link Symbol-Bibliothek öffnen.
  8. Sobald Sie ein Symbol ausgewählt haben, können Sie einen Link hinzufügen.
    • Wenn Sie möchten, dass der Link in einem neuen Tab geöffnet wird, aktivieren Sie die Checkbox Link in neuem Tab öffnen.
    • Um den Link zu entfernen, wählen Sie Link entfernen rechts neben dem Link-Feld.
  9. Sobald Sie ein Symbol ausgewählt haben, können Sie einen Link hinzufügen. Geben Sie dazu eine URL in das Feld Link ein. Wenn Sie möchten, dass der Link in einem neuen Tab geöffnet wird, aktivieren Sie die Checkbox Link in neuem Tab öffnen.
  10. Gestalten Sie das Symbol-Element. Weitere Informationen finden Sie im folgenden Abschnitt.
  11. Sobald Sie fertig sind, wählen Sie Speichern.

Sie haben der Seite ein Symbol-Element hinzugefügt.
Um das Symbol-Element erneut zu bearbeiten, bewegen Sie den Mauszeiger über das Element und wählen Sie EditCircleIcon.png.

Außerdem können Sie unterhalb des Symbols einen Text hinzufügen. Wählen Sie dazu Hier Text eingeben... und geben Sie den gewünschten Text ein. Weitere Informationen finden Sie unter Erfahren Sie mehr über die Formatierungsoptionen für Texte.

So gestalten Sie das Symbol-Element

Um jedes Symbol perfekt auf das Design Ihrer Website abzustimmen, können Sie verschiedene Einstellungen vornehmen.

Es ist derzeit nicht möglich die gleichen Design-Einstellungen automatisch auf mehrere Symbole anzuwenden. Stattdessen müssen Sie die Einstellungen für jedes Symbol wiederholen.

Diese Einstellungen finden Sie auf dem Tab: IconsSettingsIcon.png

Symbol-Einstellungen

Symbol-Farbe Wählen Sie die gewünschte Farbe, indem Sie das Farbkästchen auswählen. Weitere Informationen finden Sie unter Erfahren Sie mehr über die Farbeinstellungen.
Ausrichtung Wählen Sie unter Ausrichtung, ob Sie das Symbol linksbündig, rechtsbündig oder mittig platzieren möchten.
Abstand Nutzen Sie den Schieberegler unter Abstand, um den Abstand zum oberen und unteren Rand des Symbols einzustellen. Sie können auch die Nummer im Feld auf der rechten Seite von 0 bis 50 ändern.
Größe Nutzen Sie den Schieberegler unter Größe, um die Größe des Symbols anzupassen. Sie können auch die Nummer im Feld auf der rechten Seite von 15 bis 100 ändern.
Zurücksetzen Wähle den Link Zurücksetzen, um die Standardeinstellungen für das Symbol wiederherzustellen. Beachten Sie, dass dadurch nicht Ihre vorherigen Einstellungen wiederhergestellt werden, sondern die Standardeinstellungen der ausgewählten Design-Vorlage.

So bearbeiten Sie den Hintergrund und die Kontur

Zusätzlich zum Symbol selbst können Sie auch verschiedene Einstellungen für den Hintergrund und die Kontur des Hintergrunds vornehmen. Dadurch können Sie das Erscheinungsbild des Elements komplett an Ihre Anforderungen anpassen.

Es ist derzeit nicht möglich die gleichen Design-Einstellungen automatisch auf mehrere Symbole anzuwenden. Stattdessen müssen Sie die Einstellungen für jedes Symbol wiederholen.

Diese Einstellungen finden Sie auf dem Tab: ModifyColours.png

Hintergrund-Einstellungen

Farbe Wählen Sie die gewünschte Farbe, indem Sie das Farbkästchen auswählen. Weitere Informationen finden Sie unter Erfahren Sie mehr über die Farbeinstellungen.
Größe Nutzen Sie den Schieberegler unter Größe, um die Größe des Hintergrunds anzupassen. Sie können auch die Nummer im Feld auf der rechten Seite von 0 bis 100 ändern.
Rundung Nutzen Sie den Schieberegler unter Rundung, um die Form des Hintergrunds anzupassen. Sie können auch die Nummer im Feld auf der rechten Seite von 0 bis 50 ändern. Je nach Einstellung wird der Hintergrund quadratisch, mit abgerundeten Ecken oder rund angezeigt.
Zurücksetzen Wähle den Link Zurücksetzen, um die Standardeinstellungen für das Symbol wiederherzustellen. Beachten Sie, dass dadurch nicht Ihre vorherigen Einstellungen wiederhergestellt werden, sondern die Standardeinstellungen der ausgewählten Design-Vorlage.

Kontur-Einstellungen

Farbe Wählen Sie die gewünschte Farbe, indem Sie das Farbkästchen auswählen. Weitere Informationen finden Sie unter Erfahren Sie mehr über die Farbeinstellungen.
Stärke Nutzen Sie den Schieberegler unter Stärke, um die Dicke der Kontur anzupassen. Sie können auch die Nummer im Feld auf der rechten Seite von 0 bis 20 ändern.
Zurücksetzen Wähle den Link Zurücksetzen, um die Standardeinstellungen für das Symbol wiederherzustellen. Beachten Sie, dass dadurch nicht Ihre vorherigen Einstellungen wiederhergestellt werden, sondern die Standardeinstellungen der ausgewählten Design-Vorlage.

Verschiedene Anwendungsbereiche

Natürlich können Sie das Inhaltselement für alle möglichen Zwecke einsetzen. Aber gerade weil es so viele verschiedene Möglichkeiten gibt, finden Sie im Folgenden ein paar Vorschläge, um Ihre Kreativität anzuregen.

Präsentieren Sie die wichtigsten Merkmale Ihres Unternehmens, ähnlich zu Ihren Alleinstellungsmerkmalen:

Example_Business_DE.png

 

Da Sie zu einem Symbol auch einen Link hinzufügen können, können Sie diese Funktion beispielsweise verwenden, um Ihre Kunden auf Ihre Social Media-Kanäle aufmerksam zu machen:

Example_SocialMedia.png

 

Aber natürlich können Sie dieses Element auch nutzen, um Informationen zum Versand und zu besonderen Angeboten wie z B. einem buchbaren Installationsservice zu vermitteln. Hierzu können Sie auch einen in diesem Fall einen Link nutzen und Ihre Kunden beispielsweise auf andere Seiten mit zusätzlichen Informationen zu Ihrem Installationsservice oder auf Ihre Zahlung & Versand-Seite weiterleiten.

Example_Shipping_DE.png

War dieser Beitrag hilfreich?