Nyheter i Android, Telefoner, Prylar Och Recensioner

Hur man skapar en Lightbox-popup i PrestaShop (steg för steg)

Vill du skapa en lightbox-popup i PrestaShop för att öka din försäljning?

Och att lägga till en lightbox-popup i din onlinebutik är ett av de snabbaste och enklaste sätten att öka dina konverteringar.

Det är precis därför e-handelsbutiksägare använder popup-fönster för att utöka e-postlistor, generera webbtrafik och öka försäljningen.

Idag ska vi titta på hur du snabbt skapar en popup-fönster med hög omvandling av lightbox för din PrestaShop-butik.

Varför lägga till en Lightbox-popup till Prestashop?

Du kan skapa din egen lightbox-popup i PrestaShop på 30 minuter eller mindre, så går vi igenom vart och ett av stegen.

Men först, låt oss ta en snabb titt på vad en lightbox-popup är i PrestaShop, så vi är på samma sida.

PrestaShop är förstås en e-handelsplattform som är värd för dig själv som kommer med allt du behöver för att driva en onlinebutik.

Och en lightbox-popup är ett webbformulär eller ett kampanjerbjudande som är utformat för att fånga dina besökares uppmärksamhet som visas högst upp på din PrestaShop-sida och tonar ut innehållet bakom den.

Här är ett exempel:

Sportique-Lightbox-kampanj

Nu, när du driver din onlinebutik, kan du använda popup-fönster i lightbox för reklammeddelanden, som:

  • Gratis frakterbjudanden
  • Tidsbegränsade kampanjer
  • Särskilda rabatter för återkommande besökare

Chansen är stor att du har sett en eller flera av dessa typer av popup-fönster någon gång.

Så hur skapar du den typen av popup för din PrestaShop-butik?

Det är här OptinMonster kommer in.

OptinMonster är den bästa programvaran för leadgenerering för din Prestashop-butik. Det låter dig enkelt skapa popup-fönster designade för e-handelswebbplatser.

OptinMonsters hemsida

Med OptinMonster e-handelsmallar kan du skapa popup-fönster för att visa:

  • Specialerbjudanden för potentiella kunder som försöker lämna din sida på kassasidan.
  • Helskärms välkomstmattor med nya kunderbjudanden
  • Brådskande rabatter

Och mer.

OptinMonster-klienter som Wild Water Adventures använde dessa funktioner för att lägga till över $61 000 i försäljning.

Vill du ha samma resultat?

Låt oss se hur du kan skapa en Prestashop-popup som ökar försäljningen.

Hur man skapar en Lightbox-popup i Prestashop

I dagens handledning kommer vi att skapa denna popup och publicera den på din PrestaShop-webbplats inom 30 minuter eller mindre.

PrestaShop Lightbox Popup

Du kommer att se att vi erbjuder våra besökare en speciell rabatt, men vi kan också erbjuda gratis frakt eller en tidsbegränsad kupong. Behöver du popup-inspiration? Kolla in dessa e-handels popup-exempel.

Nu när du har en uppfattning om vad du kommer att erbjuda dina besökare är du redo att skapa din PrestaShop-popup.

Kom igång med en PrestaShop-popup idag!

Allt redo?

Låt oss börja.

Relaterad  Hur man använder skärmdelning på en Mac

Steg 1: Skapa en OptinMonster-kampanj

Först måste du logga in på din OptinMonster och klicka Skapa ny kampanj från din instrumentpanel.

Skapa en ny OptinMonster-kampanjknapp

Välj din kampanjtyp på nästa skärm.

Dina alternativ här inkluderar:

  • Flytande stång: en klibbig sidhuvud eller sidfot som rullar med besökaren och är bra för att visa saker som ett gratis frakterbjudande eller nya öppettider
  • Fullskärm: Detta kommer att täcka besökarens hela skärm och kan användas för att presentera en speciell välkomstrabatt för nya besökare.
  • Gamifierad– Tillåt webbplatsbesökare att snurra ett hjul med rabattkuponger

Och mer.

Idag ska vi åka med Framträda.

Välj OptinMonster-kampanjtyp

När du har valt kampanjtyp måste du välja en mall.

Alla OptinMonster-mallar är responsiva. Det betyder att ditt innehåll kommer att visas korrekt på alla enheter, oavsett vilken mall du väljer.

