Mit dem My Sticky Elements-Plugin für WordPress wissen Sie wahrscheinlich, dass Sie Ihrem Widget ein benutzerdefiniertes Kontaktformular und soziale Kanäle hinzufügen können, um eine einfache All-in-One-Kommunikationslösung zu ermöglichen.
Wussten Sie jedoch, dass Sie auch fast alles in den benutzerdefinierten Shortcode-Kanal des Plug-ins einbetten können, um Ihr Widget weiter zu personalisieren und es für Ihr Publikum besser geeignet zu machen?
Die Verwendung von iFrames ist eine großartige Möglichkeit, eine visuell ansprechende Umgebung zu schaffen und auf verschiedene Weise mit Ihrem Publikum in Kontakt zu treten. Sie können beispielsweise eine hervorragende Spotify-Playlist teilen, die zum Ton Ihrer Website passt, Ihren aktuellen Social-Media-Beitrag bewerben, um ihm mehr Aufmerksamkeit zu verleihen, einen Sprachumschalter einbauen oder einen Kalender anzeigen, damit Kunden ein Zeitfenster buchen können, mit dem sie in Kontakt treten können Du und vieles mehr.
In diesem Blogbeitrag werden wir Ihre Kreativität mit 13 coolen Ideen zu Elementen anregen, die Sie in Ihr My Sticky Elements-Widget einbetten können, um dessen Leistung zu steigern.
#1. Ein YouTube-Video einbetten
Im digitalen Zeitalter haben sich Videos als wirksames Kommunikationsmittel erwiesen, das Ihr Marketing und den gesamten Website-Verkehr steigern kann. Die Einbettung eines Videos in Ihr My Sticky Elements-Widget dauert nur einen Moment.
Sie müssen lediglich das YouTube-Video öffnen, das Sie einbetten möchten, auf die Pfeilschaltfläche „Teilen“ klicken und dann „Einbetten“ wählen.
Sie können auswählen, bei welcher Sekunde oder Minute des Videos Ihr eingebettetes Video beginnen soll, und die Einbettungsoptionen weiter anpassen.
Kopieren Sie dann den Code und fügen Sie ihn in die benutzerdefinierten Shortcode-Kanaleinstellungen von My Sticky Elements ein.
Nachfolgend sehen Sie, wie das Ergebnis aussehen könnte. Ziemlich faszinierend, würden wir sagen.
#2. Einen Social-Media-Beitrag einbetten
Das Teilen Ihres neuesten oder beliebtesten Social-Media-Beitrags oder Flyers auf Ihrer Website kann für zusätzliche Sichtbarkeit sorgen.
Sie können ganz einfach Flyer erstellen oder Beiträge mit Online-Tools wie PhotoADKing, Canva, Visme, Farbbandusw. Auf diese Weise ist es eine Win-Win-Situation; Sie können Website-Besucher auch auf Ihre Social-Media-Konten leiten und so Ihr Publikum über mehrere Kanäle erweitern.
Sie können einen Beitrag oder ein Video von verschiedenen bekannten Social-Media-Kanälen wie Instagram oder Facebook einbetten.
Um einen Facebook-Beitrag einzubetten, navigieren Sie zu Ihrem bevorzugten Beitrag, klicken Sie auf die drei Punkte rechts, wählen Sie „Einbetten“ aus den Einstellungen und legen Sie fest, ob Sie den vollständigen Beitrag einschließen möchten (d. h. Kommentare und Reaktionen eingeschlossen), und fügen Sie ihn dann ein Code in den benutzerdefinierten Shortcode-Kanaleinstellungen von My Sticky Elements ein.
Einbetten eines Instagram-Beitrags Das ist ähnlich – klicken Sie auf die drei Punkte rechts neben der Position, die Sie einbetten möchten, wählen Sie „Einbetten“, legen Sie fest, ob Sie die Beitragsüberschrift einschließen möchten, und kopieren Sie den Code und fügen Sie ihn in den benutzerdefinierten Shortcode-Kanal von My Sticky Elements ein Einstellungen. Das Ergebnis sieht etwa so aus:
#3. Betten Sie Ihre Twitter-Timeline ein
Im Gegensatz zu den meisten anderen Social-Media-Kanälen, bei denen Sie nur dann einen einzelnen Beitrag einbetten können, wenn Sie auf Twitter sind, können Sie Ihre gesamte Chronik in Ihr My Sticky Elements-Widget einbetten.
Um dies zu tun, Öffne diese Seite und fügen Sie die URL des Kontos, das Sie einbetten möchten, in diesem Format hinzu: https://twitter.com/IhrBenutzername. Achten Sie darauf, den Namen so zu ändern, dass er mit Ihrem Twitter-Benutzernamen übereinstimmt.
Wählen Sie dann „Eingebettete Zeitleiste”-Option und kopieren Sie den Code, der Ihnen in den benutzerdefinierten Shortcode-Kanaleinstellungen von My Sticky Elements angezeigt wird.
Das Ergebnis sieht in etwa so aus – eine gut strukturierte, scrollbare Timeline-Ansicht:
#4. Betten Sie eine Spotify-Wiedergabeliste ein
Was uns daran am besten gefällt, ist, dass Sie nicht nur Ihre Lieblingsmusik-Playlist oder Ihr Lieblingsalbum abspielen können, um die Besucher, die auf Ihrer Website scrollen, in Stimmung zu bringen, sondern auch Spotify-Podcasts einbetten können – und so interessante Themen oder wichtige Informationen mit Ihrem Publikum teilen können.
Das Einbetten jeglicher Art von Spotify-Inhalten ist einfach – Sie müssen lediglich Spotify öffnen, Ihre bevorzugte Playlist auswählen, auf die drei Punkte klicken, „Teilen“ und dann „Einbettungscode kopieren“ auswählen, das Element entsprechend Ihren Anforderungen anpassen und schließlich einfügen Code in den benutzerdefinierten Shortcode-Kanaleinstellungen von My Sticky Elements ein.
Das Ergebnis ist ziemlich kompakt und sieht gut aus.
#5. Betten Sie die neuesten Nachrichten oder Wettervorhersagen ein
Es kann praktisch sein, Ihr Publikum mit den neuesten Nachrichten zu einem Thema oder mit der lokalen Wettervorhersage auf dem Laufenden zu halten, und das ist mit wenigen Klicks möglich.
Sie müssen die URL der Nachrichtenseite oder Prognose einfügen, die Sie einbetten möchten auf dieser Seite Kopieren Sie den Code, den Sie erhalten, und fügen Sie ihn in die benutzerdefinierten Shortcode-Kanaleinstellungen von My Sticky Elements ein.
Insidertipp: Eine interaktive Echtzeit-Wettervorhersagekarte mit Informationen zur Luftqualität finden Sie auf dieser Website. So könnte das Ergebnis aussehen:
#6. Kalender einbetten
Sie können Ihren Google-Kalender freigeben, um Ihren Zeitplan oder eine Veranstaltung anzuzeigen, oder einen interaktiven Kalender einbetten, der es Ihren Website-Besuchern ermöglicht, über Produkte von Drittanbietern wie Calendly oder M.E. Calendar ein Zeitfenster für ein kurzes Meeting mit Ihnen zu buchen.
In diesem Beitrag werden wir jedoch darauf eingehen So betten Sie einen Google-Kalender ein. Sie müssen lediglich Ihren Google-Kalender auf einem Computer öffnen (Sie können den Einbettungscode nicht über die Google Kalender-App abrufen) und oben rechts auf der Seite auf „Einstellungen“ klicken.
Wählen Sie in der Seitenleiste der Seite, zu der Sie weitergeleitet werden, den Kalender aus, den Sie einbetten möchten. Klicken Sie auf „Kalender integrieren“, kopieren Sie den Einbettungscode und fügen Sie ihn in die Einstellungen Ihres benutzerdefinierten Shortcode-Kanals für My Sticky Elements ein.
Denken Sie unbedingt daran, dass Ihr eingebetteter Kalender nur für Personen sichtbar ist, mit denen Sie Ihren Google-Kalender geteilt haben. Wenn Sie also möchten, dass alle Besucher Zugriff darauf haben, müssen Sie ihn öffentlich machen.
Damit Website-Besucher ein Kalenderereignis speichern können, müssen Sie ein Ereignis in einem freigegebenen Kalender erstellen oder bearbeiten und den im Fenster „Ereignis veröffentlichen“ angezeigten Code kopieren.
Das Ergebnis könnte etwa so aussehen:
#7. Einen Google Maps-Standort einbetten
Dies könnte eine Alternative zur schriftlichen Angabe Ihres Standorts oder eine Lösung für diejenigen sein, die auf ihrer Website keinen Platz für ein ganzes Kartenelement haben.
Um einen Google Maps-Standort einzubetten, müssen Sie lediglich die Adresse eingeben, in die Sie einbetten möchten Google Maps, Klick auf das "Teilen”-Taste, wählen Sie ”Karte einbetten” (Sie können sogar die Größe der eingebetteten Karte auswählen) und den Code kopieren und in die benutzerdefinierten Shortcode-Kanaleinstellungen von My Sticky Elements einfügen.
Das Ergebnis sieht ungefähr so aus:
#8. Bild oder QR-Code einbetten
Möglicherweise möchten Sie ein benutzerdefiniertes Bild oder ein einbetten dynamischer QR-Code zu Ihrem Widget hinzufügen, z. B. um zusätzliche Informationen zu einem Produkt oder einer Dienstleistung im Scan bereitzustellen.
Zunächst müssen Sie sicherstellen, dass das Bild oder der QR-Code, den Sie einbetten möchten, in Ihre WordPress-Medienbibliothek hochgeladen wird.
Klicken Sie dann auf das Bild, um es zu öffnen und die Datei-URL zu kopieren. Über diesen Link können Sie das Element mit benutzerdefinierter Breite und Höhe ändern. Stellen Sie dabei sicher, dass Sie Ihre URL anstelle der Demo-URL einfügen.
Als nächstes kopieren Sie den iFrame-Code, der in den benutzerdefinierten Shortcode-Kanaleinstellungen von My Sticky Elements generiert wurde, und fügen ihn ein.
Das Ergebnis sieht ungefähr so aus:
#9. Ein Poptin-Formular einbetten
Eine Alternative zu den herkömmlichen statischen Abonnementformularen Ihrer Website wäre ein erweiterbares „Sticky“-Formular, das in Ihr All-in-One-Widget „My Sticky Elements“ eingebettet ist.
Eine einfache Möglichkeit, dies einzurichten, wäre die Verwendung von Poptin, ein wunderschönes Formular- und Popup-Maker-Produkt, das Sie kostenlos aus dem WordPress-Repository herunterladen können.
Beachten Sie jedoch unbedingt, dass Sie nur ein Formular und kein Popup einbetten können.
Sobald Sie Ihr Poptin-Formulardesign erstellt haben, wird Ihnen ein eindeutiger Installationscode angezeigt, mit dem Sie die Struktur in Ihre benutzerdefinierten Shortcode-Kanaleinstellungen für My Sticky Elements einbetten können.
Für vollständige Anweisungen zum Einbetten eines Poptin-Formulars auf Ihrer Website klicken Sie hier werden auf dieser Seite erläutert.
Kopieren Sie einfach den Installationscode Ihres Poptin-Formulars, fügen Sie ihn in die My Sticky Elements-Einstellungen ein und schon kann es losgehen – Ihr eingebettetes Formular sieht in etwa so aus:
#10. Betten Sie eine Suchleiste ein
Angenommen, Sie möchten einen minimalistischeren und einfacheren Look für Ihre Kopf- oder Fußzeilenbereiche. In diesem Fall können Sie erwägen, einige ansonsten wichtige Elemente – wie zum Beispiel eine Suchleiste – in Ihrem My Sticky Elements-Seitenleisten-Widget zu platzieren.
Sie müssen die Schritte befolgen In diesem Artikel um einen Suchleisten-Shortcode für Ihre Website zu generieren.
Sobald der Shortcode für die Suchleiste fertig ist, fügen Sie zum Einbetten der Suchleiste einfach diesen Codeabschnitt (gemäß dem Namen der Suchleiste im verlinkten Artikel) in Ihre benutzerdefinierten Shortcode-Kanaleinstellungen für My Sticky Elements ein:[wpbsearch]und das Endergebnis sieht ungefähr so aus:
#11. Einbetten eines Sprachumschalters
Ähnlich wie im Anwendungsfall der eingebetteten Suchleiste fragen Sie sich vielleicht, wo Sie den Sprachumschalter auf Ihrer Website platzieren können, um Ihre Website übersichtlicher zu gestalten.
Eine tolle Alternative wäre die Einbettung des Umschalters in Ihr My Sticky Elements-Widget.
Der Vorgang ist unkompliziert – je nachdem, welches mehrsprachige Plug-in Sie verwenden, müssen Sie den Switcher-Shortcode abrufen und ihn in die benutzerdefinierten Shortcode-Kanaleinstellungen von My Sticky Elements einfügen. Das Ergebnis sieht etwa so aus:
#12. Soziale Freigabesymbole einbetten
Das My Sticky Elements-Plug-in ist dafür gedacht umleiten zu einem Social-Media-Kanal, anstatt eine Möglichkeit zu bieten, Teilen Inhalte über Social-Media-Kanäle hinweg.
Es gibt jedoch eine Problemumgehung durch die Nutzung eines Drittanbieters kostenlos Produkt genannt AddToAny.
Sie müssen lediglich den gefundenen Code einfügen werden auf dieser Seite erläutert in den benutzerdefinierten Shortcode-Kanal von My Sticky Elements.
Fügen Sie dann den folgenden CSS-Code in Ihr WordPress-Dashboard ein > „Darstellung“ > „Anpassen“ > „CSS“ (oder „Zusätzliches CSS“):
.a2a_kit{
width: auto !important;
}Das Ergebnis bietet klassische Schaltflächen im Social-Share-Stil, aber wenn Sie Ihren Look aufpeppen möchten, können Sie einen Blick auf die anderen AddToAny-Optionen werfen werden auf dieser Seite erläutert.
#13. Einbetten eines .pdf-Dokuments
Sie können ein PDF-Dokument in Ihr My Sticky Elements-Widget einbetten, damit Ihren Website-Besuchern keine wichtige Kopie oder Information, wie etwa die Allgemeinen Geschäftsbedingungen, entgeht.
Um ein Dokument einzubetten, verwenden Sie den folgenden Codeabschnitt und stellen Sie sicher, dass Sie ihn ändern deinlink.pdf Beispiel mit der tatsächlichen URL Ihres .pdf-Dokuments.
<iframe src="https://docs.google.com/viewerng/viewer?url=http://yourlink.pdf&embedded=true" frameborder="0" height="500" width="500"> </iframe>Das Ergebnis könnte so aussehen:
Und das ist es. Wir hoffen, dass Sie diesen Blogbeitrag informativ und wertvoll fanden. Wenn Sie das nächste Mal an einem WordPress-Projekt arbeiten, ziehen Sie einige dieser Beispiele in Betracht, um ein bemerkenswertes Ergebnis zu erzielen, das Ihre Kunden lieben werden!
