Eine Karte mit Button geht schon gut Eine Karte, die überall anklickbar ist, konvertiert besser, denn Besucher klicken auf das Bild, den Titel, die Auffüllung, was auch immer unter dem Cursor steht Elementor verknüpft Buttons und Überschriften, und ein Container kann auf ein Link-Tag geschaltet werden, aber Abschnitte, Spalten und Widgets haben keine eigene Linkmöglichkeit Die Wrapper Link Erweiterung in Master-Addons für Elementor Fügt eins hinzu: ein Link-Feld auf einem beliebigen Element, das das Ganze anklickbar macht.
Diese Seite behandelt die Einstellungen, einen Überblick darüber, was die Erweiterung macht und wie sie im Vergleich zum eingebauten Containerlink von Elementor abschneidet, finden Sie im Elementor Wrapper Link-Erweiterung Seite.
Fügen Sie eine URL ein, kreuzen Sie ein neues Fenster an oder folgen Sie nicht, wenn Sie es benötigen, und das vollständige Element wird zum Klickziel. Es akzeptiert sogar dynamische Elementor-Tags, sodass der Link auf den aktuellen Beitrag, eine Autorenseite oder eine beliebige dynamische Quelle verweisen kann.
Was die Wrapper Link-Erweiterung bewirkt #
Sobald diese Option aktiviert ist, erhalten Elemente im Elementor-Editor eine Wrapper Link Abschnitt mit einem einzigen Link Kontrolle. was auch immer Sie dort einfügen, macht das ganze Element zu einem Link auf dem Frontend: die gesamte Info Box, Spalte, oder Sektion, nicht nur ein Wort oder eine Schaltfläche darin.
Da ein Link das Element abdeckt, überspringt man die alten Workarounds, wie den unsichtbaren Button, der mit CSS über die Karte gespannt wird oder einen handgeschriebenen Anker in einem HTML-Widget.
Bevor Sie beginnen #
- WordPress Mit Elementor Installiert und aktiv.
- Master-Addons für Elementor Installiert und aktiv Neu im Plugin? folgen Sie dem Installationsführung Zuerst.
- Wrapper Link ist eine kostenlose Erweiterung, daher ist keine Pro-Lizenz erforderlich.
So aktivieren Sie die Wrapper Link-Erweiterung #
Gehen Sie von Ihrem WordPress-Dashboard aus zu Master Addons Und öffnen Sie die Erweiterungen Tab. Wrapper Link sitzt in der Dynamische Widgets Gruppe, zw Tooltips und Anzeigebedingungen. Klicken Sie auf den Knebel, damit er violett wird, und schlagen Sie dann Änderungen speichern Oben und warten Sie auf den grünen Hinweis “Einstellungen erfolgreich gespeichert”.
Fügen Sie einem Element einen Wrapper-Link hinzu #
Öffnen Sie Ihre Seite mit Elementor und wählen Sie das Element aus, das Sie anklickbar machen möchten Im Videobeispiel handelt es sich um eine Info-Box-Karte in einer dreispaltigen Feature-Zeile A Wrapper Link Abschnitt mit dem lila MA-Abzeichen sitzt jetzt in der Tafel und hält ein Feld: Link.
Fügen Sie die Ziel-URL ein Klicken Sie auf das Zahnradsymbol, um die Linkoptionen zu öffnen:
- In neuem Fenster öffnen: Lädt das Ziel in einem neuen Tab, dem richtigen Aufruf für externe Links.
- Nofollow hinzufügen: Wenn sich der Link in einem neuen Fenster öffnet, öffnet sich die Seite ohne Übergeben von Referrer-Daten Wrapper Link verarbeitet den Klick mit einem Script, sodass Suchmaschinen ihn nicht als Link behandeln und diese Einstellung keinen SEO-Effekt hat.
Speichern oder veröffentlichen, und die ganze Karte ist jetzt ein großer Link auf der Live-Seite Wiederholen Sie dies für die anderen Karten mit jeweils eigenem Ziel.
Verwenden Sie als Link ein dynamisches Tag #
Das Datenbanksymbol neben dem Feld Link öffnet das von Elementor Dynamische Tags. Statt einer festen URL kann der Wrapper-Link sein Ziel aus dem Inhalt ziehen: Post-URL, Autorenseite, Site-URL, oder ein benutzerdefiniertes Feld In der Demo verwendet die Karte Post-urlWo auch immer diese Vorlage rendert, die Karte verlinkt auf ihren eigenen Beitrag.
Diese Kombination ist in Theme-Builder-Vorlagen und Schleifenelementen wichtig, bei denen sich das Ziel pro Beitrag ändern muss Koppeln Sie es mit dem Dynamic Tags-Erweiterung Für mehr Quellen.
Wo Wrapper-Links helfen #
- Feature - und Servicekarten. Die ganze Info Box klickt sich bis zur Detailseite durch, nicht nur zum Titel.
- Blog-Postkarten in Vorlagen. Wrapper Link plus das dynamische Post URL-Tag macht jede Karte in einer Schleife zu einem eigenen Artikel.
- Bannerabschnitte. Ein Promo-Bereich über die gesamte Breite, der zur Kampagnenseite durchklickt.
- Teammitgliedskarten. Klicken Sie auf eine beliebige Stelle der Person, um ihr Profil zu öffnen.
- Logoraster. Jede Client-Logo-Zelle ist verlinkt, mit einem Kontrollkästchen entfernt.
Video-Tutorial #
Beobachten Sie den gesamten Ablauf, vom Aktivieren der Erweiterung bis zum Verknüpfen einer Karte mit einem dynamischen Tag.
Häufig gestellte Fragen #
Wie mache ich einen ganzen Abschnitt in Elementor anklickbar?
Aktivieren Sie die Wrapper Link-Erweiterung im Reiter Master Addons Extensions, wählen Sie den Abschnitt im Elementor-Editor aus und fügen Sie eine URL in das Wrapper Link-Feld ein Der gesamte Abschnitt wird zum Klickziel am Frontend, mit optionalen neuen Fenster - und Nofollow-Einstellungen.
Kann sich der Wrapper-Link in einem neuen Tab öffnen oder nofollow verwenden?
Ja. Klicken Sie auf das Zahnradsymbol im Feld Link und kreuzen Sie in neuem Fenster öffnen oder nofollow hinzufügen an Wrapper Link verarbeitet den Klick mit einem Skript, sodass Suchmaschinen ihm nicht als Link folgen, welches Kästchen Sie auch ankreuzen.
Funktioniert Wrapper Link mit dynamischen Tags?
Ja. Das Symbol Dynamische Tags neben dem Feld Link akzeptiert Quellen wie Post URL, Autoren URL, oder ein benutzerdefiniertes Feld In Schleifenvorlagen bedeutet das, dass jede Karte automatisch auf ihren eigenen Beitrag verlinkt, ohne Links einzeln zu bearbeiten.
Was passiert mit Schaltflächen oder Links in einem umwickelten Element?
Ein Klick irgendwo innerhalb des umwickelten Elements, auch auf seine eigenen Schaltflächen, geht zur Wrapper-URL Verwenden Sie Wrapper Link auf Karten, bei denen die gesamte Oberfläche zu einem Ziel führen soll, und verknüpfen Sie stattdessen einzelne Schaltflächen, wenn ein Layout mehrere Ziele benötigt.
Ist die Wrapper Link-Erweiterung kostenlos?
Ja. Wrapper Link wird mit der kostenlosen Version von Master Addons for Elementor ausgeliefert, in der Gruppe Dynamic Widgets des Reiters Erweiterungen Die Preisseite Listet auf, was die Pro-Pläne über die kostenlosen Erweiterungen hinaus hinzufügen.
Einwickelnd #
Die Wrapper Link-Erweiterung schließt eine der ältesten Lücken von Elementor: einen ganzen Abschnitt, eine Spalte oder ein Widget ohne CSS-Hacks anklickbar zu machen Ein Feld, zwei Kontrollkästchen, und dynamische Tag-Unterstützung für Vorlagen Für Anwendungsfälle und einen Side-by-Side-Look auf Elementors eigenen Containerlink, besuchen Sie die Erweiterungsseite für Wrapper Link. Durchsuchen Sie den Rest der Master Addons Widgets und Erweiterungen Für weitere Editor-Upgrades oder holen Sie sich ein Startdesign aus dem Vorlagenkits und die Links selbst verkabeln.
