Einfügen eines Widgets in den Editor

Letzte Aktualisierung: 5. Mai 2025

Erstellt für:

  • Einsteiger
  • Fortgeschrittener
  • Admin
  • Benutzende

Mit Widget können Sie der Seite verschiedene Inhaltselemente hinzufügen, einschließlich Links zu beliebigen Commerce-Inhaltsseiten oder -Knoten, -Produkten oder -Kategorien. Links können in einem Blockformat auf der Seite positioniert oder direkt in den Inhalt integriert werden. Sie können das Widget-Tool verwenden, um Links zu den folgenden Inhaltstypen zu erstellen:

Standardmäßig übernehmen Links ihren Stil vom Stylesheet des Designs.

IMPORTANT
Das Einfügen vieler Anweisungen, insbesondere von Widgets wie Recently Viewed / Compared Products kann einen negativen Effekt auf das erste Laden der Seite haben, wenn sie nicht zwischengespeichert wird. Verwenden Sie sie daher mit Vorsicht. Normalerweise entsteht dadurch kein Problem. Sie sollten dieses potenzielle Problem jedoch mit Ihrem Entwicklungsteam besprechen.

  1. Öffnen Sie eine Seite, einen Block oder einen dynamischen Block im Bearbeitungsmodus.

  2. Gehen Sie zum Abschnitt Content ​und klicken Sie auf ein beliebiges Element, das den Editor unterstützt.

  3. Positionieren Sie den Cursor an der Stelle, an der das Widget angezeigt werden soll, und klicken Sie auf das Symbol Widget einfügen.

    Editor-Symbolleiste - Widget einfügen

    Wenn Sie Page Builder nicht aktiviert haben und lieber mit dem Code arbeiten möchten, klicken Sie auf Show / Hide Editor. Positionieren Sie die Einfügemarke an der Stelle, an der das Widget angezeigt werden soll. Klicken Sie dann auf Insert Widget.

  4. Wählen Sie die Widget Type aus.

    Weitere Informationen zu diesen Optionen finden Sie unter Widget-Typen. Die folgenden Schritte verwenden ein Beispiel für das Einfügen eines Links zu einem Produkt.

  5. Um den Produktnamen zu verwenden, lassen Sie das Feld Anchor Custom Text leer.

  6. Geben Sie eine Anchor Custom Title für die Best Practice für SEO ein.

    Dieser Titel ist auf der Seite nicht sichtbar.

  7. Legen Sie Template auf eine der folgenden Einstellungen fest:

    • Um den Link in Text einzubinden, wählen Sie Product Link Inline Template aus.

    • Um den Link auf einer separaten Zeile zu platzieren, wählen Sie Product Link Block Template aus.

  8. Klicken Sie auf Select Product und führen Sie folgende Schritte aus:

    • Navigieren Sie in der Baumstruktur zur gewünschten Kategorie.

    • Wählen Sie in der Liste das verknüpfte Produkt aus.

  9. Klicken Sie auf Insert Widget , um den Link auf der Seite zu platzieren.

    Wenn Sie mit HTML-Code arbeiten, wird ein Markup-Tag für den Link oben auf der Seite angezeigt, eingeschlossen in geschweifte Klammern. Verwenden Sie bei Bedarf Ausschneiden und Einfügen, um das Markup-Tag in dem Code zu positionieren, in dem der Link angezeigt werden soll.

  10. Wenn Ihre Inhaltsbearbeitungen abgeschlossen sind, klicken Sie auf Save.

recommendation-more-help