Hur man aktiverar underhållsläge för WooCommerce

En ägare av en WooCommerce-butik delade nyligen hur en kund mejlade dem under en rutinmässig uppdatering och frågade om företaget hade stängt ner. Varför? Kunden hamnade på en trasig kassa-sida medan webbplatsen uppdaterades.

Situationer som dessa är vanligare än du tror – och de visar varför varje onlinebutik behöver ett ordentligt underhållsläge. Det är som att sätta upp en professionell "Kommer snart"-skylt som håller ditt varumärke polerat medan du gör ändringar bakom kulisserna.

Detta är viktigt eftersom även kortvarig driftstopp kan leda till förlorad försäljning och skaka kundernas förtroende.

Under åren av att hjälpa många WooCommerce-butiksägare har vi hittat de bästa sätten att hantera webbplatsunderhåll utan att förvirra besökare eller skada ditt rykte.

I den här guiden visar jag dig hur du enkelt aktiverar underhållsläge för WooCommerce med hjälp av beprövade verktyg och praktiska tips – så att du kan uppdatera din butik med förtroende. 🌟

Varför och när du behöver aktivera WooCommerce underhållsläge

Det finns goda skäl att använda underhållsläge för din WooCommerce-butik. För det första, när du gör stora ändringar i butiken, förhindrar aktivering av WordPress underhållsläge att användare besöker webbplatsen och ser en röra.

Därefter, om din onlinebutik har problem, särskilt med WooCommerce-betalningar, stoppar aktivering av underhållsläge kunder från att stöta på problem. I sin tur kan du åtgärda dessa underhållsuppgifter tills du kan göra din butik live igen.

Om du lägger till en ny webbutik på din befintliga webbplats och vill att den ska vara en överraskning tills den är klar, är underhållsläge perfekt. Du kan visa en cool sida för underhållsläge för att få folk att bli exalterade medan du arbetar på din WooCommerce-butikssida.

Om du upplever något av dessa scenarier, då är den här artikeln för dig. I följande avsnitt kommer vi att titta på hur man aktiverar underhållsläge i WooCommerce. Du kan använda dessa snabblänkar för att navigera genom stegen:

1. Installera ett plugin för underhållsläge
2. Skapa din sida för underhållsläge
3. Konfigurera inställningarna för underhållsläge
4. Sätt din WooCommerce-butik i underhållsläge
5. Bonustips: Skapa en landningssida för en viral väntelista för din WooCommerce-butik
6. Bonusresurser: Fler guider för WordPress-underhåll

Låt oss börja.

Steg 1: Installera ett plugin för underhållsläge

Det enklaste sättet att aktivera underhållsläge för WooCommerce är att använda SeedProd.

SeedProd är den bästa landningssidbyggaren för WordPress, som används på mer än 1 miljon webbplatser. Den låter dig skapa vackra «kommer snart»-sidor, förbättra din 404-sida och till och med designa unika landningssidor med dra-och-släpp.

Några av våra partner varumärken använder faktiskt SeedProd för att bygga sina webbplatser. De har haft fantastiska upplevelser med det, och vi rekommenderar också starkt att du kollar in det.

Se vår detaljerade SeedProd-recension för mer information.

Det finns en gratis version av SeedProd som låter dig skapa en sida för underhållsläge. Vi kommer dock att använda premiumversionen eftersom den låter dig sätta din WooCommerce-butik i underhållsläge samtidigt som resten av din webbplats är tillgänglig.

Det första du behöver göra är att installera och aktivera SeedProd-pluginet. För mer information, se vår guide om hur man installerar ett plugin i WordPress.

Efter att ha aktiverat pluginet kommer SeedProd att be om din licensnyckel.

Du hittar denna information i ditt konto på SeedProd-webbplatsen. Efter att ha angett licensen klickar du på knappen 'Verifiera nyckel'.

När du har gjort det är du redo att sätta din WooCommerce-butik i underhållsläge.

Steg 2: Skapa din sida för underhållsläge

Efter att ha aktiverat SeedProd, gå till SeedProd » Sidor. Här kan du välja om du vill skapa en sida för underhållsläge eller en "kommer snart"-sida.

Även om vissa människor använder dessa termer omväxlande, finns det några viktiga skillnader du bör känna till. Läs vår detaljerade förklaring i vår artikel om kommande lansering vs. underhållsläge.

