Efter att ha arbetat med otaliga butiksägare har vi insett att det som händer efter att en kund har slutfört ett köp är lika viktigt som själva försäljningen.
Genom våra partnerföretag har vi sett hur smarta företag förvandlar tack-sidor till kraftfulla verktyg för att bygga lojalitet, öka kundens livstidsvärde och driva ytterligare försäljning.
Istället för att använda ett generiskt meddelande om "Beställning mottagen", skapar framgångsrika butiksägare upplevelser efter köpet som väcker sociala delningar, uppmuntrar till korsförsäljning och stärker kundrelationer.
Det är därför vi har skapat den här steg-för-steg-guiden för att bygga anpassade WooCommerce tack-sidor. Vi visar dig hur du förvandlar en standardbekräftelseskärm till ett strategiskt verktyg som håller dina kunder engagerade och återkommande.
Varför anpassa en WooCommerce-tacksida i WordPress?
Orderbekräftelsen eller tack-sidan kan verka vara en liten del av din onlinebutik, men det kan faktiskt vara en mycket värdefull del av försäljningsprocessen.
WooCommerce-tacksidan som är standard är inte riktigt optimerad för konverteringar, så vi rekommenderar att du ersätter den med en anpassad sida. Den här sidan kan uppmuntra shoppare att köpa fler produkter genom att erbjuda kupongkoder eller visa populära produkter.
Du kan också visa viktig information som beställda varor, total kostnad och leveransinformation.
Med det i åtanke kommer vi att visa dig steg-för-steg hur du enkelt skapar en anpassad WooCommerce-tack-sida. Använd helt enkelt länkarna nedan för att hoppa direkt till den metod du vill använda:
- Metod 1: Skapa en anpassad WooCommerce tack-sida med FunnelKit
- Metod 2: Skapa en anpassad WooCommerce-tacksida med en sidbyggare
- Bonustips: Planera en höstrea för din WooCommerce-butik
Låt oss hoppa rakt in!
Metod 1: Skapa en anpassad WooCommerce tack-sida med FunnelKit
Det enklaste sättet att skapa en anpassad WooCommerce-tack-sida är att använda FunnelKit Funnel Builder, tidigare känt som WooFunnels. Det är den bästa WordPress-försäljningsfunneln och automationspluginen och kommer med färdiga tack-mallar som du enkelt kan lägga till i din onlinebutik.
Detta gör att du kan skapa professionellt utformade och hjälpsamma tack-sidor utan att behöva skriva en enda kodrad.
Efter noggranna tester fann vi att pluginet var superenkelt att använda och skalbart.
Notera: Det finns också ett FunnelKit Pro-plugin som kommer med fler 'tack'-mallar. Vi kommer dock att använda gratisversionen av FunnelKit eftersom den har allt du behöver för att ersätta standard WooCommerce tack-sida med en anpassad design.
Det första du behöver göra är att installera och aktivera pluginet. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.
Efter aktivering kan du gå till FunnelKit » Mallar och klicka på knappen ‘Kassa’.
Välj en mall för tacksidan
Du kan nu välja mellan någon av FunnelKits färdiga mallar eller välja 'Starta från noll'. Vi rekommenderar att använda en mall eftersom det hjälper dig att snabbt skapa en professionellt utformad tack-sida.
För att titta närmare på en mall, för bara muspekaren över den och klicka sedan på knappen 'Förhandsgranska' när den visas.
FunnelKit kommer att visa en förhandsgranskning av kassan som standard.
För att se tack-designen istället, välj helt enkelt 'Tack-sida' från menyn till vänster.
När du hittar en mall du vill använda, klicka på ‘Importera den här tratten.’
Vi använder Livewire-mallen i alla våra bilder, men du kan använda vilken design du vill.
Vid det här laget kan FunnelKit be dig att installera några extra plugins, som till exempel SlingBlocks, som lägger till sidbyggnadsfunktioner till WordPress blockredigerare.
Om du ser det här meddelandet, klicka på 'Aktivera' för att få de plugins du behöver.
Ange sedan ett namn för den anpassade tack-sidan. Detta är bara för din referens, så du kan använda vad som helst som hjälper dig att identifiera sidan i din WordPress-instrumentpanel.
När det är klart, klicka på knappen "Lägg till".
Anpassa din WooCommerce-tacksida
Du kommer nu att se alla steg som ingår i mallen.
Eftersom du använder gratisversionen av FunnelKit inkluderar mallen en tack-sida och en anpassad WooCommerce-kassasida, som du behöver konfigurera separat. För detaljerade steg-för-steg-instruktioner, se vår guide om hur du anpassar WooCommerce-kassasidan.
För att anpassa tacksidan klickar du på länken "Redigera".
Du kan nu klicka på ‘Redigera mall’ för att öppna mallen i WordPress blockredigerare.
Notera: Om du använder ett sidbyggarplugin, kan FunnelKit öppna mallen i en annan redigerare. Om detta händer, behöver du klicka på ‘Byt till WordPress-redigerare’ istället för ‘Redigera mall’.
Du kan nu anpassa mallen på exakt samma sätt som du bygger vilken WordPress-sida som helst. Klicka helt enkelt på valfri block och finjustera den sedan med hjälp av inställningarna i den högra menyn och den lilla verktygsfältet.
Till exempel vill du vanligtvis ersätta platshållarlogotypen med din egen anpassade logotyp. För att göra detta, klicka för att markera bildblocket och välj sedan 'Ersätt' i miniverktygsfältet.
Välj nu antingen Öppna mediebibliotek och välj en bild från WordPress mediebibliotek, eller klicka på 'Ladda upp' och välj en fil från din dator.
Om du inte redan har en anpassad logotyp, kan du enkelt skapa en med hjälp av webbdesignprogram som Canva.
Efter att ha valt en bild kan du lägga till alternativtext för bilden, ändra bredden, lägga till rundade hörn och mer med hjälp av inställningarna i menyn till höger.
Du vill också ersätta platshållartexten med information om din egen online-marknadsplats. Klicka helt enkelt för att välja en textblock och skriv sedan din anpassade text.
Du kan också ändra textens stil med hjälp av inställningarna i menyn till höger. Du kan till exempel använda ramar och skuggor för att få texten att sticka ut, ändra teckensnittsfamiljen eller ändra textfärgen i WordPress.
Ändra bara inte någon av texten inom [ ]-klamrarna, eftersom dessa taggar gör det möjligt för FunnelKit att visa personligt innehåll, som kundens namn.
Anpassa widgeten för orderdetaljer
Därefter, låt oss skrolla till sektionen ‘Orderdetaljer’ och klicka på den. FunnelKit tillhandahåller denna unika widget, och den visar information om kundens beställning.
Den här widgeten fungerar direkt, men du kanske vill anpassa hur den ser ut och vilken information den visar.
För att börja kan du ändra sektionens rubrik genom att skriva i fältet 'Rubrik'.
Du kan också välja om produktbilden ska visas för varje artikel i kundens beställning med hjälp av reglaget 'Visa bild'.
Säljer du prenumerationer för en medlemskapswebbplats, onlinekurser eller liknande? Då kanske du vill visa information om kundens prenumeration, som priset och när nästa betalning förfaller.
För att lägga till den här sektionen, klicka för att expandera 'Prenumeration' i menyn till höger. Aktivera sedan växlingsknappen 'Visa prenumerationsförhandsgranskning'.
I det här avsnittet kan du också ersätta standardtexten 'Prenumeration' med ditt eget meddelande genom att skriva i fältet 'Rubrik'.
På samma sätt, om du säljer digitala nedladdningar, kan du lägga till en 'Nedladdningar'-sektion på tack-sidan. Denna innehåller användbar information, såsom filnamn, antal återstående nedladdningar och utgångsdatum.
Du kan till och med lägga till en knapp så att shoppare kan ladda ner sitt köp direkt från den anpassade tack-sidan, vilket förbättrar kundupplevelsen.
För att lägga till den här sektionen, klicka bara för att expandera 'Nedladdningar' i menyn till höger. Du kan sedan lägga till och ta bort information med hjälp av omkopplarna.
Du kan också ersätta standardrubriken och knapptexten med ditt eget meddelande.
När du är nöjd med hur Orderdetaljer är inställt, kanske du vill ändra hur det ser ut genom att klicka på fliken 'Stil'.
Här kan du ändra rubriken och bakgrundsfärger över hela beställningssektionen eller få enskilda element inom sektionerna 'Nedladdning' eller 'Prenumeration' att sticka ut.
Redigera widgeten för kundinformation
Därefter är det dags att titta på 'Kunddetaljer', som är en annan unik widget som tillhandahålls av FunnelKit.
Klicka helt enkelt för att välja sektionen 'Kunduppgifter' och gör sedan dina ändringar i menyn till höger. Du kan till exempel ersätta standardrubriken med ditt eget budskap genom att skriva det i fältet 'Rubrik'.
Du kan också växla mellan en layout med flera kolumner eller en enda kolumn med hjälp av rullgardinsmenyn 'Layout'.
Därefter kan du klicka på fliken 'Stil' och ändra typsnitt, textstorlek, färger och mer.
Lägg till fler block till den anpassade tack-sidan
När du är nöjd med ändringarna du har gjort i mallen, kanske du vill lägga till ditt eget innehåll. Detta kan hjälpa dig att förbättra kundupplevelsen, få mer försäljning, marknadsföra ditt varumärke och mer.
För att lägga till block, klicka helt enkelt på '+' ikonen i det övre högra hörnet och dra valfritt block till din design. FunnelKit, WooCommerce och WordPress erbjuder många olika block, så låt oss snabbt titta på några exempel.
- Marknadsför dina andra WooCommerce-produkter
Tack-sidan kan verka som slutet på köpresan, men det behöver inte vara så. Du kan använda den här sidan för att rekommendera andra produkter som kunden kanske vill köpa. Detta kan öka försäljningen samtidigt som det ökar medvetenheten om de andra fantastiska produkter du säljer.
För att se vilka block som finns tillgängliga, scrolla till sektionen 'WooCommerce' i menyn till vänster. Här hittar du block som 'Mest sålda produkter', 'Nyaste produkter', 'Produkter på rea' och mer.
Hitta helt enkelt det block du vill använda och dra det till din design.
När det är gjort kan du klicka för att välja blocket och sedan anpassa det med hjälp av inställningarna i den högra menyn.
- Få fler följare på sociala medier
Sociala medier-webbplatser som X (Twitter) och Facebook är den perfekta platsen att marknadsföra dina produkter, så du vill ha så många följare som möjligt. Med det i åtanke är det en bra idé att lägga till länkar till sociala medier på din anpassade tack-sida.
Eftersom dessa kunder redan har köpt från ditt företag, är de mer benägna att följa dig på Instagram, Snapchat, YouTube och andra sociala plattformar.
För att komma igång, dra helt enkelt ett 'Sociala ikoner'-block till din sida. Du kan sedan klicka på '+' ikonen och välja den sociala ikon som du vill lägga till.
Efter att ha gjort ditt val, klicka på den nya ikonen i blocket 'Sociala ikoner'.
I miniverktygsfältet som visas, skriv in URL:en till profilen du vill länka till.
Upprepa helt enkelt dessa steg för att lägga till alla dina sociala mediekonton i blocket.
- Ge kunder exklusiva kupongkoder
En kupongkod uppmuntrar kunder att köpa från dig igen. Av den anledningen kanske du vill lägga till en kupongkod på din tack-sida. Du kan till exempel erbjuda kunder en gratis fraktrabatt på sitt nästa köp.
Du kan skapa en kupongkod med WooCommerce inbyggda kupongfunktion eller genom att använda ett kupongkod-plugin.
Efter att ha skapat en kupong, lägg helt enkelt till ett textblock på tack-sidan. Du kan sedan skriva in kupongen i det här blocket, tillsammans med eventuella andra meddelanden du vill använda.
Detta är en bra början, men du kanske vill visa olika kupongkoder för olika kunder. Till exempel kan du erbjuda förstagångskunder en stor procentuell rabatt på sitt nästa köp för att hjälpa till att bygga kundlojalitet.
Det bästa sättet att göra detta är genom att uppgradera till FunnelKit Builder Pro. Detta premiumtillägg har en kraftfull regelbaserad motor som låter dig visa olika kuponger för shoppare baserat på orderbelopp, antal varor, den använda WooCommerce betalningsgatewayen och mycket mer.
Publicera den anpassade WooCommerce-tacksidan
När du är nöjd med hur tack-sidan är inställd, klicka på 'Uppdatera' för att spara dina ändringar. Klicka sedan på 'Tillbaka till tack-sidan'.
Du kan nu klicka på knappen 'Utkast' bredvid 'Tack-sida' och välja 'Publicera'.
Detta gör tack-sidan live på din WordPress-webbplats.
Metod 2: Skapa en anpassad WooCommerce-tacksida med en sidbyggare
Du kan också skapa en anpassad WooCommerce-tacksida med hjälp av SeedProd. Detta gör att du kan designa sidan med en dra-och-släpp-redigerare, vilket är perfekt om du tycker att WordPress blockredigerare är för begränsande eller svår att använda.
SeedProd levereras med över 350+ professionellt designade mallar, inklusive e-handelsmallar som du kan använda för att skapa försäljningssidor och lead squeeze pages.
Ännu bättre, SeedProd har fullt stöd för WooCommerce och kommer till och med med färdiga WooCommerce-block som du enkelt kan dra till dina layouter.
Våra partner varumärken har använt detta verktyg för att skapa sina tack-sidor och har sett utmärkta resultat. För att lära dig mer, se vår SeedProd-recension.
Det första du behöver göra är att installera och aktivera pluginet. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.
Efter aktivering, gå till SeedProd » Inställningar och ange din licensnyckel.
Du hittar denna information på ditt konto på SeedProd-webbplatsen. Efter att ha angett licensen klickar du på knappen ‘Verify Key’.
Notera: Det finns en gratisversion av SeedProd, men för den här guiden kommer vi att använda Pro-versionen eftersom den har de inbyggda WooCommerce-blocken vi behöver. Den integreras också med e-postmarknadsföringstjänster som du kanske redan använder för att marknadsföra din onlinebutik.
Välj en mall för tacksidan
Därefter går du till SeedProd » Landningssidor och klickar på 'Lägg till ny landningssida'.
Välj sedan en mall för din tack-sida.
SeedProds mallar är organiserade i olika kampanxtyper, som kommande och 404-sidor. Eftersom du skapar en anpassad WooCommerce-tacksida, fortsätt och klicka på fliken 'Thank You'.
För den här guiden kommer vi att använda mallen 'Order Completed Thank You Page'.
Håll bara muspekaren över den här mallen och klicka sedan på bockikonen.
Skriv sedan in ett namn för din anpassade WooCommerce tack-sida. SeedProd kommer automatiskt att använda detta namn i sin URL, men du kan redigera URL:en om du vill.
När du är nöjd med den information du har angett, klicka på knappen 'Spara och börja redigera sidan'.
Detta laddar SeedProd-redigeraren, som visar en liveförhandsgranskning av sidan till höger och vissa inställningar till vänster.
För att anpassa ett block, klicka helt enkelt för att välja det i sidbyggaren och använd sedan inställningarna i menyn till vänster.
Menyn till vänster har också block som du kan dra till orderbekräftelsemallen.
Få fler försäljningar genom att lägga till en merförsäljningssektion
Sälja mer produkter på tack-sidan är en beprövad teknik som marknadsförare använder för att öka försäljningen. Ett alternativ är att skapa ett upsell-block med SeedProd's sektioner.
Sektioner är färdiga samlingar av block som ofta används tillsammans, så de kan hjälpa dig att snabbt skapa vackert designade sidor.
Klicka helt enkelt på fliken 'Sektioner' och välj sedan 'Hero' i menyn till vänster. Håll sedan muspekaren över 'Hero 2' och klicka på '+' ikonen när den visas.
Detta lägger till hjälteavsnittet till din sida.
Klicka för att välja sektionens ‘Bild’-block. Klicka sedan i menyn till vänster på ‘Använd din egen bild’ för att öppna mediabiblioteket.
Du kan nu lägga till en bild för produkten som du vill sälja mer av.
När du har gjort det klickar du på blocket 'Rubrik' och skriver in produktens titel.
Klicka sedan för att välja blocket 'Text' och skriv sedan in produktbeskrivningen.
Du kan uppmuntra kunder att lägga till denna artikel i sin varukorg genom att ersätta platshållaren knappen för uppmaning till handling med en 'Lägg i varukorg'-knapp.
För att göra detta kan du klicka för att välja blocket 'Call To Action' och sedan klicka på ikonen 'Delete Block'.
Därefter vill du hitta blocket 'Lägg i kundvagn' i menyn.
Släpp helt enkelt det här blocket på det tomma utrymmet i din 'Hero 2'-sektion.
Nu är det dags att koppla den här knappen till rätt WooCommerce-produkt.
För att göra detta behöver du känna till produktens ID. Om du inte har denna information, gå till Produkter » Alla produkter i din WordPress-instrumentpanel. Här hovrar du helt enkelt med musen över produkten för att se dess ID.
Tillbaka i SeedProd sidredigerare kan du klicka för att välja blocket 'Lägg till i kundvagnen' och sedan lägga till ID:t i rutan 'Produkt-ID'.
Du kan också aktivera reglaget 'Gå direkt till kassan', så att shopparen går direkt till din butiks kassa.
Vid det här laget kan du ändra hur knappen ser ut med hjälp av inställningarna i menyn till vänster. Du kan till exempel ändra dess färgschema, knapptext, justering och mer.
Därefter är det en bra idé att lägga till en rubrik som marknadsför din merförsäljningsprodukt. Du kan till exempel använda något som 'Du kanske också är intresserad av' eller 'Detta är det perfekta tillägget till din beställning'.
Dra helt enkelt ett 'Rubrik'-block till din layout.
Du kan sedan skriva in det meddelande du vill använda.
Marknadsför dina bästsäljande WooCommerce-produkter
Ett annat alternativ är att lägga till en sektion med bästsäljande produkter på din tack-sida. Eftersom dessa produkter redan är populära är chansen stor att kunden också vill köpa dem.
I menyn till vänster, hitta blocket 'Mest sålda produkter' och dra det till din layout.
Det finns många andra typer av produktgallerier du kan lägga till, som reaprodukter, topprankade produkter, nya produkter och mer.
För mer information, se gärna vår guide om hur man visar populära produkter i WooCommerce.
Publicera din anpassade WooCommerce-tack-sida
När du är nöjd med hur WooCommerce tack-sida ser ut är det dags att publicera den genom att klicka på nedåtpilen bredvid 'Spara' och välja 'Publicera'.
Efter att ha publicerat sidan måste du ändra WooCommerce-inställningarna så att kunderna omdirigeras till din nya sida.
Det enklaste sättet att göra detta är att använda pluginet Thank You Page for WooCommerce. Detta plugin låter dig omdirigera kunder till valfri URL efter ett köp.
Det första du behöver göra är att installera och aktivera pluginet. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.
Efter aktivering måste du ange URL:en till din anpassade tack-sida.
För att få denna information, gå till SeedProd » Landningssidor och hitta tack-sidan du just skapade. Du hittar dess länk i kolumnen 'URL'.
När du har denna information går du till WooCommerce » Tack-sida.
Här markerar du rutan 'Aktivera global tack-sida'.
Du kan nu skriva länken i rutan 'Tack-sidans URL'.
När det är gjort, klicka på 'Spara ändringar' för att lagra dina inställningar.
Nu kommer WooCommerce att skicka kunder till din anpassade tack-sida när de slutför en beställning.
Bonustips: Planera en höstrea för din WooCommerce-butik
Att planera en höstrea för din WooCommerce-butik är ett utmärkt sätt att locka nya kunder och öka intäkterna, särskilt med jul och nyår precis runt hörnet.
Under högtiderna söker shoppare aktivt efter reor, och att erbjuda kuponger eller fraktrabatter kan hjälpa till att driva mer trafik till din webbplats.
En väl genomförd försäljning ökar inte bara omedelbar försäljning utan kan också öka varumärkeskännedomen och uppmuntra till upprepade beställningar från befintliga kunder.
För att lära dig mer kan du gå igenom vår guide om hur du planerar en högtidsrea för din WooCommerce-butik.
Vi hoppas att den här artikeln hjälpte dig att skapa anpassade WooCommerce tack-sidor. Som nästa steg kanske du också vill se vår lista över de bästa WooCommerce-plugins för din butik och vår guide om hur man optimerar kundresan för WooCommerce-butiker.
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.
Har du en fråga eller ett förslag? Lämna gärna en kommentar för att starta diskussionen.