Vill du lägga till ett pristabell i Elementor ?

Om du använder din webbplats för att sälja dina tjänster eller produkter är det avgörande att visa de prisplaner du erbjuder. Elementor, det mest populära plugin-programmet för WordPress-sidbyggare, kommer med en widget Pris tabell som du kan använda för att enkelt lägga till ett prissnitt på en sida eller mall. I den här artikeln visar vi dig hur du använder den här widgeten.

Läs också: Hur man skapar en rundad bild i Elementor 

Själva pristabellswidgeten är endast tillgänglig på Elementor. Pro Så för att kunna använda det måste du använda det Elementor Proffs. I den här artikeln lägger vi direkt till pristabellswidgeten i redigeringsområdet.

Det finns två alternativ för att lägga till ett prisnät till en Elementor-sida eller mall. Först kan du använda en fördefinierad blockmall. För det andra kan du skapa tabellen själv. Från noll.

Lägg till prisrutnätet från en fördefinierad mall

Elementor har ungefär 14 prisnätdesigner som du kan välja mellan. Återigen måste du använda Elementor Pro för att kunna använda mallarna, eftersom prissnitten endast är tillgänglig på Elementor Pro. Klicka på mappikonen i redigeringsfältet för att öppna mallbiblioteket om du vill använda en prismall.

Klicka på fliken i mallbiblioteket som visas Block och i kategorier välj Priser i rullgardinsmenyn för att filtrera modellerna. Välj en modell du gillar och klicka på knappen FÖRA IN för att importera den till Elementor-redigeraren.

lägg till ett prisnät i Elementor

Du kan sedan gå till vänster panel för att ändra standardinnehållet i rutnäten.

Lägg till pristabell från början

Om du har ditt eget designkoncept för det prissättningsgaller du vill lägga till är det en bra idé att skapa borden från grunden. För att underlätta ditt arbete kan du skapa en tabell. När du är klar kan du kopiera det och anpassa innehållet i dubblettabellerna. Det sparar mycket tid.

Se även: Hur man skapar en gruppmedelssektion med Elementor

Börja med att lägga till ett nytt avsnitt och välj en kolumnstruktur enligt antalet tabeller du vill skapa och dra widgeten Pris tabell till en av kolumnerna.

Gå till vänster panel för att ändra standardinnehållet. Du kan redigera innehållet under fliken Innehåll. Det finns 5 parameterblock som du kan öppna för att redigera detta: Sidhuvud, prissättning, funktioner, sidfot och band.

lägg till ett prisnät i Elementor
  • Sidhuvud

Du kan öppna detta block för att ändra innehållet i tabellhuvudet. Du kan ändra titeln direkt Titel och beskrivningen omedelbart Beskrivning. Helst använder du rubriksektionen i tabellen för att lägga till namnet på paketet.

  • Priser

Du kan öppna detta block för att ändra priset på paketet. Du kan aktivera alternativet Sale om paketet är till rea. Om du har kunskap om anpassade WordPress-fält kan du också lägga till dynamisk prissättning genom att klicka på databasikonen uppgifter på fältet Pris.

  • Funktioner

Du kan öppna detta block för att lägga till de funktioner du vill erbjuda på paketet. Som standard har du tre funktioner. Du kan öppna en enhet för att redigera den. För att lägga till en ny funktion kan du bara klicka på knappen LÄGG TILL ETT ELEMENT.

Läs också: 7 kreativa sätt att använda Elementor Popup Builder  

Som standard har varje funktion en checklista. För att ändra ikonen, klicka bara på ikonen. För att ta bort den, klicka bara på papperskorgen.

  • Sidfot

Sidfoten är det avsnitt där du kan lägga till en länk och en uppmaningsknapp. Du kan också lägga till ytterligare information i detta avsnitt.

  • band

Du kan lägga till en försäljningsetikett som "SALE", "SPECIAL", "HOT ERBJUDANDE" till ditt bord. Om du vill lägga till en försäljningstagg eller någon tagg du vill kan du öppna blocket band och aktivera alternativet Visa. Du kan lägga till din favoritetikett i fältet Titel och ställ in positionen på alternativet Placera.

Rutnätsanpassning

För att anpassa komponenterna på etiketten kan du växla till fliken stil i den vänstra panelen. Du kommer också att se fem inställningsblock på den här fliken.

  • Sidhuvud : Du kan öppna detta block för att anpassa rubrikdelen i tabellen. Du kan ställa in saker som rubrikbakgrund, typografi (typsnittsfamilj, teckenstorlek, typsnitt) för titel och beskrivning, samt titeltextfärg och beskrivningen.
  • Priser: Du kan öppna detta block för att anpassa prissektionen. Du kan ställa in saker som bakgrundsfärg, typografi, textfärg, valutasymbol och position etc.
  • Funktioner : Du kan öppna detta block för att anpassa enhetsavsnittet. Du kan ställa in saker som bakgrund, textfärg, typografi, justering, separator på / av, etc.
  • Sidfot : Du kan öppna detta block för att anpassa sidfoten. Du kan definiera element som bakgrund, knappens storlek, knappens färg, typografi på knapptexten etc.
  • Band: Detta block visas bara om du aktiverar alternativet band under fliken Innehåll. Du kan öppna detta block för att anpassa bandet, till exempel färg, textfärg och typografi.

När du är klar med den första tabellen kan du kopiera den till andra kolumner och sedan ersätta innehållet beroende på vilken funktionalitet du vill tillhandahålla på varje tabell / plan. För att kopiera tabellen högerklickar du på handtaget på widgeten och väljer Att kopiera, högerklicka sedan på den kolumn du vill klistra in den och välj pasta.

I finalen

Elementor Pro levereras med en pristabell-widget så att du enkelt kan lägga till ett prisnät på en sida eller mall. Vissa tillägg - till exempel Glada tilläggViktiga tillägg och JandElements - har också samma widgets med olika stylingsalternativ.

Skaffa Elementor Pro nu!!!

Slutsats

Här är ! Det är det för den här artikeln som visar hur du lägger till ett prisnät i Elementor. Om du har några frågor om hur du kommer dit flåt oss veta i commentaires.

Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.

Men under tiden dela den här artikeln på dina olika sociala nätverk.

.