Men i grund och botten, om du skapar en "Kommer snart"-sida, kommer sökmotorer fortfarande att kunna se och genomsöka dina butikssidor. Detta ger din WooCommerce-webbplats en chans att indexeras av sökmotorer.

Om du bygger en ny butik, vill du vanligtvis skapa en «kommer snart»-sida.

Å andra sidan, om din butik är nere för underhåll, bör du skapa en sida för 'Underhållsläge' istället. Detta läge talar om för sökmotorer att din webbplats är tillfälligt nere, med hjälp av den speciella sidhuvudskoden 503.

Efter att ha fått denna kod kommer sökmotorerna att kontrollera din WordPress-webbplats igen senare för att se om den är online igen. På så sätt kan du dölja din butikssida från shoppare utan att påverka dina sökmotorrankningar.

Vi kommer att skapa en sida för underhållsläge i den här guiden, men stegen kommer att vara desamma oavsett om du klickar på knappen 'Ställ in en sida för underhållsläge' eller 'Ställ in en kommande sida'.

Nästa steg är att bygga sidan som shoppare kommer att se när du aktiverar underhållsläge för din online marknadsplats eller butik.

Du kan antingen välja en färdig mall eller börja med en tom design. Vi använder 'Celebrate Coming Soon' i alla våra bilder, men du kan använda vilken mall du vill.

För att välja ett SeedProd-mallkit, för muspekaren över den designens miniatyrbild och klicka sedan på 'bockmarks'-ikonen.

Efter att ha valt en mall kommer du till dra-och-släpp-sidbyggaren, där du kan börja anpassa designen för underhållsläget.

På vänster sida av skärmen hittar du block och sektioner som du kan lägga till i din design. Höger sida av sidan är förhandsgranskningen i realtid.

De flesta mallar har redan några block, som är en kärnkomponent i alla SeedProd-designer. För att komma igång vill du vanligtvis anpassa dessa block genom att redigera texten eller lägga till din bild, länkar och annat innehåll.

För att ändra texten i ett rubrik- eller textblock, klicka helt enkelt för att välja det blocket i din layout. Detta öppnar alla inställningar för det specifika blocket.

Du kan nu skriva din text i den lilla textredigeraren.

Du kan också använda dessa inställningar för att formatera texten, inklusive att lägga till fetstil och kursiv stil, ändra textjusteringen, ändra teckenstorleken och mer.

Du kan lägga till fler block på din underhållssida genom att dra dem från menyn till vänster och sedan släppa dem på din design.

Till exempel, om du ville lägga till en anpassad logotyp, kunde du helt enkelt dra ett Bild-block till din layout.

Klicka sedan bara för att välja det blocket i din layout, så visar menyn till vänster alla inställningar för det blocket.

För att lägga till en logotyp, klicka på ‘Använd din egen bild.’

Du kan sedan antingen välja en bild från WordPress mediebibliotek eller ladda upp en ny fil från din dator.

Efter att ha lagt till en bild kan du ändra storlek, lägga till bildens alt-text, bädda in en länk och mer med hjälp av inställningarna i menyn till vänster.

Om du använder pluginet WPForms kan du snabbt och enkelt lägga till ett kontaktformulär på underhållssidan. Detta ger shoppare ett sätt att prata med dig även när din WooCommerce-webbplats är nere för underhåll.

ℹ️ Notera: WPForms är vår favoritbyggare för kontaktformulär här på WPBeginner. Vi använder det för att skapa många av våra formulär, inklusive våra årliga läsarundersökningar och formuläret för webbplatsmigreringsförfrågningar. Läs mer om pluginet i vår fullständiga WPForms-recension.

Efter att ha skapat ett kontaktformulär, kan du dra blocket för kontaktformulär till din SeedProd-layout.

Klicka sedan helt enkelt för att välja blocket Kontaktformulär för att öppna dess inställningar.

I menyn till vänster, öppna rullgardinsmenyn och välj formuläret du skapade tidigare.

Du kan till och med använda WPForms för att skapa ett formulär för e-postregistrering så att du kan meddela prenumeranter när din butik är öppen för affärer. För steg-för-steg-instruktioner, se vår guide om hur man bygger en e-postlista i WordPress.

För att ta bort ett block från din design, klicka helt enkelt på det. Du kan sedan välja papperskorgsikonen.

Du kan också flytta block runt på sidan med dra-och-släpp.

Fortsätt helt enkelt att lägga till block i din layout och anpassa dem sedan med hjälp av inställningarna i menyn till vänster.

