Genom att använda plugin-programmet My Sticky Elements för WordPress vet du förmodligen att du kan lägga till ett anpassat kontaktformulär och sociala kanaler till din widget för att möjliggöra en enkel allt-i-ett-kommunikationslösning.
Men visste du att du också kan bädda in nästan vad som helst i den anpassade kortkodskanalen för plug-in för att anpassa din widget ytterligare och göra den mer adekvat för din publik?
Att använda iFrames är ett utmärkt sätt att skapa en visuellt rik miljö och ytterligare engagera din publik på olika sätt. Du kan till exempel dela en utmärkt Spotify-spellista som matchar tonen på din webbplats, marknadsföra ditt senaste inlägg på sociala medier för att få det lite extra kärlek, klämma in en språkväxling eller visa en kalender så att kunder kan boka en tidslucka att ansluta till dig och mycket mer.
I det här blogginlägget kommer vi att väcka din kreativitet med 13 coola idéer om element som du kan bädda in i din My Sticky Elements-widget för att öka dess prestanda.
#1. Bädda in en YouTube-video
I den digitala eran har videor visat sig vara ett effektivt sätt för kommunikation som kan öka din marknadsföring och övergripande webbplatstrafik, och att bädda in en i din My Sticky Elements-widget tar dig bara en stund.
Allt du behöver göra är att öppna YouTube-videon du vill bädda in, klicka på "Dela"-pilknappen och välj sedan "Bädda in".
Du kan välja vilken sekund eller minut från videon du vill att din inbäddade video ska börja på och justera inbäddningsalternativen ytterligare.
Kopiera och klistra sedan in koden i My Sticky Elements anpassade kortkodskanalinställningar.
Nedan ser du hur resultatet kan se ut. Ganska fascinerande, skulle vi säga.
#2. Bädda in ett inlägg på sociala medier
Att dela ditt senaste eller mest älskade inlägg eller flygblad på sociala medier på din webbplats kan få det lite extra synlighet.
Du kan enkelt skapa flygblad eller inlägg med onlineverktyg som PhotoADKing, Canva, Visme, Colorcinch, etc. Det är en win-win situation på det sättet; du kan också hänvisa webbplatsbesökare till dina sociala mediekonton och utöka din publik över flera kanaler.
Du kan bädda in ett inlägg eller en video från olika välkända sociala mediekanaler, som Instagram eller Facebook.
För att bädda in ett Facebook-inlägg, navigera till ditt föredragna inlägg, klicka på de tre prickarna till höger, välj ”Bädda in” från inställningarna och välj om du vill inkludera hela inlägget (vilket betyder kommentarer och reaktioner ingår), och klistra sedan in kod i My Sticky Elements anpassade kortkodskanalinställningar.
Bädda in ett Instagram-inlägg är liknande – klicka på de tre prickarna till höger om positionen du vill bädda in, välj ”Bädda in”, välj om du ska inkludera inläggstexten och kopiera och klistra in koden i My Sticky Elements anpassade kortkodskanal inställningar. Resultatet kommer att se ut ungefär så här:
#3. Bädda in din Twitter-tidslinje
Till skillnad från de flesta andra sociala mediekanaler som låter dig bädda in ett enda inlägg bara om du är på Twitter, kan du bädda in hela din tidslinje i din My Sticky Elements-widget.
Att göra detta, öppna den här sidan och lägg till webbadressen till kontot du vill bädda in i detta format: https://twitter.com/ditt användarnamn, se till att ändra namnet så att det matchar ditt Twitter-användarnamn.
Välj sedan "Inbäddad tidslinje” alternativet och kopiera-klistra in koden du kommer att visas i Mina Sticky Elements anpassade kortkodskanalinställningar.
Resultatet kommer att se ut ungefär så här – en välstrukturerad, rullningsbar tidslinjevy:
#4. Bädda in en Spotify-spellista
Det vi gillar mest med det här är att förutom att spela din favoritmusikspellista eller -album för att skapa stämningen för besökare som rullar på din webbplats, kan du också bädda in Spotify-podcaster – och på så sätt dela intressanta ämnen eller viktig information med din publik.
Det är enkelt att bädda in alla typer av Spotify-innehåll – du behöver bara öppna Spotify, välja önskad spellista, klicka på de tre prickarna, välj ”Dela” och sedan ”Kopiera inbäddningskod”, justera elementet enligt dina behov och klistra slutligen in kod i My Sticky Elements anpassade kortkodskanalinställningar.
Resultatet är ganska kompakt och snyggt.
#5. Bädda in de senaste nyheterna eller väderprognosen
Det kan vara praktiskt att hålla din publik uppdaterad med de senaste nyheterna om ett ämne eller med den lokala väderprognosen, och du kan göra detta med några snabba klick.
Du måste klistra in webbadressen till nyhetssidan eller prognosen som du vill bädda in På den här sidan och kopiera och klistra in koden du får i My Sticky Elements anpassade kortkodskanalinställningar.
Insidertips: för en interaktiv väderprognoskarta i realtid med information om luftkvaliteten kan du kolla denna webbplats, och så här kan resultatet se ut:
#6. Bädda in en kalender
Du kan dela din Google-kalender för att visa ditt schema eller en händelse eller bädda in en interaktiv kalender som låter dina webbplatsbesökare boka en tid för ett kort möte med dig med hjälp av tredjepartsprodukter som Calendly eller ME Calendar.
I det här inlägget kommer vi dock att täcka hur man bäddar in en Google-kalender. Det du behöver göra är att öppna din Google-kalender på en dator (du kommer inte att kunna få inbäddningskoden från Google Calendar-appen) och klicka på "Inställningar" längst upp till höger på sidan.
Välj den kalender du vill bädda in från sidans sidofält som du kommer att omdirigeras till. Klicka på "Integrera kalender", kopiera inbäddningskoden och klistra in den i dina Mina Sticky Elements anpassade kortkodskanalinställningar.
Det är viktigt att komma ihåg att din inbäddade kalender endast kommer att vara synlig för personer som du har delat din Google-kalender med, så om du vill att alla besökare ska ha tillgång till den måste du göra den offentlig.
För att webbplatsbesökare ska kunna spara en kalenderhändelse måste du skapa eller redigera en händelse i en delad kalender och kopiera koden som visas i fönstret "Publicera händelse".
Resultatet kan se ut ungefär så här:
#7. Bädda in en Google Maps-plats
Detta kan vara ett alternativ till att skriva din plats i skrift eller en lösning för de som saknar plats för ett helt kartelement på sin sida.
För att bädda in en plats i Google Maps behöver du bara skriva in adressen du vill bädda in i Google Maps, Klicka på "Dela”-knappen, välj ”Bädda in en karta” (du kan till och med välja den inbäddade kartstorleken) och kopiera och klistra in koden i My Sticky Elements anpassade kortkodskanalinställningar.
Resultatet kommer att se ut ungefär så här:
#8. Bädda in en bild eller en QR-kod
Du kanske vill bädda in en anpassad bild eller en dynamisk QR-kod till din widget, som att tillhandahålla extra information om en produkt eller tjänst på skanningen.
Först måste du se till att bilden eller QR-koden du vill bädda in laddas upp till ditt WordPress Media-bibliotek.
Klicka sedan på bilden för att öppna den och kopiera filens URL. Du kan använda den här länken för att ändra elementet med anpassad bredd och höjd, och se till att du klistrar in din URL istället för demo-URL.
Kopiera och klistra sedan in iFrame-koden som genererats i My Sticky Elements anpassade kortkodskanalinställningar.
Resultatet kommer att se ut ungefär så här:
#9. Bädda in ett Poptin-formulär
Ett alternativ till din webbplats traditionella statiska prenumerationsformulär skulle vara en "klibbig" expanderbar form inbäddad i din My Sticky Elements allt-i-ett-widget.
Ett enkelt sätt att ställa in detta skulle vara att använda Poptin, en vacker form- och popup-tillverkare som du kan ladda ner gratis från WordPress-förvaret.
Det är dock viktigt att komma ihåg att du bara kan bädda in ett formulär och inte ett popup-fönster.
När du har skapat din Poptin-formulärdesign kommer du att se en unik installationskod som du kan använda för att bädda in strukturen i dina anpassade kortkodskanalinställningar för My Sticky Elements.
För fullständiga instruktioner om hur du bäddar in ett Poptin-formulär på din webbplats, klicka här..
Kopiera och klistra helt enkelt in din Poptin-formulärinstallationskod i My Sticky Elements-inställningarna, och du är klar – ditt inbäddade formulär kommer att se ut ungefär så här:
#10. Bädda in ett sökfält
Anta att du vill ha ett mer minimalistiskt och enkelt utseende för dina sidhuvuds- eller sidfotsområden. I så fall kan du överväga att placera några i övrigt väsentliga element – som ett sökfält, i din My Sticky Elements sidofältswidget.
Du måste följa stegen i den här artikeln för att skapa en kortkod för sökfältet för din webbplats.
När sökfältets kortkod är klar, för att bädda in sökfältet, lägg helt enkelt till denna kodbit (enligt sökfältets namn i den länkade artikeln) i dina Mina Sticky Elements anpassade kortkodskanalinställningar:[wpbsearch]och slutresultatet kommer att se ut ungefär så här:
#11. Bädda in en språkväxlare
I likhet med användningsfallet för det inbäddade sökfältet, kanske du undrar var du kan placera språkväxeln på din webbplats för en snyggare titt på din webbplats.
Ett bra alternativ skulle vara att bädda in switchern i din My Sticky Elements-widget.
Processen är enkel – beroende på det flerspråkiga plugin-programmet du använder, måste du hämta kortkoden för switcher och klistra in den i My Sticky Elements anpassade kortkodskanalinställningar. Resultatet kommer att se ut ungefär så här:
#12. Bädda in sociala delningsikoner
Insticksprogrammet My Sticky Elements är tänkt att dirigera om till en social mediekanal snarare än att erbjuda ett sätt att andel innehåll på sociala mediekanaler.
Det finns dock en lösning på detta genom att använda en tredje part kostnadsfria produkt som kallas AddToAny.
Allt du behöver göra är att klistra in koden du kan hitta här. till den anpassade kortkodskanalen My Sticky Elements.
Lägg sedan till CSS-koden nedan i din WordPress-instrumentpanel > Utseende > Anpassa > CSS (eller Ytterligare CSS):
.a2a_kit{
width: auto !important;
}Resultatet erbjuder klassiska sociala dela stilknappar, men om du vill piffa upp din look kan du ta en titt på de andra AddToAny-alternativen här..
#13. Bädda in ett .pdf-dokument
Du kan bädda in ett .pdf-dokument i din My Sticky Elements-widget så att dina webbplatsbesökare inte missar en viktig kopia eller information, såsom villkor.
För att bädda in ett dokument, använd nedanstående kodbit och se till att du ändrar dinlänk.pdf exempel med den faktiska webbadressen till ditt PDF-dokument.
<iframe src="https://docs.google.com/viewerng/viewer?url=http://yourlink.pdf&embedded=true" frameborder="0" height="500" width="500"> </iframe>Resultatet kan se ut så här:
Och det är allt. Vi hoppas att du tyckte att det här blogginlägget var informativt och värdefullt. Nästa gång du arbetar med ett WordPress-projekt, överväg några av dessa exempel för ett anmärkningsvärt resultat som dina kunder kommer att älska!