Men om du vill kan du välja Mobiloptimerad filtrera.

Du kan också begränsa din sökning genom att använda andra filter, som kampanjmål och kategori. Du kan till exempel välja filtren för brådskande erbjudande och ägare av nätbutiker.

OptinMonster Kampanjmallar Översikt

Idag ska vi gå med Handla mall eftersom den är perfekt för PrestaShop-rabatt-popupen som vi skapar i den här handledningen. Det finns plats för en bild av vår produkt och en övertygande kopia.

OptinMonster shoppingmall

Nu behöver du bara namnge din kampanj och klicka börja bygga för att gå in i OptinMonster-redigeraren.

PrestaShop Lightbox Popup-namn

Nästa steg är att anpassa PrestaShop-popupen.

Steg 2: Designa PrestaShop Popup

Det är väldigt enkelt att designa din lightbox-popup i OptinMonster-redigeraren.

Du kan ändra vad som helst genom att klicka var som helst i popup-fönstret.

Är det så det fungerar.

För att redigera kopian klickar du bara på texten. Nu kommer du att se redigeringsverktygen visas i popup-fönstret.

Shopping mall online textredigering

På samma sätt klickar du på bilden för att ändra den.

Redigera bild för shoppingmall

Utöver att anpassa din kopia och bild kan du lägga till nya element i din popup.

Vi kallar dessa block i OptinMonster-byggaren, och de inkluderar:

  • Nedräkningsräknare
  • Bild
  • Text
  • Video
  • Html

Så klicka bara Lägg till block högst upp i din editor.

Lägg till block

Sedan är allt du behöver göra att dra ditt block på plats på din popup.

Nytt block i OptinMonster Shopping-mall

Vid det här laget kan du välja Framgång fliken högst upp i din editor om du vill leverera din rabatt till kunden direkt.

Klicka på Framgång Visa shoppingmall

Det här är skärmen som dina besökare kommer att se direkt efter att de fyllt i ditt formulär.

Shopping mall framgång tema meddelande

Nedan är ett exempel från Urban Southern och hur de använde framgångsvyn för att leverera sin kupong.

urbansouthern_lightbox_sugar_thankyou

Framgångstemat är ett bra sätt att ge dina besökare mer information om nästa steg.

Relaterad  Hur man använder Twitters tipsfunktion för att betala folk för tweets

Nu är det dags att bestämma var och när du vill visa din popup.

Steg 3: Visa PrestaShop Lightbox Popup

Det största misstaget nätbutiksägare gör är att visa popup-fönster vid fel tidpunkt.

Detta orsakar bara frustration för dina besökare och förlorade konverteringar för dig.

Lyckligtvis kan du undvika allt det.

Med OptinMonster kan du styra exakt när din lightbox-popup kommer att visas så att den visas vid precis rätt tidpunkt.

Du kan till exempel visa en speciell rabatt för personer som har tittat på mer än 3 sidor. De är helt klart redan engagerade i ditt innehåll. Eller så kan du erbjuda rabatter på dina högst omvandlande sidor.

Dessa orienterings- och aktiveringsalternativ kallas Visa regleroch kontrollera vem som ser din popup och när.

Nedan finns fler exempel på hur nätbutiksägare riktar sig till sin målgrupp:

  • Erbjud rabatter för produkter som kunder tittar på
  • Visa riktade kampanjer baserat på fysisk plats
  • Visa gratis frakterbjudanden som folk förbereder sig för att överge sina kundvagnar

Idag ska vi titta på två kraftfulla visningsregler, Avsluta Intent® och MonsterLink™.

Exit avsikt

Exit avsikt är ett av de mest effektiva sätten att marknadsföra din försäljning och öka konverteringarna.

Du kommer att kunna visa dina webbplatsbesökare en kampanj som de kommer att gilla när de är på väg att lämna din webbplats.

Är utgångspopups effektiva?

De arbetade för Fastrack. De använde OptinMonsters Exit-Intent®-teknik för att återställa 54 % av övergivna besökare.

Gå till Visa regler högst upp i redaktören.

OptinMonster visningsregler

Välj Avsluta Intent®.

OptinMonster Exit Intent Display Rule

Välj den enhet där du vill visa din popup.

