Wordpress

13 coole Elemente, die Sie in Ihr My Sticky Elements Widget einbetten können

Wenn Sie das My Sticky Elements-Plug-in für WordPress verwenden, 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 für Ihr Publikum angemessener 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 zu interagieren. Sie können beispielsweise eine schöne Spotify-Wiedergabeliste teilen, die zum Ton Ihrer Website passt, Ihren letzten Social-Media-Beitrag bewerben, um ihm zusätzliche Aufmerksamkeit zu verschaffen, einen Sprachumschalter einfügen oder einen Kalender anzeigen, damit Kunden ein Zeitfenster buchen können, mit dem sie sich verbinden 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 seine Leistung zu steigern.

#1. Ein YouTube-Video einbetten 

Im digitalen Zeitalter haben sich Videos als effektives Kommunikationsmittel erwiesen, das Ihr Marketing und den gesamten Website-Traffic steigern kann, und die Einbettung eines Videos in Ihr My Sticky Elements-Widget dauert nur einen Moment. Alles, was Sie tun müssen, ist das YouTube-Video zu öffnen, das Sie einbetten möchten, klicken Sie auf "Teilen” Pfeiltaste und wählen Sie dann ”Einbetten“. Sie können auswählen, in welcher Sekunde oder Minute aus dem Video Ihr eingebettetes Video beginnen soll, und die Einbettungsoptionen weiter anpassen. Kopieren Sie dann einfach den Code und fügen Sie ihn in die benutzerdefinierten Shortcode-Kanaleinstellungen von My Sticky Elements ein. Unten sehen Sie, wie das Endergebnis aussehen kann. Ziemlich faszinierend, würden wir sagen.

Eingebettetes YouTube-Video in My Sticky Elements
Beispiel dafür, wie ein eingebettetes YouTube-Video in Ihrem My Sticky Elements-Widget aussehen könnte

#2. Einen Social-Media-Beitrag einbetten

Das Teilen Ihres neuesten oder beliebtesten Social-Media-Beitrags auf Ihrer Website kann ihm zusätzliche Sichtbarkeit verschaffen. Es ist eine Win-Win-Situation, da Sie auf diese Weise auch Website-Besucher auf Ihre Social-Media-Konten leiten und Ihr Publikum über mehrere Kanäle erweitern können. 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 wählen Sie, ob Sie den vollständigen Beitrag (d. h. Kommentare und Reaktionen eingeschlossen) einschließen möchten, und fügen Sie dann den Code in die benutzerdefinierten Shortcode-Kanaleinstellungen von My Sticky Elements ein. Das Einbetten eines Instagram-Posts ist ähnlich – klicken Sie auf die drei Punkte rechts neben dem Post, den Sie einbetten möchten, und wählen Sie ”Einbetten“, wählen Sie, ob Sie auch die Post-Beschriftung einschließen möchten, und kopieren Sie den Code in die benutzerdefinierten Shortcode-Kanaleinstellungen von My Sticky Elements. Das Endergebnis sieht in etwa so aus:

Eingebetteter Instagram- oder Social-Media-Beitrag in My Sticky Elements
Beispiel dafür, wie ein eingebetteter Social-Media-Beitrag in Ihrem My Sticky Elements-Widget aussehen könnte

#3. Betten Sie Ihre Twitter-Timeline ein

Im Gegensatz zu den meisten anderen Social-Media-Kanälen, die es Ihnen ermöglichen, nur einen einzelnen Beitrag einzubetten, können Sie bei Twitter Ihre gesamte Timeline in Ihr My Sticky Elements-Widget einbetten. Öffnen Sie dazu diese Seite und fügen Sie die URL des Kontos hinzu, das Sie in diesem Format einbetten möchten: https://twitter.com/IhrBenutzername. Stellen Sie sicher, dass Sie den Namen so ändern, dass er mit Ihrem Twitter-Benutzernamen übereinstimmt. Wählen Sie dann die ”Eingebettete Zeitleiste”-Option und kopieren Sie den Code, der in den benutzerdefinierten Shortcode-Kanaleinstellungen von My Sticky Elements angezeigt wird. Das Endergebnis sieht in etwa so aus – eine gut strukturierte, scrollbare Timeline-Ansicht:

