6 idéer för underhållssidor som du kan använda på din site i WordPress

Letar du efter idéer för underhållssidor för din WordPress site?

Även om ingen gillar att lägga upp en underhållssida kan det förhindra att besökare blir frustrerade när de försöker besöka din site medan den är under uppbyggnad.

I den här artikeln utforskar vi några exempel på underhållssidor och visar dig hur du enkelt kan add to en underhållssida på din WordPress website.

Varför och när behöver du en underhållssida i WordPress?

Normalt kan du göra det mesta på din WordPress website utan att någonsin ta den offline. Det finns dock vissa situationer då du måste sätta din site i underhållsläge för att undvika konflikter.

Om din WordPress blogg till exempel har tekniska problem som kan störa dina besökare eller om du håller på att updating ditt WordPress theme kan du lägga till en underhållssida för att informera dina användare.

Du kommer också att behöva en underhållssida om du run en ecommerce store eller en membership site för att se till att kundernas orders inte går förlorade och att användarnas sessioner inte avslutas abrupt under din underhållsperiod. Detta kan förbättra upplevelsen för användarna på din website.

På samma sätt behöver du en underhållssida om du flyttar WordPress från en lokal server till en live site eller byter från en server till ett annat webbhotell.

Det hjälper till att förhindra att användare ser din website medan den är under uppbyggnad och skyddar den från hackare och virus. Added, att lägga till en attraktiv underhåll page kan mildra potentiell skada på din sökmotorsoptimering under webbplatsens driftstopp.

Med detta sagt, låt oss se hur du enkelt skapar en underhållssida i WordPress:

Så här skapar du en underhållssida i WordPress

Du kan enkelt skapa en underhållssida i WordPress med hjälp av SeedProd, som är den bästa WordPress landing page builder på marknaden.

Det är superenkelt att använda och kommer med en drag and drop builder som allow you att skapa attraktiva themes och landing pages utan att använda någon kod.

Först måste du installera och aktivera SeedProd plugin. För detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.

Efter aktivering, besök SeedProd ” Settings page från WordPress admin sidebar för att enter license key.

You can find this information in your account on the SeedProd website.

När du har gjort det, besök SeedProd ”Landing Pages” -vyn från WordPress dashboard.

Härifrån klickar du bara på knappen ”Set up a Maintenance Mode Page” för att börja bygga din underhållssida.

Detta leder dig till vyn ”Choose a New Page Template”, där du kan välja en färdig SeedProd template för din underhållssida.

När du har gjort det kommer den template du väljer att lanseras i SeedProds drag and drop-byggare.

Härifrån kan du nu använda templaten som den är eller customize den genom att dra and drop block som du väljer från den vänstra colonnen.

Om du t.ex. vill lägga till en CTA-knapp på din underhållssida som leder användare till ett kontaktformulär eller till sidor på webbplatsen som ej är under uppbyggnad, kan du helt enkelt dra and drop-blocket Button på page.

När du har gjort det klickar du på blocket Button igen för att öppna dess inställningar i den vänstra colonnen.

Du kan nu ändra texten på knappen och add to en länk till den website page som inte är under konstruktion.

Du kan också ändra mallen för knappblocket och ytterligare customize det genom att byta till flikarna ”Templates” och ”Advanced” i den vänstra colonnen.

Du kan också använda blocket Countdown för att visa dina användare hur lång tid det är kvar innan din site är klar att använda. På samma sätt kan du också add to social media icons för att dirigera användare till your social media handles.

När du är klar klickar du bara på knappen ”Save” högst upp för att lagra dina settings.

Nu, för att faktiskt publicera din webbplats underhållssida, måste du gå till fliken ”Page Settings” högst upp och toggle ”Page Status” -knappen till ”Publicera”.

Därefter klickar du på ikonen ”X” i det övre vänstra hörnet av vyn för att avsluta dra-och-släpp-byggaren.

