Hur man aktiverar underhållsläge för WooCommerce (det enkla sättet)

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

Situationer som denna ä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 "Snart här"-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.

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

Tekniskt sett fungerar underhållsläge genom att skicka en HTTP 503 'Service Unavailable'-statuskod till sökmotorer. Detta talar om för bots att din webbplats är nere under en kort period, vilket förhindrar dem från att indexera trasiga sidor eller ta bort din butik från sökresultaten medan du arbetar.

Det finns flera goda skäl att använda underhållsläge för din WooCommerce-butik:

1. 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.
2. 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.
3. Om du lägger till en ny onlinebutik till 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 underhållslägesida 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 jag att visa dig hur du aktiverar underhållsläge i WooCommerce. Du kan använda dessa snabblänkar för att navigera genom stegen:

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. Det 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 SeedProd för att bygga sina webbplatser. De har haft fantastiska upplevelser med det, och vi rekommenderar också starkt att du tittar på det. Se vår detaljerade SeedProd-recension för mer information.

För att börja, låt oss skapa ett SeedProd-konto. På SeedProd:s webbplats klickar du på knappen 'Get SeedProd Now', väljer en plan och följer instruktionerna på skärmen för att slutföra köpet.

Därefter kommer du att hamna i din egen SeedProd-kontodashbord, där du kan hitta din licensnyckel. Du kan hålla den här fliken öppen eller lagra dessa detaljer i din lösenordshanterare.

Nu behöver du installera och aktivera SeedProd-pluginet.

I ditt WordPress adminområde, gå till Plugins » Lägg till nytt plugin. Sedan kan du använda sökfältet för att snabbt hitta SeedProd-pluginet.

När du ser det kan du klicka på 'Installera nu' och sedan 'Aktivera'. 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 » Landningssidor. Här kan du välja om du vill skapa en underhållslägesida eller en "kommer snart"-sida.

Nu, innan vi börjar, låt oss klargöra skillnaden mellan underhållsläge och en kommande sida. Även om vissa människor använder dessa termer omväxlande, finns det några viktiga skillnader du bör känna till:

Kolla in vår detaljerade förklaring i vår artikel om "kommer snart" vs. underhållsläge.

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, sväva helt enkelt musen över den designens miniatyrbild och klicka sedan på 'bockmarks'-ikonen.

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

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. Till att börja med 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 styla texten, inklusive att lägga till fet och kursiv formatering, ändra textjustering, ändra teckenstorlek 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.

Om du till exempel vill lägga till en anpassad logotyp, kan 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 den vänstra menyn.

Om du använder WPForms-pluginet 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.

ℹ️ Observera: WPForms är vår favoritbyggare för kontaktformulär här på WPBeginner. Vi använder det för att skapa alla våra formulär, inklusive våra årliga enkäter för läsare och formuläret för begäran om webbplatsmigrering. Läs mer om pluginet i vår fullständiga recension av WPForms.

Efter att ha skapat ett kontaktformulär kan du dra Kontaktformulär-blocket 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 du 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-kupongutlottning och sedan marknadsföra den på din sida för underhållsläge.

ℹ️ Observera: 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 recension av RafflePress för mer insikter om pluginet.

För mer information, se vår guide om hur du 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ållssidan 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 bara vill sätta WooCommerce-delarna av din webbplats i underhållsläge (samtidigt som vår startsida och blogg hålls live), 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

Se till att ersätta ‘example.com’ med ditt faktiska domännamn för webbplatsen i URL:erna.

Du måste också lägga till produkt-URL:erna och inkludera asterisk (*).

Asterisken (*) är en jokertecken för att inkludera alla undersidor under en specifik sökväg. Detta talar om för SeedProd att tillämpa underhållsskärmen på varje sida 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 produktetikett.

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 en inkognitoflik i webbläsaren, så ser du din anpassade design istället för din onlinebutik.

När du är klar med ditt arbete i butiken och är redo att göra den offentlig igen, gå helt enkelt tillbaka till SeedProd » Landningssidor. Klicka sedan på 'Aktiv'-reglaget så att det visar 'Inaktiv'.

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 de första att veta när du har gjort sidan offentlig.

Dessutom kan du använda den här väntelisteinformationen 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.

Vanliga frågor om WooCommerce underhållsläge

Här är några av de vanligaste frågorna vi får om att sätta en WooCommerce-butik i underhållsläge.

Påverkar underhållsläge SEO?

Nej, om du använder inställningen Underhållsläge i SeedProd. Den använder HTTP 503 statuskod, som talar om för sökmotorer att driftstoppet är tillfälligt och förhindrar dem från att avindexera dina sidor.

Kan jag fortfarande komma åt administratörspanelen i underhållsläge?

Ja, inloggade administratörer och användare med rätt behörigheter kan fortfarande komma åt WordPress-instrumentpanelen och se den live webbplatsen för att göra ändringar.

Vad är skillnaden mellan en privat butik och underhållsläge?

Underhållsläge är en tillfällig skärm som används under uppdateringar eller korrigeringar. En privat butik är en permanent inställning som används för att begränsa åtkomsten till produkter endast för specifika medlemmar eller inloggade användare.

Fler guider för WordPress-underhåll

Jag 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ång tid tar WordPress-underhåll?
• Bästa WordPress-supportbyråerna

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