Skapa enkelt din webbplats med Elementor

Elementor låter dig skapa Enkelt och gratis vilken webb- eller bloggdesign som helst med ett professionellt utseende. Sluta betala mycket för en webbplats du kan göra själv.

Huvudsyftet med popup-fönster sedan urminnes tider har varit att få besökare att agera. På WordPress är de mycket populära (så är fallet medOptinMonster) och nästan alla har samma mål: Konvertera besökare till prenumeranter eller till och med kunder.

På WordPress finns det ett mycket brett utbud av plugins som är lämpliga för att skapa popup-fönster men inte alla har samma funktioner ... och valet bör göras efter behov. För dig har jag valt en som bara heter " Popups Och som är tillgängligt på WordPress.

I den här handledningen kommer jag att visa dig hur du erbjuder en popup på din WordPress-blogg för att öka antalet personer som följer dig på sociala nätverk.

Hur man installerar och konfigurera popups

Jag inbjuder dig att installera plugin direkt från din instrumentpanel. Du kan ladda ner det direkt på WordPress.org.

Efter att ha aktiverat plugin kommer du att märka till en ny meny med titeln "till vänster på din instrumentpanel" Popups ". Klicka på Lägg till en ny Skapa en ny popup.

Hur man skapar popup

På den här nya sidan, identisk med artikelredigeraren, kan du ange en titel, innehåll och göra vissa konfigurationer för de olika avsnitten nedan.

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar.

Det finns en premiumversion och den här kommer att lägga till nya funktioner (Jag kommer tillbaka till det senare), som kommer att finnas i rutan popups Premium ".

Nedan, i avsnittet " popup Snabbtryck Du kan se de olika kortkoderna som kommer att användas för att visa de olika facebook-, twitter- och google + -knapparna.

Den kortkod:

  • [spu-facebook] kommer att användas för att lägga till en liknande knapp för facebook.
  • [spu-google] kommer att användas för att lägga till en tilläggsknapp i google + cirklar
  • [spu-twitter] kommer att användas för att lägga till en twitter follow-knapp.

Notera: du måste varje gång integrera dessa kortkoder i föregående visuella redigerare för att visa dessa olika knappar. Var och en av dess kortkoder har parametrar som du kan aktivera. Se detaljerna i dessa parametrar genom att klicka på " Facebook Visningsalternativ För inställningarna för facebook-kortkoden, " Visa Google+ alternativ För Google+ kortkodsinställningar så vidare.

Alternativ-popup-kortkoder

Avsnittet Popup visningsregler »Presenterar alternativ på visningsregler, grovt sett, med dessa alternativ kan du bestämma under vilka förhållanden popupen kan visas.

Så alternativet " Visa popup om Ger dig möjlighet att välja en artikel (artiklar, sidor, etc..), som visas när den senare är lika (eller inte) till ett alternativ som är tillgängligt i den sista alternativlistan. Detta kan vara hemsidan " Hemsida ", Bloggs startsida" post Page ".

I grund och botten, om du inte fick det, kan du välja att visa den här popupen på hemsidan, bloggen etc.

popup-Display-regler sektion-popups

Avsnittet Visningsalternativ »Ger dig möjligheten att konfigurera vissa visningsalternativ, inklusive:

  • Popupens position Box Position »
  • Definiera antalet sekunder innan den visas eller när sidan är inställd på en viss procentsats " trigger Action »
  • Alternativet " Auto-hide », Används för att automatiskt dölja ett fönster när användaren flyttar sidan uppåt.
  • Alternativet " animering », Låter dig välja en animering för att öppna popup-fönstret

Du kanske inte alltid vill visa fönstret vid varje besök. Det är därför det är nödvändigt att lägga till kakor som låter dig definiera antalet dagar efter vilka fönstret ska visas igen på samma dator.

Alternativet-sektionen-visningsalternativ

Minisektionen « Utseende ", Ger dig möjligheten att anpassa bakgrundens ogenomskinlighet" bakgrunds Opacitet ", Välj bakgrundsfärg" bakgrundsfärg », Färgen på texten« textfärg », Popupens bredd« box bredd », Färgen på gränsen« kantfärg Samt dess tjocklek kantbredd ".

Alternativet-sektionen-utseende

Så här ser ett fönster på bloggen ut.

presentations-popups

Notera: Du måste vara försiktig så att du inte publicerar flera popup-fönster med samma visningsregler, eftersom de kommer att visas samtidigt, så vissa kommer oundvikligen inte att vara synliga.

När det gäller premiumversionen, tillade hon:

  • 8 nya animationer
  • Teknik " Exit Intent Technology För att upptäcka när användare planerar att lämna sidan
  • Nya triggers
  • En fördröjning för att automatiskt stänga popups
  • Möjligheten att inaktivera stängningsknappen
  • Möjligheten att inaktivera de avancerade stängningsmetoderna, t.ex. genom att klicka på "Esc" eller ur rutan.
  • Ett bidrag assistans.

Det är det för den här guiden om att skapa en popup i WordPress. Tveka inte att dela den med dina vänner på sociala nätverk.

4 aktier
del4
tweet
Enregistrer