Neues Elementor Widget Link in Bio Blogartikel by Thomas Gress

Inhaltsverzeichnis

Vergiss Linktree & Co.! In diesem Beitrag zeige ich dir Schritt für Schritt, wie du das neue Widget „Link in Bio“ von Elementor nutzen, aktivieren, einstellen und anpassen kannst. Diese neuen Widgets von Elementor bieten eine riesige Auswahl an verschiedenen Templates, die du in der Template Library findest. Für jede Brand gibt es etwas Passendes, das du individuell anpassen kannst.

Die neuen Widgets von Elementor

Wenn du in den Widgets „Link“ eingibst, findest du die neuen Widgets. Diese kannst du wie alle anderen Widgets einfach hineinziehen und dann individuell anpassen. Bevor wir mit den Anpassungen beginnen, schauen wir uns die Elementor-Einstellungen an.

Elementor-Einstellungen und das Video von Gary Vee

Um das Link in Bio Widget zu aktivieren, gehen wir ins WordPress Dashboard, dann auf Elementor und Einstellungen. Hier klicken wir auf „Eigenschaften“, scrollen zu „Link in Bio“, klicken auf „Aktiv“ und speichern die Änderungen. Gary Vee erklärt in einem Video sehr deutlich, dass ein Link in Bio nutzlos ist, wenn die dahinterliegende Erfahrung schlecht ist. Die Seite muss mobil responsive sein, schnell laden und das Branding sollte konsistent sein.

Erstellung einer neuen Seite und Vorteile von Link in Bio auf eigener Domain

Wir gehen auf „Seiten“ und erstellen eine neue Seite mit dem Titel „Link in Bio“. Der Vorteil, das Link in Bio Widget auf deiner eigenen Domain zu nutzen, ist klar: Statt Traffic zu Drittanbieter-Tools wie Linktree zu schicken, geht der Traffic auf deine eigene Domain, was dein Google-Ranking verbessert.

Seite ohne Kopf- und Fußzeile erstellen

Damit unsere Link in Bio-Seite keine Kopf- und Fußzeile hat, gehen wir auf „Seite“ -> „Einstellung“ -> „Seitenlayout“ und wählen „Elementor Canvas“. Nun haben wir eine blanke Seite, auf der wir unsere Widgets und Templates nutzen können.

Template auswählen und mobile Optimierung

Wir wählen ein Template aus der Template Library aus, in diesem Fall „Phoenix Wea“, und klicken auf „Einfügen“. Danach optimieren wir die Seite für mobile Endgeräte.

Anpassung des Templates an deine Brand

Nun passe ich das Link in Bio Widget an meine Marke an. Zuerst ziehe ich den ganzen Content hinzu, wähle das Hintergrundbild und Profilfoto aus und ändere Namen, Buttons, Links und Social Icons. Die Bilder und Infos wie den Namen und die Call-to-Action Buttons passe ich ebenfalls an.

Call-to-Action Buttons und Social Icons

Ich verlinke zunächst zu meiner Webseite, meinem Blog und meinem Wartungsvertrag. Achtung: Nicht zu viele Call-to-Actions hinzufügen, um den Besucher nicht zu überfordern. Danach füge ich meine Social Links hinzu – Instagram, LinkedIn und YouTube – und lösche Facebook, weil ich dort nicht aktiv bin.

Styling und Feineinstellungen

Nun stylen wir den Inhalt. Die Textfarbe der Buttons wird weiß und die Hintergrundfarbe gold. Wir passen die Typografie an und richten die Ecken der Buttons abgerundet ein. Die Icons färben wir ebenfalls gold und vergrößern sie. Die Hintergrundfarbe und Transparenz werden entsprechend angepasst.

Anpassung für Tablets und Desktops

Um die Ansicht für Tablets und Desktops anzupassen, stellen wir die Breite und Höhe auf „volle Breite“ und „Fullscreen Height“. Danach bearbeiten wir den Container und setzen die Inhaltsbreite auf „volle Breite“.

Vorschau und Veröffentlichung

Wir klicken auf „Vorschau der Änderung“ und überprüfen die Links zu meiner Webseite, meinem Blog und dem Wartungsvertrag. Alles funktioniert einwandfrei. Um den Link in Bio zu teilen, veröffentlichen wir die Seite und kopieren den Permalink, den wir überall auf unseren Socials einfügen können.

Ich hoffe, dieser Beitrag hat dir gefallen. Gib mir gerne einen Daumen hoch und kommentiere, falls du weitere Videos zu Elementor oder WordPress möchtest, oder andere Ideen hast. Bis zum nächsten Beitrag. Ciao, ciao!

Inhaltsverzeichnis

Bleibe auf dem laufenden

Essentielle Webdesign Tipps, Elementor Tipps, SEO, Pagespeed und mehr

Mehr Artikel