Att främja din Twitter page med hjälp av en popup på din WordPress site kan effektivt öka antalet följare och öka engagemanget. Genom att utnyttja den trafik som finns på din befintliga website kan du få mer uppmärksamhet till ditt Twitter content.
Att konfigurera och customize popups kan dock kräva viss teknisk kunskap. Så om du letar efter ett enkelt sätt att göra detta, läs vidare.
I den här artikeln guidar vi you till hur du kan främja din Twitter page i WordPress med en lightbox popup.
Varför ska du främja din Twitter Page i WordPress?
Twitter är en av de mest populära plattformarna för social media. Många företag använder det för att främja sina produkter eller blogginlägg och dela tillkännagivanden eller new. Det är också ett bra ställe att få återkoppling från användare, run en omröstning och hålla ljud webinar genom Twitter Spaces.
Det kan vara svårt att få fler människor att följa you på Twitter. Som tur är kan du använda din befintliga trafik på din website för att öka antalet följare med en lightbox popup. Detta kommer att bidra till att förbättra synligheten för din Twitter profil och öka antalet följare.
Eller ej, det är inte alltihop. Du kan också använda en lightbox popup för att bygga en email list, generera leads, erbjuda content upgrades, displayed a contact form, och mycket mer.
I den här guiden visar vi hur du använder en lightbox popup för att främja din Twitter page. Här är en snabb översikt över alla steg som vi kommer att täcka:
Är du redo? Låt oss komma igång.
Främja din Twitter Page i WordPress med en Lightbox Popup
Det bästa sättet att add to en lightbox popup i WordPress är att använda OptinMonster. Det är den bästa WordPress popup plugin och lead generation programvara på marknaden.
OptinMonster gör det superenkelt att öka försäljningen, generera leads, utöka din email list och optimera din site för fler konverteringar.
För att komma igång måste du besöka OptinMonster-webbplatsen och klicka på knappen ”Get OptinMonster Now” för att skapa ett konto.
För denna tutorial kommer vi att använda OptinMonster Pro-licensen eftersom den innehåller funktionen Exit-Intent, fler alternativ för customize och pre-built templates. Och som WPBeginner-läsare kan du få ytterligare 10% rabatt med vår OptinMonster kupongkod.
När du har skapat ett account måste du installera och aktivera OptinMonster plugin. Om du behöver hjälp, vänligen se vår guide om hur du installerar ett plugin för WordPress.
Vid aktivering visas OptinMonster Setup Wizard-skärmen. Du kan klicka på knappen ”Anslut ditt befintliga konto” för att starta installationsprocessen.
Detta kommer att öppna ett new popup-fönster där du bekräftar det OptinMonster-konto som ska användas.
Klicka på knappen ”Anslut till WordPress” för att fortsätta och vänta på att processen ska slutföras.
När du är klar kan du gå till OptinMonster ” Kampanjer från din WordPress dashboard för att skapa en kampanj.
Gå vidare och klicka på knappen ”Skapa din första kampanj”.
Efter det kommer OptinMonster att erbjuda dig olika kampanjtyper att välja mellan, inklusive popup, flytande bar, fullskärm, spelifierad spin-to-win optin och mer.
Eftersom vi vill skapa en popup med lightbox väljer vi helt enkelt kampanjtypen ”Popup”.
Under kampanjtypen ser du olika templates för din popup-kampanj.
Du kan välja en template genom att hovera över den och sedan clicka på knappen ”Use Template”. Låt oss välja mallen ”Social” för att add to vår Twitter lightbox popup.
Därefter visas ett popup-fönster där du kan enter ett namn för din kampanj.
När du har namngett kampanjen går du vidare och klickar på knappen ”Starta byggande”.
Detta kommer att starta OptinMonster kampanjbyggare med drag and drop-funktionalitet för att customize din popup.
Så du kan helt enkelt drag and drop-element från menyn till vänster för att add to templatet.
Du kan också edit befintliga block i templatet.
Du kan till exempel ta bort andra knappar för sociala medier och bara behålla knappen Twitter. På så sätt kan användarna enkelt använda knappen call-to-action och följa din page på Twitter.
Dessutom finns det alternativ för att editera texten i heading och body. Om du till exempel vill att det ska stå ”Följ mig” i stället för ”Twitter” på knappen kan du ändra fältet ”Knapptext” till vänster.
Låt oss klicka på Twitter-knappen för att se fler alternativ i menyn till vänster. Gå vidare och enter din Twitter page länk under ”New Window URL” fältet.
Därefter drar du helt enkelt blocket ”HTML” från menyn och släpper det på templaten.
Nu när du har förberett ett block för HTML-koden är du redo för nästa steg.
Skapa en kod för embed på Twitter Page
I det här steget måste du skapa en embed-kod för din Twitter page genom att gå till Twitter Publicera tool.
Vi rekommenderar att du öppnar verktyget i ett nytt tabs eller fönster eftersom du måste växla tillbaka till OptinMonster-kampanjbyggaren för att enter HTML-koden.
När du har öppnat Publicera-verktyget kan du lägga till URL:en till din Twitter page i fältet ”What would you like to embed” och trycka på enter på tangentbordet.
Din Twitter URL kommer att gilla https://twitter.com/YourUserNameHere.
Ersätt bara ”YourUserNameHere” med ditt eget Twitter handle.
Efter det kan du rulla ner och välja om du gillar att embed Twitter timeline eller knappar.
För denna tutorial väljer vi alternativet ”Embedded Timeline” för att visa tweets från vår Twitter page i popup lightboxen.
Därefter kan du rulla ner på sidan för att öppna inställningarna för customize.
Klicka bara på länken ”set customization options” ovanför embed-koden.
Här kan du edit höjden och bredden på Twitter timeline. This allows you to control the appearance of your timeline in the lightbox popup.
Du kan också välja ett ljust eller mörkt theme för din timeline och vilket språk tweetsen ska displayed på.
När du har konfigurerat dessa Settings kan du klicka på knappen ”Update”.
Därefter kommer verktyget Publicera att generera en embed-kod. You can click the ”Copy Code” button.
Ett popup-fönster visar nu att du har kopierat koden för embed utan problem.
Gå vidare och klicka på cross icon i det övre högra hörnet för att close popup-fönstret.
Lägga till Twitter Page Lightbox Popup till din webbplats
Nu kan du gå tillbaka till OptinMonster-kampanjbyggarens fönster eller tab i din webbläsare.
Klicka sedan på HTML-blocket i popup-fönstret som du utformar. Du kommer att se ett fält till vänster där du kan klistra in embed-koden från verktyget Twitter Publicera.
När du enter embed-koden ser du en preview av din Twitter timeline i kampanjmallen.
Efter det kan du heada till tabben ”Display Rule”. Här kan du ställa in villkoren för när lightbox popup ska visas på din website.
Det kan till exempel visas när en användare viewar en page under en viss tidsperiod, besöker en viss page eller är på väg att lämna your website.
I den här tutorialen väljer vi ”Time on Page” som displayregel och ställer in antalet sekunder efter vilket popupen ska visas.
Därefter vill du att popupen ska visas på alla sidor på din site genom att ställa in ”current URL path” till ”is any page”.
Efter det kan du byta till tabben ”Actions” längst ner.
Se nu till att ”Optin” är valt för alternativet ”visa kampanjens view”. Det finns också valfria settings för att add to effekter och ljud till your popup.
När du är klar kan du gå till tabben ”Publicerad” för att aktivera din kampanj.
Ändra helt enkelt statusen för Publicera från Draft till Publicera.
You can now click the ”Save” button at the top to store your settings and close the campaign builder.
För att bekräfta om din kampanj är publicerad kan du heada till OptinMonster ” Kampanjer i din WordPress adminpanel. Du bör se grön text som lyder ”Publicerad” under kolumnen ”Status”.
Om ej, klicka på alternativet ”Change Status” under ditt kampanjnamn och välj ”Publicera” i dropdown-menyn.
Din OptinMonster-kampanj ska nu vara aktiv.
För att view your Twitter page in the lightbox popup, simply visit your website. När OptinMonster-kampanjen utlöses kommer din Twitter-profil att visas i en lightbox popup tillsammans med CTA-knappen som du addade under den.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du främjar din Twitter page i WordPress med en lightbox popup. Du kanske också vill se vår guide om hur du visar senaste tweets i WordPress och den bästa programvaran för chattsupport för småföretag.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Dennis Muthomi says
The section on embedding a Twitter feed in an OptinMonster popup caught my attention.
Honestly i never thought of that.
I am trying it out right away! Everytime I read your posts I learn something new.
WPBeginner Support says
Glad we could give you a new strategy to try
Administratör
Jiří Vaněk says
Great tutorial. I needed to promote my page on Patreon so I followed this tutorial to use optin monster and it’s great. The best part is that I can see the exact number of people who saw the window and how many people also clicked on the link. That’s a very important metric to me.
Sourav Adhikari says
Not working..
Kimb says
I’m looking for a tool that pops up a ”tweet this” dialog box
option
wpbeginner says
@BenBonilla Don’t think they are tracking whether you liked the page or not. I think they are leaving a cookie for who has seen it and closed the popup.
ChrisCarlo says
don’t work…
ALSpaulding says
Quick question. Once they have followed you on twitter will the plugin continue to pop up on them in the future? It does not mention that. Appreciate a response please. Thanks. =)
startmywp says
Hi,
This just works better for Twitter (and another one for facebook) but are there any notable updated plugins or code hacks if we need to display simple html in a lightbox? Say, perhaps just a ’thank you’ note?
AhsanNaveed says
@startmywp For this, you’ll need to edit the plugin.
easyP says
That looks good.
I know that you won’t believe it, but I’ve just signed up with twitter – this plugin could be the way to go.
Many thanks.