Avsluta avsikt Välj alla enheter

Nu måste du bestämma känslighetsnivån.

Observera att detta kommer att ändra popup-utlösaren på mobilen.

Låg eller medelhög känslighet kommer att utlösa din popup när någon rullar upp på sidan. Högkänslighet kommer att aktiveras när besökare klickar på bakåtknappen eller rullar, beroende på vad som kommer först.

OptinMonster Exit Intent Sensitivity

Du kan också använda inriktning på sidnivå för att styra var denna popup visas.

Avsluta webbadress för Exakt matchning av avsikt

Du kan till exempel få popup-fönstret att endast visas på din kassasida eller sidor med hög omvandling.

Avsluta sidan med hög konverteringsavsikt

För fler exempel på hur man använder exit popup-fönster för att öka intäkterna, kolla in den här artikeln som täcker 40 exit popup-trick.

MonsterLink™

Vill du skapa en PrestaShop-popup som öppnas vid klick?

MonsterLinks förvandlar vilken länk eller bild som helst till en 2-stegs prenumeration som öppnas vid klick.

Och du behöver inte skriva någon kod själv.

Dessa tvåstegsalternativ är otroligt effektiva. US Student Loan Center använde MonsterLinks för att konvertera 34 % av läsarna.

Relaterad  Kinesiska tillsynsmyndigheter inriktar sig på onlineplattformar i ett försök att rensa upp internet

Från Visa regler fliken, klicka Monsterlink™ (vid klick).

OptinMonster Monsterlinks visningsregel_

Kopiera din kod.

Monsterlinks kopieringsknapp

Nu kan du lägga till den i valfri bild eller länk i din PrestaShop-butik.

Steg 4 – Anslut din e-postleverantör

I det här steget måste du berätta för OptinMonster var du ska skicka dina e-postmeddelanden.

Och det är enkelt att koppla din e-postleverantör till OptinMonster.

Gå till Integrationer högst upp i redaktören.

Integrationsband

Klick Lägg till ny integration.

Välj din leverantör från rullgardinsmenyn.

OptinMonster e-postleverantör rullgardinsmeny

Har du ingen e-postleverantör ännu?

Som standard kommer dina nya potentiella kunder att gå till MonsterLeads i ditt OptinMonster-konto.

Steg 5: Publicera din Lightbox-popup till PrestaShop

Det sista steget är att publicera din popup.

Gå till Posta högst upp i din editor.

OptinMonster Publishing Ribbon

Ändra kampanjstatus till leva.

Publicera Switch för PrestaShop Popup

Scrolla nu ner och kopiera inbäddningskoden. Du måste lägga till den här koden på din PrestaShop-webbplats.

Kopiera OptinMonster Embed Code

Nästa steg är att logga in på ditt PrestaShop-konto.

Du måste klistra in din inbäddningskod i en modul på din PrestaShop-webbplats. I följande exempel har vi använt OptinMonster-kodmodulen som är tillgänglig i PrestaShop-tilläggsbutiken.

Från ditt PrestaShop-konto, gå till Moduler skärm. Hitta OptinMonster Code Module och välj Uppstart.

Konfigurera PrestaShop OptinMonster-modulen

Nu kommer du att se att du måste lägga till inbäddningskoden som du kopierade. Du måste också tillhandahålla din OptinMonster konto-id och användar ID.

Gå tillbaka till ditt OptinMonster-konto, klicka på ditt namn och sedan Mitt konto.

Klicka på OptinMonster-konto

Scrolla ner till Kontotäckande inbäddningskod sektion. Datakontonumret är AD-kontot. Dataanvändarnumret är användar-ID.

Kopiera hela OptinMonster-kontots inbäddningskod

Nu kan du lägga till konto-ID, användar-ID och inbäddningskod i motsvarande fält.

Klistra in OptinMonster-ID:n i PrestaShop

Och det är. Din popup kommer nu att visas på din PrestaShop-webbplats.

Nu kan du omvandla dina webbplatsbesökare till betalande kunder.

Kom igång med en PrestaShop-popup idag!

Vi hoppas att du gillade den här artikeln.

Om du letar efter ytterligare resurser för att utöka din onlinebutik, kolla in dessa artiklar:

Är du redo att öka konverteringarna i din webbutik? Registrera dig för OptinMonster idag.