Eine Karte mit Button geht schon Eine Karte, die überall anklickbar ist, konvertiert besser, denn Besucher klicken auf das Bild, den Titel, die Polsterung, was auch immer unter dem Cursor steht Elementor verlinkt Buttons und Überschriften, hat aber keine saubere Möglichkeit, einen ganzen Abschnitt zu machen oder einen großen Link zu verwidgen Die Wrapper Link Erweiterung in Master-Addons für Elementor Fügt genau das hinzu: ein Link-Feld auf jedem Element, das das gesamte Ding in einen Anker wickelt.
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 mit einem Volksabzeichen, 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: Fügt rel=”nofollow hinzu, nützlich für Affiliate- oder gesponserte Reiseziele.
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 Verknüpfen und kreuzen Sie in neuem Fenster öffnen oder nofollow hinzufügen an. Neues Fenster setzt target=”_blank” und nofollow fügt rel=”nofollow hinzu, das externe, Affiliate- und gesponserte Ziele abdeckt.
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?
Halten Sie es einfach: Ein Element, das ein großer Link ist, sollte keine separaten Links darin tragen, da verschachtelte Anker Browser und Besucher verwirren. Verwenden Sie Wrapper Link auf Karten, deren gesamte Oberfläche zu einem Ziel führen soll, und überlassen Sie Multi-Link-Layouts einzelnen Schaltflächen.
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 ganze Spalte oder ein Widget ohne CSS-Hacks anklickbar machen Ein Feld, zwei Kontrollkästchen und dynamische Tag-Unterstützung für Vorlagen 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.
