Hur man lägger till vackra prislistor i WordPress (utan kod)

Att lägga till vackra prislistor som är lätta att skanna gör det möjligt för användare att välja rätt produkt och förenklar beslutsprocessen.

Flera av våra partner varumärken erbjuder olika prisplaner och har skapat prislistor för att visa upp dem. De gör sina tabeller visuellt tilltalande med en färgglad CTA-knapp och en tydlig design som matchar deras varumärke. 🎨

Detta skapar ett enhetligt utseende och uppmuntrar deras användare att göra ett köp.

I den här artikeln visar vi dig hur du enkelt lägger till vackra prislistor i WordPress utan att skriva någon kod.

Varför lägga till prislistor med ett WordPress-plugin?

Det finns två sätt att lägga till nya funktioner på din WordPress-webbplats. Du kan programmera dem manuellt, med kod, eller så kan du använda ett WordPress-plugin.

Om du är bekant med HTML och CSS, kanske du vill skapa en prislista med kod. De programmerings- och designfärdigheter som krävs är inte särskilt avancerade, och du kommer att ha fullständig kontroll över designen av tabellen.

Att skriva och testa koden kommer dock att ta tid. Och du måste också ta hänsyn till dina användare som använder mobila enheter eller olika webbläsare. Du kan sluta med en oattraktiv prissättningstabell som inte ser bra ut för alla dina användare.

Att använda ett WordPress-plugin är snabbare och enklare, och det är den bästa lösningen om du inte har någon design- eller kodningserfarenhet.

Med det sagt, låt oss titta på hur man lägger till vackra prislistor i WordPress utan att skriva någon kod. Vi kommer att täcka två olika WordPress-plugins, och du kan välja det som fungerar för dig:

• Method 1: Add Beautiful Pricing Tables With Easy Pricing Tables
• Method 2: Add Beautiful Pricing Tables With a Page Builder
• Bonus: Öka konverteringar på prissidan
• Vanliga frågor

Metod 1: Lägg till vackra prislistor med Easy Pricing Tables

Den här metoden är ett utmärkt val för att lägga till en prislista på valfri sida eller inlägg med hjälp av standardredigeraren i WordPress.

Om du föredrar en fullständig dra-och-släpp-sidbyggare för att designa hela din sidlayout, kanske du vill hoppa till metod 2.

Först måste du installera och aktivera Easy Pricing Tables plugin. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Steg 1: Skapa prislistan

Efter aktivering, gå till sidan Prislistor » Lägg till ny från sidomenyn i din WordPress-administration. Plugin-programmet kommer att fråga var du vill lägga till din tabell.

För den här handledningen väljer vi alternativet 'Ny sida med prislista' för att visa hur det fungerar från grunden. Du kan dock också lägga till blocket för prislistor till vilket befintligt inlägg eller sida som helst.

Detta öppnar en ny prissida i WordPress blockredigerare, där en uppmaning att välja en mall visas på skärmen.

Härifrån, välj en design som du gillar för att bädda in prislistorna på din WordPress-sida.

Steg 2: Anpassa prislistan

Att anpassa prislistan är superenkelt. Du kan till exempel börja med att ändra rubrikerna för prisplanerna.

Därefter kan du klicka på tabellen för att börja lägga till underrubriker, funktioner, priser och mer.

Du kan använda blockverktygsfältet högst upp i tabellblocket för att lägga till en ny kolumn, ändra justeringen av rader och kolumner, ordna om kolumnerna och ändra deras storlekar.

Ofta markeras en plan som ‘rekommenderad’ eller ‘mest populär’ i prislistor. Du kan göra detta genom att välja den kolumn du vill markera och sedan klicka på stjärnikonen i verktygsfältet.

Du kan också ändra tabellens visuella utseende från blockpanelen i det övre högra hörnet av skärmen.

Du kan till exempel ändra accentfärgen för att markera den bästa prisplanen eller ändra knappfärgen längst ner i tabellen.

Du kan också klicka på knapparna för att redigera deras etiketter.

När du har gjort det kan du lägga till en etikett och en URL som du väljer till fälten.

Steg 3: Publicera prislistan

För att publicera prislistan på din WordPress-webbplats, klickar du helt enkelt på knappen ‘Uppdatera’ eller ‘Publicera’ längst upp till höger på skärmen.

Du kan också klicka på länken 'Förhandsgranska' för att se din sida innan du publicerar den på din webbplats.

Nu kan du besöka din webbplats för att se slutresultatet.

Metod 2: Lägg till vackra prislistor med en sidbyggare

Den här metoden är bäst om du vill ha fullständig kontroll över designen på din prissättningssida.

För detta rekommenderar vi SeedProd. Det är en dra & släpp WordPress sidbyggare för företag, bloggare och webbplatsägare, och det bästa valet för att skapa högkonverterande prissidor.

Flera av våra partner varumärken har omgjort hela sina webbplatser med den och deras användare har älskat den nya estetiken. För att lära dig mer, se vår detaljerade SeedProd-recension.

Först måste du installera och aktivera SeedProd-pluginet. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Efter aktivering, gå till sidan SeedProd » Inställningar för att ange din plugin-licensnyckel. Du hittar denna information under ditt konto på SeedProd-webbplatsen.

