Wilt u een prijsraster toevoegen in Elementor ?
Als u uw Site web om uw diensten of producten te verkopen, is het cruciaal om de tariefplannen die u aanbiedt weer te geven. Elementor, de meest populaire plug-in voor het bouwen van WordPress-pagina's, wordt geleverd met een widget Prijs tabel waarmee u moeiteloos een prijsraster aan een pagina of sjabloon kunt toevoegen. In dit artikel laten we u zien hoe u deze widget kunt gebruiken.
Lees ook: Hoe maak je een afgeronde afbeelding in Elementor
De widget Prijstabel zelf is alleen beschikbaar op Elementor. Pro Dus om het te kunnen gebruiken, moet je het gebruiken Elementor Pro. In dit artikel voegen we de Prijstabel-widget rechtstreeks toe aan het bewerkingsgebied.
Er zijn twee opties om een prijsraster toe te voegen aan een Elementor-pagina of -sjabloon. Ten eerste kunt u een vooraf gedefinieerd bloksjabloon gebruiken. Ten tweede kunt u de tabel zelf maken. Vanaf nul.
Voeg het prijsraster toe vanuit een vooraf gedefinieerde sjabloon
Elementor heeft ongeveer 14 prijsrasterblokontwerpen waaruit u kunt kiezen. Nogmaals, je moet Elementor Pro gebruiken om de sjablonen te gebruiken, aangezien het prijsraster alleen beschikbaar is op Elementor Pro. Om een prijsrasterbloksjabloon te gebruiken, klikt u op het mappictogram in het bewerkingsvak om de sjabloonbibliotheek te openen.
Klik in de sjabloonbibliotheek die verschijnt op het tabblad blokken en selecteer in categorieën Prijzen in het vervolgkeuzemenu om de modellen te filteren. Selecteer een model dat je leuk vindt en klik op de knop INSERT om het in de Elementor-editor te importeren.
U kunt dan naar het linkerdeelvenster gaan om de standaardinhoud van de rasters te wijzigen.
Prijsraster helemaal opnieuw toevoegen
Als u uw eigen ontwerpconcept heeft voor het prijsraster dat u wilt toevoegen, is het een geweldig idee om de tabellen helemaal opnieuw te maken. Om uw werk te vergemakkelijken, kunt u een tabel maken. Als u klaar bent, kunt u het kopiëren en de inhoud van de dubbele tabellen aanpassen. Het zal u veel tijd besparen.
Zie ook: Een teamledensectie maken met Elementor
Begin met het toevoegen van een nieuwe sectie en selecteer een kolomstructuur volgens het aantal tabellen dat u wilt maken en sleep de widget Prijs tabel naar een van de kolommen.
Ga naar het linkerdeelvenster om de standaardinhoud te wijzigen. U kunt de inhoud bewerken onder het tabblad Inhoud. Er zijn 5 parameterblokken die u kunt openen om dit te bewerken: Header, Pricing, Features, Footer en Ribbon.
- Voorvoegsel
U kunt dit blok openen om de inhoud van de tabelkop te wijzigen. Je kunt de titel meteen wijzigen Titel en de beschrijving meteen Beschrijving. In het ideale geval gebruikt u het kopgedeelte van de tabel om de naam van het pakket toe te voegen.
- Prijzen
U kunt dit blok openen om de prijs van het pakket te wijzigen. U kunt de optie activeren: Sale als het pakket in de uitverkoop is. Als je kennis hebt van aangepaste velden in WordPress, kun je ook een dynamische prijs toevoegen door op het databasepictogram te klikken donnees op het veld Prijs.
- Voordelen
U kunt dit blok openen om de functies die u op het pakket wilt aanbieden toe te voegen. Standaard heb je drie functies. U kunt een entiteit openen om deze te bewerken. Om een nieuwe functie toe te voegen, klik je gewoon op de knop EEN ELEMENT TOEVOEGEN.
Lees ook: 7 creatieve manieren om Elementor Popup Builder te gebruiken
Standaard heeft elke functie een checklistpictogram. Om het pictogram te wijzigen, klikt u gewoon op het pictogram. Om het te verwijderen, klikt u gewoon op het prullenbakpictogram.
- footer
De voettekst is het gedeelte waar u een link en een call-to-action-knop kunt toevoegen. U kunt ook aanvullende informatie aan dit gedeelte toevoegen.
- lint
U kunt een uitverkooplabel zoals "UITVERKOOP", "SPECIAL", "HOT AANBIEDING" aan uw tafel toevoegen. Als je een verkooptag of een andere tag wilt toevoegen, kun je het blok openen Ruban en activeer de optie Scherm. U kunt uw favoriete label in het veld toevoegen Titel en stel de positie op de optie in Positie.
Rasteraanpassing
Om de componenten van het label aan te passen, kunt u overschakelen naar het tabblad stijl in het linkerpaneel. Op dit tabblad ziet u ook vijf instelblokken.
- Voorvoegsel : U kunt dit blok openen om het kopgedeelte van de tabel aan te passen. U kunt zaken als koptekstachtergrond, typografie (lettertypefamilie, lettergrootte, letterstijl) van titel en beschrijving instellen, evenals de kleur van de titeltekst en van de beschrijving.
- Prijzen: U kunt dit blok openen om het prijsgedeelte aan te passen. U kunt dingen instellen zoals achtergrondkleur, typografie, tekstkleur, valutasymbool en positie, enz.
- Voordelen : U kunt dit blok openen om de entiteitensectie aan te passen. U kunt zaken als achtergrond, tekstkleur, typografie, uitlijning, scheidingsteken aan/uit zetten, etc.
- footer : U kunt dit blok openen om het voettekstgedeelte aan te passen. U kunt elementen definiëren zoals de achtergrond, de grootte van de knop, de kleur van de knop, de typografie van de knoptekst, enz.
- Lint: Dit blok verschijnt alleen als je de optie activeert lint onder het tabblad Inhoud. U kunt dit blok openen om het lint aan te passen, zoals kleur, tekstkleur en typografie.
Als u klaar bent met de eerste tabel, kunt u deze naar andere kolommen kopiëren en vervolgens de inhoud vervangen, afhankelijk van de functionaliteit die u op elke tabel/plan wilt bieden. Om de tabel te kopiëren, klikt u met de rechtermuisknop op het handvat van de widget en selecteert u Kopiëren, klik vervolgens met de rechtermuisknop op de kolom waarin u het wilt plakken en selecteer Plakken, lijmen.
Op het einde
Elementor Pro wordt geleverd met een Prijstabel-widget waarmee u eenvoudig een prijsraster aan een pagina of sjabloon kunt toevoegen. Sommige add-ons - zoals Gelukkig addons, Essentiële add-ons en JenElementen - hebben ook dezelfde widgets met verschillende stylingopties.
Koop Elementor Pro nu!!!
Conclusie
Alstublieft ! Dat was het voor dit artikel dat je laat zien hoe je een prijsraster toevoegt in Elementor. Als u zich zorgen maakt over hoe er te komen flaat het ons weten in de commentaires.
U kunt echter ook overleggen onze middelen, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie of die op Divi: het beste WordPress-thema aller tijden.
Maar in de tussentijd deel dit artikel op uw verschillende sociale netwerken.
...
