Försöker du skapa hype för en webbplats som inte finns än? Eller är du orolig för att besökarna ska se din halvfärdiga webbplats? Vi har också varit där och vi vet hur utmanande det kan vara.
Efter att ha hjälpt tusentals användare att lansera sina webbplatser har vi lärt oss att en väl utformad kommande snart-sida kan göra hela skillnaden. Den kan dölja ditt pågående arbete, bygga förväntan och till och med börja växa din publik innan du går live.
I den här guiden får du lära dig hur du skapar vackra och effektiva coming soon-sidor i WordPress. I slutet av guiden kommer du att ha en coming soon-sida som arbetar hårt för dig, även när din huvudsida fortfarande är hemlig.
Varför skapa Coming Soon Pages i WordPress?
Coming Soon pages är inte bara en placeholder för din WordPress website. De kan också hjälpa till att generera leads för your business.
Här är några sätt som du kan använda Coming Soon pages:
- Mät användarnas intresse – Om du är osäker på en idé kan en kommande snart-sida hjälpa dig att mäta hur många som kommer att vara intresserade av ditt projekt.
- Skapa hype – Du kan använda en kommande snart-sida för att skapa förväntan och få människor att bli glada över ditt företag. Du kan till och med uppmuntra människor att dela din kommande sida med hjälp av tävlingar och giveaways, vilket kan hjälpa dig att nå en bredare publik .
- Fånga upp leads – Med rätt verktyg kan du börja bygga upp din e-postlista och be användarna att följa dina sociala profiler. På så sätt har du redan likes och följare på lanseringsdagen, och du kan använda dem som ett kraftfullt socialt bevis.
Med detta i åtanke, låt oss se hur du kan skapa en Coming Soon page i WordPress. Du kan använda snabblänkarna under för att hoppa till en specifik section:
Step 1: Konfigurera en domän och ett konto för webbhotell
Innan du skapar en Coming Soon page behöver du ett domain name och en WordPress hosting provider.
Normalt kostar en domän cirka $16 per år, och planer för webbhotell börjar på $7,88 per månad (betalas vanligtvis årligen). Detta kan vara en stor kostnad, särskilt för new företag som precis har startat.
Lyckligtvis har våra vänner på Bluehost gått med på att erbjuda ett gratis domain name och en generös rabatt på webbhotell för WPBeginners läsare.
I grund och botten kan du starta en viral målsida för väntelista eller till och med en hel webbplats för bara $ 2,75 per månad.
När du har registrerat ett konto på ett webbhotell installerar Bluehost automatiskt WordPress åt dig.
Du kan sedan helt enkelt logga in på din WordPress dashboard. Därefter navigerar du till tabben ”Websites” och klickar på ”Edit Site” på den site där du vill skapa en coming soon page
Om du inte vill använda Bluehost kan du också installera WordPress på andra webbhotell som gillar Hostinger, SiteGround eller WP Engine genom att följa en ganska liknande process.
För mer detaljerade instruktioner, se vår Step-by-Step guide om hur du installerar WordPress.
Step-by-Step 2: Skapa en beautiful Coming Soon Page
Det enklaste sättet att skapa en coming soon page är att använda SeedProd. Det är den bästa Landing Page Builder på marknaden och har en drag and drop editor som allow you att skapa professionellt utformade sidor snabbt.
SeedProd har över 320 färdiga templates för pages och 90 block som du helt enkelt kan dra till dina designs. This allows you to create all kinds of page designs without having to write a single line of code.
Obs: Det finns också en gratis version av SeedProd som gör att du kan skapa anpassade siddesigner oavsett din budget. Men i den här guiden kommer vi att använda Pro-versionen eftersom den låter dig ansluta din sida till en e-postmarknadsföringstjänst.
Det innebär att du kan börja samla in leads och bygga en e-postlista redan innan du lanserar din website.
För mer information, se vår kompletta SeedProd review.
Först måste du installera och aktivera SeedProd plugin. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.
Efter aktivering, gå till SeedProd ” Settings och enter din license key.
Du hittar license key under your account på SeedProd’s website. När du har enter denna information klickar du på knappen ”Verify Key”.
Gå sedan till SeedProd ” Landing Pages. I sektionen ”Coming Soon Mode” klickar du på ”Set up a Coming Soon Page”.
Du kan nu välja en template för coming soon page.
SeedProd erbjuder många olika temamallar. För att förhandsgranska en design, håll muspekaren över den och klicka sedan på förstoringsglaset.
När du hittar en design som du gillar klickar du helt enkelt på ”Choose This Template”.
Vi använder templaten ”Launch Coming Soon” i alla våra images, men du kan använda vilken design du gillar.
När du har valt en mall kommer du till drag-and-drop-sidbyggaren där du kan börja anpassa coming soon-mallen.
På höger sida av vyn visas en live Preview av din page.
För att customize någon del av templatet klickar du bara för att selecta det blocket i layouten. I menyn till vänster visas sedan alla de olika Settings som du kan använda för att customize det blocket.
You can also add new blocks to your coming soon page. Som ett exempel kan vi add to en nedräkningstimer så att besökarna vet hur länge de måste vänta tills din site går live.
I menyn till vänster hittar du blocket ”Countdown” och släpper det på din page preview.
Därefter klickar du på för att välja Countdown block i din layout.
I menyn till vänster anger du datum och tid för när du planerar att publicera din blogg, butik eller website.
Nedräkningens block visar nu dagen, timmarna, minuterna och sekunderna tills din WordPress blogg eller website går live. På så sätt kan du bygga upp förväntan och spänning kring din sites officiella lanseringsdatum.
Du kan nu lägga till fler block på din WordPress-webbplats coming soon-sida genom att följa samma process som beskrivs ovan. Du kan läsa dessa guider om du behöver hjälp med att bygga din sida:
- Så här väljer du ett perfekt färgschema för din WordPress-webbplats
- Så här lägger du till dynamiskt innehåll i WordPress (nybörjarguide)
- Så här visar du en räkneanimation i WordPress
- Så här skapar du en squeeze page i WordPress som konverterar
Step 3: Anslut din tjänst för e-postmarknadsföring
En Coming Soon page är ett bra sätt att samla leads och utöka din email list, redo för när din website lanseras.
Den goda nyheten är att SeedProd integreras med alla de bästa leverantörerna av e-posttjänster, inklusive ActiveCampaign, ConvertKit och Drip.
För att ansluta page till din provider, click on the ”Connect” tabs.
Du kan sedan hovera musen över den tjänst för e-postmarknadsföring som du använder på din website, till exempel Brevo (tidigare Sendinblue) eller Mailchimp.
När knappen ”Anslut” visas, klicka på den.
Stegen kommer att variera beroende på din tjänst provider, men vi använder Constant Contact som ett exempel. Ge ”Constant Contact” ett klick och välj sedan ”Anslut nytt konto”.
Därefter måste du enter API Key från ditt Constant Contact konto.
Efter det ger du anslutningen ett namn. Detta är bara för din referens så du kan använda vad som helst som hjälper dig att identifiera denna anslutning i WordPress.
När du har gjort det klickar du på knappen ”Anslut”.
Detta kommer att öppna en popup där du kan logga in i ditt Constant Contact account. Om du är glad att ge SeedProd tillgång till dina Constant Contact-data, klicka sedan på ”Allow”.
SeedProd kommer nu att hämta all information från ditt Constant Contact account.
Välj bara den e-postlista som du vill använda med din kommande snart-sida och klicka sedan på ”Spara integrationsdetaljer”.
Steg 4: Konfigurera inställningarna för din Coming Soon-sida
SeedProd har några avancerade inställningar som kan hjälpa dig att samla in leads, bygga kundlojalitet, skapa varumärkeskännedom och mycket mer.
För att ta en titt på dessa avancerade inställningar klickar du bara på ”Sidinställningar” i sidbyggaren.
Begränsning och beviljande av åtkomst baserat på användarens roll
Som standard kommer SeedProd att visa din Coming Soon page till alla användare som inte är inloggade.
Ibland kanske du vill ändra vem som kan komma åt din site medan den är i Coming Soon-läge. Om du till exempel designar en kunds website kanske de vill se den medan den håller på att byggas.
WordPress har ett built-in system för roller och behörigheter, som kontrollerar vilka actions användare kan göra på din site och vilken information de kan komma åt.
You can use this system to grant and deny access to your website while it’s in coming soon mode by select ”Access Control”.
För att ge åtkomst till specifika roller för användare, klicka på ”Add Role”.
Detta öppnar en dropdown där du kan bevilja åtkomst baserat på användarens tilldelade roll, t.ex. prenumerant eller författare.
Du kan också bevilja åtkomst baserat på IP-adress, vilket är användbart om en person alltid går in på din site från samma location. Du kan t.ex. whitelista kundens kontor eller IP-adressen för ditt hem.
För att göra detta skriver du bara in adressen i boxen ”Access by IP”.
Förbättra sökmotorsoptimeringen på din Coming Soon Page
Medan du är i ”Sidinställningar” kanske du också vill byta till fliken ”SEO” och tillhandahålla en SEO-titel, beskrivning, favicon och en utvald bild som SeedProd kommer att använda när din kommande snart-sida delas online.
Detta kan förbättra din sökmotorsoptimering i WordPress och börja bygga upp varumärkeskännedom, även innan du lanserar hela din website.
Ett annat alternativ är att tala om för sökmotorerna att de inte ska indexera sidan. Detta kan vara användbart om du arbetar med ett hemligt projekt eller annat innehåll som du inte vill ska visas i sökresultaten.
För att göra detta klickar du helt enkelt på knappen ”Enable No Index” för att aktivera den.
Om du har installerat populära SEO tillägg som All in One SEO, så fungerar SeedProd sömlöst med dem också.
Track Your Website Visitors
Slutligen kan du byta till tabben ”Scripts” och add to alla tredjepartsskript som du vill använda.
Till exempel kanske du vill add to Google Analytics-kod, Meta pixel eller någon annan tracking-kod till din Coming Soon page. This allows you to track visitors and gather information, even before launching your website.
När du är slutförd, glöm inte att klicka på knappen ”Save” högst upp för att spara dina avancerade inställningar för page.
Steg 5: Publicera din Coming Soon-sida
När du har slutfört arbetet med din coming soon page är nästa steg att publicera den.
Först måste du clicka på knappen Save och sedan välja ”Save as Template”.
När du blir tillfrågad kan du skriva in ett namn på templaten. Detta är bara för din referens så du kan använda vad du vill.
Efter det klickar du på ”Save Template”.
I nästa popup klickar du på ”Return to Page Editor”. You can then click on the ’X’ button in the upper-right corner to close the SeedProd page editor.
I det här läget kan du se en popup som frågar om du vill publicera din Coming Soon-design och sätta din site i Coming Soon-läge. Om du vill gå vidare klickar du på ”Yes, Activate”.
Om du inte vill aktivera Coming Soon-läget ännu kan du klicka på knappen ”No, Close”.
När du är redo att visa Coming Soon-sidan för besökare går du helt enkelt till SeedProd ” Pages. Här klickar du på omkopplaren i sektionen ”Coming Soon Mode” så att den visar ”Active”.
Medan din webbplats är i coming soon-läge kan du fortfarande logga in på din WordPress dashboard och arbeta på din website.
Användare och besökare som är inloggade kommer dock bara att kunna se ”Coming soon”-sidan.
När sidan är publicerad ska du dubbelkolla den för att se om allt ser bra ut. Förhandsgranska din webbplats på mobil, dator och surfplatta för att se till att sidan är responsiv på alla enheter.
Hur man stänger av SeedProd’s Coming Soon Page
När du är redo att publicera din website gör SeedProd det superenkelt att stänga av coming soon-läget.
Gå bara till SeedProd ” Landing Pages och klicka på ”Active” toggle så att den visar ”Inactive” istället.
Om du nu besöker din webbplats kommer du att kunna se alla dina inlägg och sidor.
Underhållsläge vs Coming Soon: Vilken page ska du använda?
If your site is undergoing maintenance, then you should typically show a maintenance mode page instead of a coming soon design.
En Coming Soon page är mer för websites som håller på att utvecklas eller lanseras. Under tiden är en underhållsläge page för webbplatser som genomgår updates eller reparationer.
Du kan lära dig mer om skillnaderna i vår artikel om Coming Soon vs underhållsläge: vad är skillnaden.
Den goda nyheten är att SeedProd också tillåter dig att skapa beautiful maintenance pages. Gå helt enkelt till SeedProd ” Landing Pages och klicka på ”Set up a Maintenance Mode Page.
Du kan nu designa din page genom att följa samma process som beskrivs ovan. Du kan också kontrollera exakt vem som ser den här page och enkelt stänga av underhållsläget när du har slutfört arbetet med webbplatsen.
För mer information, se vår guide om hur du sätter din WordPress site i underhållsläge.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du skapar vackra kommande snart-sidor i WordPress. Du kanske också vill se vår ultimata guide om hur man redigerar en WordPress-webbplats och våra expertval av de bästa temabyggarna för WordPress.
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!
Fauwaz Marjan says
Is there a way for the logo to be aligned left of the page in the coming soon page? Because every time I save the changes, it automatically keeps the logo aligned to the center.
WPBeginner Support says
Please reach out to SeedProd’s support and they should be able to take a look and assist you.
Administratör
Jerome Brooks says
Hello,
My page is presently set on the Coming Soon Mode Active. How do I make my page active for the world to see? Thank you.
Jerome Brooks
WPBeginner Support says
That would normally be due to a plugin, you could either check through your plugins settings or disable your plugins that you are not actively using for finding where that is set.
Administratör