Då visas meddelandet ”Maintenance Mode is not active” på din vy och du ombeds aktivera underhållsläget så att landing page kan visas för användarna.

Därefter klickar du bara på knappen ”Yes, Activate” för att aktivera din underhållssida.

You can now visit your website to see the maintenance page in action.

Så här gillade vi det på vår demo website.

För mer details, you may want to see our tutorial on how to put your WordPress site into maintenance mode.

Nu, om du vill deactivate underhållsläget när din webbplats är klar, kan du göra det genom att besöka SeedProd ” Landing Pages vy från WordPress dashboard.

När du är där, toggle helt enkelt ”Active” till ”Inaktiverad” i Maintenance Mode section. Din maintenance mode page kommer nu att deaktiveras och tas bort från front-enden på din website.

De bästa underhållssidorna från hela webben

Även om underhållssidorna inte är synliga för dina användare under en längre period, har de definitivt en inverkan på hur människor ser på ditt varumärke.

For instance, an ugly error page can hurt your brand image by making users think that your website is broken.

Å andra sidan kan en kreativ underhållssida vara minnesvärd, stärka din varumärkesidentitet i användarens medvetande och till och med entusiasmera dem inför den new development som du lanserar på din website.

Här är några idéer som populära varumärken använder när de skapar sina sidor för underhållsläge.

1. Kort och gott

Istället för att ge dina användare detaljerade förklaringar om vad som händer, kan du hålla det kort och enkelt. På så sätt undviker du förvirring bland dina användare och förmedlar budskapet på ett effektivt sätt.

Ett av de bästa exemplen på detta är förmodligen Twitters berömda ”Fail Whale”.

Det finns många varianter av den här berömda illustrationen. Twitter har också använt Misslyckad val som deras överkapacitetssida och 404-felsida under en tid, vilket förvirrade deras användare eftersom felmeddelandet inte kommunicerade problemet ordentligt.

Vi rekommenderar att du alltid använder en annan page template för att displayed 404 error så att användarna kan skilja på när din site är under underhåll eller har ett error. Här är exempel på bra design av 404 pages.

Ett annat exempel på kort och enkelt är Atlassians underhållssida.

2. Visa medkänsla

Det är frustrerande när användare vill besöka sin favorit website och det inte går.

Ett annat tips att tänka på när du utformar en page för underhåll är att du ska erkänna de olägenheter som underhållet orsakar, be om ursäkt för besväret och lova att du arbetar hårt för att få tillbaka din website så snart som möjligt.

Till exempel börjar underhållssidan från GitHub med en ursäkt och erbjuder sedan ett sätt för användare att kontrollera statusen på webbplatsen.

Den här tekniken visar att you bryr sig om era användare och vill göra upplevelsen så smidig som möjligt. Det bidrar också till att bygga upp ett förtroende och minskar frustrationen hos användarna.

3. Var rolig och underhållande

Driftstopp är irriterande, och dina användare kan känna sig arga över det. Det är därför lite humor kan räcka långt och till och med motivera användare att kontrollera vad som kommer härnäst på din website.

Så här använde Product Hunt kattordlekar på sin underhållssida.

På samma sätt använde Patreon sin maskot, och om du tittar close kan du notera att den lilla räven hade en liten olycka.

Detta indikerar att det finns något issue med the website, men det kommer att fixas snart.

Ett annat exempel på en fyndig underhållssida är det populära sminkmärket Nykaa, som displayed ett message om att sajten har åkt till spa för en skönhetsuppgradering.

Budskapet är roligt och enkelt och går hem hos varumärkets målgrupp, vilket gör det till ett perfekt exempel.

Ett annat populärt exempel är Flickr, som använder den här imagen för sin underhållssida.

Humorn och kreativiteten på den här underhållssidan bidrar till att göra driftstopp mindre frustrerande för användarna av webbplatsen.

4. Välbekant utseende och känsla

Att använda ditt varumärkes logga, färger och stil gör en underhållssida mer effektiv, för när användarna är vana vid utseendet på din website blir de mindre förvirrade när de ser underhållssidan.