Efter att ha angett din licensnyckel börjar vi med att skapa en ny landningssida och lägger sedan till ett prislistblock.

Steg 1: Skapa en ny landningssida

För att skapa landningssidan för din prislista måste du gå till SeedProd » Landningssidor och sedan klicka på knappen 'Skapa en ny landningssida'.

På nästa skärm kommer du att bli ombedd att välja en landningssidasmall. SeedProd levereras med dussintals vackra landningssidasmallar snyggt organiserade för olika kampanjtyper.

Klicka helt enkelt för att välja en mall som du vill använda som utgångspunkt.

Du kan lära dig hur du anpassar sidan och lägger till nya block i vår guide om hur man skapar en landningssida med WordPress. När du är redo går vi vidare och lägger till prissättningstabellen.

Steg 2: Lägg till en prislista

Först måste du lägga till några kolumner, så att du har någonstans att placera prislistans block.

Du kan dra blocket 'Kolumn' till sidan och sedan välja tillräckligt med kolumner för att visa dina priser. För den här handledningen väljer vi tre kolumner.

Därefter måste du lokalisera blocket 'Prislista' och dra det över orden 'Dra nytt block här' i var och en av de celler du just skapat.

För den här handledningen behöver du dra blocket till sidan tre separata gånger, en gång för varje kolumn.

För att redigera en prislista, klicka helt enkelt på den.

Du kan nu använda inställningarna på fliken Innehåll för att redigera planens namn och ange namnet på din produkt eller tjänst. Du kan också ändra pris och valuta, lägga till det pris som artikeln normalt kostar när den inte är på rea, och mer.

Därefter måste du växla till fliken Avancerat för att anpassa textfont och storlek, knappfärg och storlek, avstånd, hover-effekter och mer.

Till exempel kan du få en prisnivå att sticka ut mer än andra, vilket uppmuntrar dina användare att välja det alternativet.

Steg 3: Publicera prislistan

När du är nöjd med din landningssida och dina prislistor är det dags att publicera den.

Klicka helt enkelt på nedåtpilen på 'Spara'-knappen och klicka på 'Publicera'.

Du kommer att se en avisering som informerar dig om att din sida har publicerats.

Du kan också klicka på knappen ‘Se live-sida’ för att se hur din nya WordPress-prislista ser ut.

Bonus: Öka konverteringar på prissidan

När du har skapat en attraktiv prissida är det viktigt att optimera den för konverteringar och att uppmuntra användare att göra ett köp.

För att göra detta kan du erbjuda rabatter till nya användare på en specifik prisplan. Detta kan fungera som en incitament och motivera användare.

För att skapa en rabattkupong rekommenderar vi att du använder pluginet Advanced Coupons. För detaljer kan du se vår handledning om hur man skapar smarta kuponger i WooCommerce.

Ett annat tips för att öka försäljningen på din prissida är att skapa en känsla av brådska. Detta kan bygga FOMO bland användare och uppmana dem att agera.

Du kan göra detta genom att lägga till nedräkningstimer, erbjuda begränsade produkter, tidsbegränsade rabatter och mer.

Dessutom kan du använda TrustPulse, som är den bästa WordPress social proof-pluginen på marknaden.

Den visar live kundaktivitet på din webbplats som köp och registreringar för att öka konverteringar. För fler tips kan du se hur du ökar konverteringar på prissidan med 30 %.

Vanliga frågor

Här är några frågor som våra läsare ofta ställer om att lägga till prislistor i WordPress:

Vilken är den bästa prislistans plugin för WordPress?

Det bästa pluginet beror verkligen på dina specifika behov. För en enkel och gratis lösning är Easy Pricing Tables ett utmärkt val för att lägga till tabeller i befintliga inlägg.

Om du behöver fullständig designkontroll över hela sidan, då är en sidbyggare som SeedProd det bästa alternativet. Den innehåller ett dedikerat block för prislistor tillsammans med massor av andra verktyg för att skapa en sida med hög konvertering.

Hur många prisplaner ska jag erbjuda?

De flesta företag finner att det är den optimala lösningen att erbjuda 3 till 4 prisplaner. Detta ger kunderna tillräckligt med alternativ att välja mellan utan att överväldiga dem.

Varför ska jag markera en specifik prisplan?

Att markera en plan som "Mest populär" eller "Bästa värde" är ett smart sätt att styra kundernas beslut.

Det förenklar deras val och leder dem mjukt mot det alternativ som ger bäst balans mellan funktioner och pris.

Hur gör jag min prislista mobilvänlig?

Det enklaste sättet att säkerställa att din prislista är mobilvänlig är att använda ett responsivt plugin.

Verktyg som SeedProd och Easy Pricing Tables är utformade för att automatiskt anpassa din prislists layout så att den ser bra ut på alla enheter, från stationära datorer till smartphones.

Vi hoppas att den här handledningen hjälpte dig att lära dig hur du lägger till vackra prislistor i WordPress utan kodning. Du kanske också vill se en guide för nybörjare om e-handelsuppsättning i WordPress och se vår lista över populära digitala produkter du kan sälja online.

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.