Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Så här främjar du din Twitter Page i WordPress med en popup

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.

How to promote Twitter page with 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.

Click the Get OptinMonster Now button

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.

Connect your existing account

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.

Click the connect to WordPress button

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”.

Create first OptinMonster campaign

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”.

Choose campaign type

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.

Select a social template

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”.

Click start building

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.

Campaign builder in OptinMonster

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.

Add your twitter link in the button settings

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.

Add a HTML block to template

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.

Twitter publish tool

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.

Choose timeline or buttons to embed

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.

Click set customization options

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å.

Customize the twitter timeline

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.

Copy the embed code

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.

Successfully copied the code

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.

Enter the embed code in the html block

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.

Select display rules

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”.

Configure display rules

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.

Set up display rules actions

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.

Publish your campaign

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.

Change the campaign status to published

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.

Twitter page popup preview

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.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

12 kommentarerLämna ett svar

  1. 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!

  2. 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.

  3. 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.

  4. 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.

  5. 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. =)

  6. 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?

  7. 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.

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.