Eingebettete Twitter-Timeline in My Sticky Elements
Beispiel dafür, wie eine eingebettete Twitter-Timeline in Ihrem My Sticky Elements-Widget aussehen könnte

#4. Betten Sie eine Spotify-Wiedergabeliste ein 

Am besten gefällt uns daran, dass Sie nicht nur Ihre Lieblingsmusik-Playlist oder Ihr Lieblingsalbum abspielen, um die Besucher auf Ihrer Website in Stimmung zu bringen, sondern auch Spotify-Podcasts einbetten können – und so interessante Themen oder wichtige Informationen mit Ihrem Publikum teilen. Das Einbetten jeglicher Art von Spotify-Inhalten ist einfach – Sie müssen nur Spotify öffnen, Ihre bevorzugte Playlist auswählen, auf die drei Punkte klicken, auswählen ”Teilen" und dann "Einbettungscode kopieren“, passen Sie das Element nach Ihren Bedürfnissen an und fügen Sie den Code schließlich in die benutzerdefinierten Shortcode-Kanaleinstellungen von My Sticky Elements ein. Das Endergebnis ist ziemlich kompakt und gut aussehend.

Eingebettete Shopify-Wiedergabeliste in My Sticky Elements
Beispiel dafür, wie eine eingebettete Shopify-Wiedergabeliste in Ihrem My Sticky Elements-Widget aussehen könnte

#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 Sie können dies mit wenigen Klicks tun. Sie müssen lediglich die URL der Nachrichtenseite oder Prognose einfügen, die Sie auf dieser Seite einbetten möchten, und den Code, den Sie erhalten, in die benutzerdefinierten Shortcode-Kanaleinstellungen von My Sticky Elements kopieren und einfügen. Insider-Tipp: Eine interaktive Wettervorhersagekarte in Echtzeit mit Luftqualitätsinformationen finden Sie auf dieser Website. So könnte das Endergebnis aussehen:

Eingebettete Wettervorhersage in My Sticky Elements
Beispiel dafür, wie eine eingebettete Wettervorhersagekarte in Ihrem My Sticky Elements-Widget aussehen könnte

#6. Kalender einbetten

Sie können Ihren Google-Kalender freigeben, um Ihren Zeitplan oder ein Ereignis anzuzeigen, oder einen interaktiven Kalender einbetten, der es Ihren Website-Besuchern ermöglicht, mithilfe von Drittanbieterprodukten wie Calendly oder ME Calendar ein Zeitfenster für ein kurzes Meeting mit Ihnen zu buchen. In diesem Beitrag werden wir jedoch behandeln, wie Sie einen Google-Kalender einbetten. Was Sie tun müssen, ist, Ihren Google-Kalender auf einem Computer zu öffnen (Sie können den Einbettungscode nicht von der Google Kalender-App abrufen), klicken Sie auf "Einstellungen “ Wählen Sie oben rechts auf der Seite den Kalender, den Sie einbetten möchten, aus der Seitenleiste der Seite, zu der Sie weitergeleitet werden, und klicken Sie auf „Kalender einbinden“, kopieren Sie den Einbettungscode und fügen Sie ihn in Ihre benutzerdefinierten Shortcode-Kanaleinstellungen von My Sticky Elements ein. Denken Sie daran, dass Ihr eingebetteter Kalender nur für Personen sichtbar ist, für die Sie Ihren Google-Kalender freigegeben haben. Wenn Sie also möchten, dass alle Besucher darauf zugreifen können, müssen Sie ihn öffentlich machen. Wenn Sie Site-Besuchern erlauben möchten, ein Kalenderereignis zu speichern, müssen Sie ein Ereignis in einem öffentlichen Kalender erstellen oder bearbeiten und den Code kopieren, der in der „Ereignis veröffentlichen" Fenster. Das Endergebnis kann etwa so aussehen:

