Vil du tilføje et prisgitter Elementor ?

Hvis du bruger din Websted for at sælge dine tjenester eller produkter, er det afgørende at vise de prisplaner, du tilbyder. Elementor, det mest populære WordPress sidebygger-plugin, leveres med en widget Pris tabel som du kan bruge til ubesværet at tilføje et prissætningsgitter til en side eller skabelon. I denne artikel viser vi dig, hvordan du bruger denne widget.

Læs også: Sådan oprettes et afrundet billede i Elementor 

Selve pristabel-widgetten er kun tilgængelig på Elementor. Pro Så for at kunne bruge det skal du bruge det Elementor Pro. I denne artikel tilføjer vi pristabel-widgetten direkte til redigeringsområdet.

Der er to muligheder for at tilføje et prisgitter til en Elementor-side eller -skabelon. For det første kan du bruge en foruddefineret blokskabelon. For det andet kan du selv oprette bordet. Fra nul.

Tilføj prisgitteret fra en foruddefineret skabelon

Elementor har omkring 14 prisgitterblokdesign, som du kan vælge imellem. Igen skal du bruge Elementor Pro for at kunne bruge skabelonerne, da prisgitteret kun er tilgængeligt på Elementor Pro. For at bruge en prisgitterblokskabelon skal du klikke på mappeikonet i redigeringsfeltet for at åbne skabelonbiblioteket.

Klik på fanen i det skabelonbibliotek, der vises blokke og i kategorier vælges Priser i rullemenuen for at filtrere modellerne. Vælg en model, du kan lide, og klik på knappen INDSÆT for at importere det til Elementor-editoren.

tilføj et prisgitter i Elementor

Du kan derefter gå til venstre panel for at ændre standardindholdet i gitrene.

Tilføj prisgitter fra bunden

Hvis du har dit eget designkoncept til det prissætningsgitter, du vil tilføje, er det en god idé at oprette bordene fra bunden. For at lette dit arbejde kan du oprette en tabel. Når du er færdig, kan du kopiere det og tilpasse indholdet af de dobbelte tabeller. Det sparer dig meget tid.

Se også: Sådan oprettes et teammedlemssektion med Elementor

Start med at tilføje et nyt afsnit, og vælg en kolonnestruktur i henhold til antallet af tabeller, du vil oprette, og træk widgeten Pris tabel til en af ​​kolonnerne.

Gå til venstre panel for at ændre standardindholdet. Du kan redigere indholdet under fanen Indhold. Der er 5 parameterblokke, som du kan åbne for at redigere dette: Header, Pricing, Features, Footer og Ribbon.

tilføj et prisgitter i Elementor
  • Header

Du kan åbne denne blok for at ændre indholdet af tabeloverskriften. Du kan ændre titlen med det samme Titel og beskrivelsen med det samme Beskrivelse. Ideelt set bruger du headerafsnittet i tabellen til at tilføje navnet på pakken.

  • Priser

Du kan åbne denne blok for at ændre prisen på pakken. Du kan aktivere indstillingen Udsalg hvis pakken er til salg. Hvis du har viden om tilpassede WordPress-felter, kan du også tilføje dynamisk prissætning ved at klikke på databaseikonet données på marken Pris.

  • Funktionalitet

Du kan åbne denne blok for at tilføje de funktioner, du vil tilbyde på pakken. Som standard har du tre funktioner. Du kan åbne en enhed for at redigere den. For at tilføje en ny funktion kan du bare klikke på knappen TILFØJ ET ELEMENT.

Læs også: 7 kreative måder at bruge Elementor Popup Builder på  

Som standard har hver funktion et tjeklisteikon. For at ændre ikonet skal du blot klikke på ikonet. For at fjerne det skal du bare klikke på skraldespandikonet.

  • Sidefod

Sidefoden er det afsnit, hvor du kan tilføje et link og en knap til opfordring til handling. Du kan også tilføje yderligere oplysninger til dette afsnit.

  • Bånd

Du kan tilføje et salgskort, der ligner "SALG", "SPECIAL", "VARMT TILBUD" til dit bord. Hvis du vil tilføje et salgskode eller et hvilket som helst mærke, du ønsker, kan du åbne blokken bånd og aktiver indstillingen Skærm. Du kan tilføje din yndlingsetiket i marken titel og indstil positionen på indstillingen Position.

Tilpasning af gitter

For at tilpasse komponenterne på etiketten kan du skifte til fanen stil i venstre panel. Du vil også se fem indstillingsblokke på denne fane.

  • Header : Du kan åbne denne blok for at tilpasse overskriftsafsnittet i tabellen. Du kan indstille ting som headerbaggrund, typografi (skrifttypefamilie, skriftstørrelse, skrifttypestil) for titel og beskrivelse samt titeltekstfarve og beskrivelsen.
  • Priser: Du kan åbne denne blok for at tilpasse prissektionen. Du kan indstille ting som baggrundsfarve, typografi, tekstfarve, valutasymbol og position osv.
  • Funktionalitet : Du kan åbne denne blok for at tilpasse enhedsafsnittet. Du kan indstille ting som baggrund, tekstfarve, typografi, justering, separator til / fra osv.
  • Sidefod : Du kan åbne denne blok for at tilpasse sidefodssektionen. Du kan definere elementer såsom baggrund, størrelse på knappen, farve på knappen, typografi af knappen tekst osv.
  • Bånd: Denne blok vises kun, hvis du aktiverer indstillingen Bånd under fanen Indhold. Du kan åbne denne blok for at tilpasse båndet, såsom farve, tekstfarve og typografi.

Når du er færdig med den første tabel, kan du kopiere den til andre kolonner og derefter erstatte indholdet afhængigt af hvilken funktionalitet du vil give på hver tabel / plan. For at kopiere tabellen skal du højreklikke på widgetens håndtag og vælge For at kopiere, højreklik derefter på den kolonne, du vil indsætte den i, og vælg pasta.

I sidste ende

Elementor Pro leveres med en pristabelwidget, så du let kan tilføje et prisgitter til en side eller skabelon. Nogle tilføjelser - som f.eks Glade tilføjelserVæsentlige tilføjelser og JandElements - har også de samme widgets med forskellige stylingmuligheder.

Få Elementor Pro nu!!!

Konklusion

Her er ! Det er det for denne artikel, der viser dig, hvordan du tilføjer et prisgitter i Elementor. Hvis du er bekymret for, hvordan du kommer dertil flad os vide det i kommentarer.

Du kan dog også konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.

Men i mellemtiden del denne artikel på dine forskellige sociale netværk.

...