Så skapar du engagerande priskolumner i din Funnel

Lägg till en ny sektion för priskolumner

• Börja med att lägga till en sektion i full bredd på din Funnel-sida. Den kommer att fungera som behållare för dina priskolumner.
• Tips: Börja med en enda kolumn och klona den för att skapa identiska kolumner, vilket sparar tid jämfört med att styla varje kolumn för sig.

Style dina kolumner

• Markera din kolumn och ställ in bakgrundsfärgen till vit för att skapa kontrast.
• Lägg till en ram med en liten rundning för att skapa rundade hörn och en snyggare känsla. Justera ramens färg och bredd efter önskemål.

Lägg till prisinformation

• Planens namn: Lägg in en rubrik för planens namn (t.ex. “Standard”).
• Pris: Lägg till en till rubrik för priset, gör den större så att den syns tydligt (t.ex. “$97”).
• Betalningsfrekvens: Använd en underrubrik för att ange faktureringsperioden (t.ex. ”/ månadsvis”).

Lista ingående funktioner

• Lägg in en punktlista som beskriver vad som ingår i planen. Centrera listan för ett balanserat utseende.

Call-to-Action-knapp

• Lägg till en knapp med text som “Get Started” för att uppmuntra användare att ta action.

Finslipa dina kolumner

• Lägg till padding ovanför och under varje kolumn för luft.
• Justera avståndet mellan elementen inom kolumnerna för en ren layout.
• Klona den stylade kolumnen två gånger till för att skapa tre identiska kolumner.

Anpassa varje kolumn

• Skräddarsy planens namn, pris och ingående funktioner för varje kolumn så att de speglar olika erbjudanden.
• Justera avståndet efter behov så att elementen ligger jämnt i linje mellan kolumnerna.

Förbättra kolumndesignen

• Överväg att lägga till en skugga på varje kolumn för en subtil djupeffekt.
• Se till att alla knappar är inställda att trigga rätt åtgärd, till exempel att öppna en popup för registrering.

Felsökning och tips

• Avståndsproblem: Om elementen i dina kolumner ser omaka ut på grund av olika innehållslängd, justera inställningarna för innehållsjustering eller använd padding för att skapa enhetlighet.
• Konsekvent styling: För att bevara ett enhetligt utseende, gör dina styling-ändringar på en kolumn innan du klonar den. Det säkerställer att alla kolumner delar samma designelement.

Vanliga frågor

Kan jag anpassa färgschemat för mina priskolumner? Ja, du kan justera bakgrunds-, ram- och textfärger så att de matchar ditt varumärkes färgschema.

Hur säkerställer jag att mina priskolumner är mobilanpassade? Funnel-byggaren i CRM:et justerar automatiskt layouten för mobila enheter. Förhandsgranska dock din sida på olika skärmstorlekar för att säkerställa optimal läsbarhet och justera vid behov.

Vad gör jag om jag vill ha fler än tre priskolumner? Du kan lägga till fler kolumner genom att klona befintliga och justera innehållet. Tänk på sektionens bredd så att alla kolumner ryms bekvämt på sidan.