Eingebetteter Google-Kalender in My Sticky Elements
Beispiel dafür, wie ein eingebetteter Kalender in Ihrem My Sticky Elements-Widget aussehen könnte

#7. Einen Google Maps-Standort einbetten

Dies könnte eine Alternative zur schriftlichen Angabe Ihres Standorts sein oder eine Lösung für diejenigen, denen der Platz für ein ganzes Kartenelement auf ihrer Site fehlt. Um einen Google Maps-Standort einzubetten, müssen Sie nur die Adresse eingeben, die Sie in Google Maps einbetten möchten, klicken Sie auf "Teilen”-Taste, wählen Sie ”Karte einbetten“ (Sie können sogar die Größe der eingebetteten Karte auswählen) und kopieren Sie den Code in die benutzerdefinierten Shortcode-Kanaleinstellungen von My Sticky Elements. Das Endergebnis sieht in etwa so aus:

Eingebetteter Google Maps-Standort in My Sticky Elements
Beispiel dafür, wie ein eingebetteter Google Maps-Standort in Ihrem My Sticky Elements-Widget aussehen könnte

#8. Bild oder QR-Code einbetten

Es gibt verschiedene Gründe, warum Sie ein benutzerdefiniertes Bild oder einen QR-Code in Ihr Widget einbetten möchten, z. B. um zusätzliche Informationen zu einem Produkt oder einer Dienstleistung beim Scannen bereitzustellen. Zuerst müssen Sie sicherstellen, dass das Bild oder der QR-Code, den Sie einbetten möchten, in Ihre WordPress-Medienbibliothek hochgeladen wurde. Klicken Sie dann einfach auf das Bild, um es zu öffnen und kopieren Sie es Datei-URL. Sie können diesen Link verwenden, um das Element mit benutzerdefinierter Breite und Höhe zu ändern, und stellen Sie sicher, dass Sie Ihre URL anstelle der Demo-URL einfügen. Als nächstes müssen Sie den iFrame-Code kopieren und einfügen, der in den benutzerdefinierten Shortcode-Kanaleinstellungen von My Sticky Elements generiert wurde. Das Endergebnis sieht in etwa so aus:

Eingebettetes Bild oder QR-Code in My Sticky Elements
Beispiel dafür, wie ein eingebettetes Bild in Ihrem My Sticky Elements-Widget aussehen kann

#9. Ein Poptin-Formular einbetten

Eine Alternative zu den klassischen statischen Abonnementformularen auf Ihrer Website wäre ein ''klebriges'', erweiterbares Formular, das in Ihr My Sticky Elements All-in-One-Widget eingebettet ist. Eine einfache Möglichkeit, dies einzurichten, wäre die Verwendung von Poptin, einem schönen Formular- und Popup-Maker-Produkt, das Sie kostenlos aus dem WordPress-Repository herunterladen können. Beachten Sie jedoch, dass Sie nur a . einbetten können Formular, und kein Popup. Sobald Sie Ihr Poptin-Formulardesign erstellt haben, sehen Sie ein einzigartiges Installationscode die Sie verwenden können, um das Formular in Ihre benutzerdefinierten Shortcode-Kanaleinstellungen von My Sticky Elements einzubetten. Um eine vollständige Anleitung zum Einbetten eines Poptin-Formulars in Ihre Website zu erhalten, klicken Sie hier. Kopieren Sie einfach Ihren Poptin-Formularinstallationscode in die My Sticky Elements-Einstellungen und Sie können loslegen – Ihr eingebettetes Formular sieht ungefähr so ​​​​aus:

Eingebettetes Poptin-Abo-Formular in My Sticky Elements
Beispiel dafür, wie ein eingebettetes Formular in Ihrem My Sticky Elements-Widget aussehen könnte

#10. Betten Sie eine Suchleiste ein