Detta bidrar till att minska irritationen och främjar varumärkeskännedomen. Det kan också bidra till att hålla användarna engagerade även när din website inte är available.

Ett bra exempel på detta är Apple, som använder samma design för sin underhållssida som för den vanliga website.

5. Nedräkning för återkomst

Attlägga till en nedräkningstimer på din underhållssida gör att den ser mer levande ut. Det skapar också förväntan bland dina användare.

Men om du inte vill lägga till en timer kan du ändå add to tiden då din site förväntas vara online igen.

Ett bra exempel på att lägga till en nedräkningstimer är Inga Annonsers website, som har en förenklad design och en nedräkningstimer på sin maintenance page.

Detta bidrar till att minska frustrationen hos besökarna genom att ge en uppskattad tid för när webbplatsen kommer att vara online igen.

6. Progress and Updates

De flesta populära websites använder Twitter under tidsinställda underhåll för att hålla sina användare updating.

Men du kan också lägga till updates av status direkt på underhållssidan för att hålla användarna informerade. Denna taktik uppmuntrar användare att fortsätta kontrollera din website medan den är under underhåll för att hålla sig update och får dem att känna sig inkluderade.

Här är ett exempel på hur Updated addar live updating till sin maintenance page.

Hitta den bästa dagen för tidsinställt underhåll på your website

När du arbetar med en live site förlorar du besökare och potentiella customies varje minut som din website är nere. Här är några tips som hjälper dig att hantera tidsinställt underhåll mer effektivt.

Först kan du kontrollera dina Google Analytics-rapporter för att hitta de minst upptagna dagarna på din webbplats och sedan använda en långsam dag för underhåll. Du kan också använda MonsterInsights, som är det bästa Google Analytics-pluginet för WordPress, för att hitta dessa rapporter.

Först måste du installera och aktivera pluginet MonsterInsights. För detaljerade instruktioner, se vår guide för nybörjare om hur man installerar ett plugin för WordPress.

När du har aktiverat pluginet måste du ansluta det till Google Analytics. För mer detaljer om detta, vänligen se vår tutorial om hur du installerar Google Analytics i WordPress.

När du har gjort det, besök bara Insights ” Reports page från WordPress admin sidebar och växla till ”Översikt” tabs högst upp.

Därefter kan du viewa trafiken för specifika datum genom att clicka på datumväljaren i högra hörnet av vyn.

Om du t.ex. vill veta vilka dagar som varit minst hektiska under den senaste månaden kan du välja alternativet ”Last 30 days” i dropdown-menyn.

MonsterInsights kommer då att visa dig trafiken på din website under den senaste månaden och du kan fatta ett välgrundat beslut genom att klura på grafen. For instance, if you generally get less traffic on Tuesdays, then it could be worth scheduling your maintenance for a Tuesday.

Om du vill kan du också välja ett eget tidsintervall för att hitta de minst upptagna dagarna på din website genom att clicka på knappen ”Set Custom Date Range” i dropdown-menyn till höger.

Fler tips för tidsinställt underhåll

Ett annat bra tips när du planerar att sätta din website i underhållsläge är att skicka ut ett email till din email list om underhållsschemat i förväg. På så sätt kommer dina vanliga användare ej att bli överraskade.

Du är säker på att du vill se till att din page erbjuder användarna ett snabbare sätt att komma i kontakt med dig via Twitter, Facebook eller ett kontaktformulär.

Slutligen, och viktigast av allt, måste you se till att din website är tillbaka online så snart som möjligt. På så sätt kan besökarna fortsätta att använda din website, läsa ditt content och köpa dina produkter.

Vi hoppas att den här artikeln hjälpte dig att hitta inspiration för din underhålls page. Du kanske också vill se vår tutorial om hur du fixar din anslutning är inte privat error och de viktiga underhållsuppgifterna för WordPress som ska utföras regelbundet.

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.