Om du till exempel använder RafflePress, kan du skapa en WooCommerce-kupongutdelning och sedan marknadsföra den på din sida för underhållsläge.

ℹ️ Notera: RafflePress är också ett av våra favoritplugins, och vi använder det för att köra vår årliga födelsedagsutlottning. Se vår kompletta RafflePress-recension för mer insikter om pluginet.

För mer information, se vår guide om hur man kör en tävling i WordPress.

När du är nöjd med hur underhållssidan ser ut, se till att du klickar på "Spara".

Steg 3: Konfigurera inställningarna för underhållsläge

Nu när du har skapat en anpassad "snart här"- eller underhållslägesida, låt oss aktivera den på din e-handelswebbplats.

Här vill vi sätta butiken i underhållsläge, men inte hela webbplatsen. För att göra detta, klicka på fliken 'Sidinställningar' inuti SeedProd-redigeraren.

Välj sedan fliken 'Åtkomstkontroll'.

Du kan använda dessa inställningar för att specificera var sidan 'kommer snart' eller 'underhåll' visas på din WordPress-webbplats och vem som ser den. Du kan till exempel visa den här sidan för personer som har en specifik användarroll eller IP-adress.

Eftersom vi vill sätta vår WooCommerce-webbplats i underhållsläge, scrolla ner till avsnittet 'Inkludera/exkludera URL:er'.

Klicka sedan bara på knappen 'Inkludera URL:er'.

Nu behöver du ange URL:erna för din WooCommerce-butik.

Detta kan variera beroende på hur din butik är inställd och om du bara vill att den ska visas på vissa sidor. Du kanske till exempel vill lägga till den på din anpassade WooCommerce-varukorgssida eller en anpassad kassasida.

Om du vill sätta hela din WooCommerce-butik i underhållsläge kan du lägga till alla sidor som WooCommerce skapar automatiskt:

https://example.com/shop
https://example.com/cart
https://example.com/checkout
https://example.com/my-account

Du måste också lägga till produkt-URL:erna. Var noga med att inkludera asterisken!

Asterisken är en jokertecken, som talar om för SeedProd att inkludera alla URL:er som matchar mönstret före den.

Detta innebär att shoppare kommer att se underhållssidan när de försöker komma åt en produkt, produktkategori eller produkttagg.

https://example.com/product/*
https://example.com/product-category/*
https://example.com/product-tag/*

Efter att ha lagt till alla dessa URL:er, klicka på knappen 'Spara' för att lagra dina ändringar.

Steg 4: Sätt din WooCommerce-butik i underhållsläge

Du kan nu sätta din WooCommerce-butik i underhållsläge när som helst. I WordPress adminområde, gå helt enkelt till SeedProd » Landningssidor.

Klicka sedan på reglaget 'Inaktiv' under 'Kommer snart-läge' eller 'Underhållsläge' så att det ändras till 'Aktiv'.

Besök nu helt enkelt din WooCommerce-butik i ett inkognitofönster, så ser du din anpassade design istället för din onlinebutik.

När du är redo att göra din butik offentlig, gå helt enkelt tillbaka till SeedProd » Landningssidor.

Klicka sedan på reglaget ‘Active’ så att det visar ‘Inactive.’ Nu kommer alla som besöker din webbplats att se din WooCommerce-butik och kan köpa produkter och tjänster som vanligt.

Bonustips: Skapa en landningssida för en viral väntelista för din WooCommerce-butik

Förutom att sätta din webbutik i underhållsläge, kan du med SeedProd skapa en viral väntelista landningssida.

Med den här landningssidan kan du låta din publik veta att något spännande är på gång. Du kan också lägga till ett formulär som bjuder in dem att gå med i din väntelista och vara först med att veta när du har gjort sidan offentlig.

Dessutom kan du använda den här väntelistan för att skicka e-postutskick om kommande kampanjer.

Om du är intresserad av detta ämne, kolla in vår artikel om hur man skapar en viral väntelista landningssida i WordPress.

Bonusresurser: Fler guider för WordPress-underhåll

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du aktiverar underhållsläge för WooCommerce. Därefter kanske du också vill se våra artiklar om:

• Underhållstips för e-handelswebbplatser
• Hur du förbereder din WordPress-webbplats för ett evenemang med hög trafik
• WordPress-underhållsuppgifter att utföra regelbundet
• Hur länge varar WordPress-underhåll
• Bästa WordPress-supportbyråerna

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.