Wenn Sie nach einem minimalistischeren und einfacheren Erscheinungsbild Ihrer Kopf- oder Fußzeilen suchen, können Sie einige andere wichtige Elemente – wie eine Suchleiste – in Ihr My Sticky Elements-Seitenleisten-Widget einfügen. Sie müssen die Schritte in diesem Artikel ausführen, um einen Suchleisten-Shortcode für Ihre Website zu generieren. Sobald der Suchleisten-Shortcode bereit ist, fügen Sie zum Einbetten der Suchleiste einfach diesen Code (gemäß dem Suchleistennamen im verlinkten Artikel) in Ihre benutzerdefinierten My Sticky Elements-Shortcode-Kanaleinstellungen hinzu:[wpbsearch]und das Endergebnis sieht ungefähr so ​​aus:

Eingebettete Suchleiste in My Sticky Elements
Beispiel dafür, wie eine eingebettete Suchleiste in Ihrem My Sticky Elements-Widget aussehen könnte

#11. Einbetten eines Sprachumschalters

Ähnlich wie beim Anwendungsfall der eingebetteten Suchleiste fragen Sie sich vielleicht, wo Sie den Sprachumschalter auf Ihrer Website platzieren können, um ein aufgeräumteres Aussehen Ihrer Website zu erzielen. Eine gute Alternative wäre das Einbetten des Umschalters in Ihr My Sticky Elements-Widget. Der Vorgang ist wirklich einfach – je nach mehrsprachigem Plug-In, das Sie verwenden, müssen Sie den Switcher-Shortcode abrufen und in die benutzerdefinierten Shortcode-Kanaleinstellungen von My Sticky Elements einfügen. Das Ergebnis wird ungefähr so ​​aussehen:

Eingebetteter Sprachumschalter in My Sticky Elements
Beispiel dafür, wie ein eingebetteter Sprachumschalter in Ihrem My Sticky Elements-Widget aussehen könnte

#12. Soziale Freigabesymbole einbetten

Das My Sticky Elements-Plug-In ist nativ dazu gedacht, umleiten zu einem Social-Media-Kanal, anstatt eine Möglichkeit zu bieten, Teilen Inhalte über Social-Media-Kanäle. Es gibt jedoch eine Problemumgehung, indem Sie einen Drittanbieter verwenden kostenlos Produkt genannt AddToAny. Sie müssen lediglich den Code, den Sie hier finden, in den benutzerdefinierten Shortcode-Kanal von My Sticky Elements einfügen. Fügen Sie dann den folgenden CSS-Code in Ihrem WordPress-Dashboard> Erscheinungsbild> Anpassen> CSS (oder zusätzliches CSS) hinzu:

.a2a_kit{
width: auto !important;
}

Das Endergebnis bietet klassische Schaltflächen im Social-Share-Stil, aber wenn Sie Ihren Look aufpeppen möchten, können Sie sich hier die anderen AddToAny-Optionen ansehen.

Eingebettetes Layout der Social-Share-Schaltfläche im My Sticky Elements-Widget
Beispiel dafür, wie ein eingebettetes Schaltflächenlayout für soziale Netzwerke in Ihrem My Sticky Elements-Widget aussehen könnte

#13. Einbetten eines .pdf-Dokuments

Sie können ein .pdf-Dokument in Ihr My Sticky Elements-Widget einbetten, damit Ihre Website-Besucher keine wichtigen Dokumente oder Informationen, wie z. B. Geschäftsbedingungen, verpassen. Um ein Dokument einzubetten, verwenden Sie den folgenden Codeabschnitt und stellen Sie sicher, dass Sie die deinlink.pdf Beispiel mit der tatsächlichen URL Ihres .pdf-Dokuments.

Das Endergebnis kann so aussehen:

Eingebettetes PDF-Dokument in My Sticky Elements
Beispiel dafür, wie ein eingebettetes PDF-Dokument in Ihrem My Sticky Elements-Widget aussehen kann

Und das ist es. Wir hoffen, Sie fanden diesen Blog-Beitrag informativ und nützlich, und wenn Sie das nächste Mal an einem WordPress-Projekt arbeiten, sollten Sie einige dieser Beispiele berücksichtigen, um ein ungewöhnliches Endergebnis zu erzielen, das Ihre Kunden lieben werden!

Verwandte Artikel

0 Kommentare
Inline-Feedbacks
Alle Kommentare anzeigen
Nach oben-Taste