Referentie

Page Builder Sandwich blokkenreferentie

Elk blok van Page Builder Sandwich en Page Builder Sandwich Pro (44 gratis, 68 Pro): de naam voor code en AI-agents, wat het doet, en elk attribuut met type en standaardwaarde, rechtstreeks gelezen uit de block.json-bestanden van de plugin.

Lay-out en ontwerp

Geanimeerde tekst pbs/animated-text

Pro. Een paragraaf of kop die zichzelf typt, of waarvan de woorden infaden of omhoog komen wanneer deze in beeld scrolt. Blijft stilstaand voor bezoekers die om minder beweging vragen. Bekijk het in actie.

AttribuutTypeStandaardWaarden
contentstring""—
tagstring"p"p h2 h3 h4 h5 h6
effectstring"fade"typewriter fade rise
speedstring"normal"slow normal fast

Editor ondersteunt: interactivity.

Knoplink pbs/button

Gratis. Een link vormgegeven als een knop. Bekijk de werking.

AttribuutTypeStandaardWaarden
urlstring""—
textstring""—
stylestring""—
targetstring"" _blank
relstring""—
alignstring"" left center right
wrapStylestring""—
wrappedbooleanfalse—
wrapDataobject——
legacyClassstring""—
legacyDataobject——
legacybooleanfalse—

Container pbs/container

Gratis. Een box die de blokken erin indeelt met flexbox of een raster. Nest containers om elke lay-out te bouwen. Blijft leesbaar als de plugin ooit wordt uitgeschakeld. Bekijk het in actie.

AttribuutTypeStandaardWaarden
tagstring"div"section div header footer article aside main nav
widthstring"full"full boxed
linkobject——

Cursoreffecten pbs/cursor-effects

Pro. Een ring, een spotlight of een kort spoor dat de muisaanwijzer volgt over een sectie of over de hele pagina. Uitgeschakeld op touchscreens en voor bezoekers die vragen om minder beweging. Bekijk het in actie.

AttribuutTypeStandaardWaarden
effectstring"ring"ring spotlight trail
scopestring"section"section page

Editor ondersteunt: interactivity.

Taalschakelaar pbs/language-switcher

Gratis. Laat bezoekers deze pagina in een andere taal lezen, gestyled passend bij uw pagina. Vereist de Tranzly-plugin voor de talen. Bekijk de werking.

AttribuutTypeStandaardWaarden
designstring"pills"list pills buttons dropdown codes
displaystring"name"name code name_code
flagsbooleanfalse—
flagShapestring"" rectangle rounded square circle
flagSizestring"" medium small large
showCurrentbooleantrue—
hideMissingbooleanfalse—
verticalbooleanfalse—
labelstring""—
varsobject{}—

Lichtkrant pbs/marquee

Pro. Een regel met korte teksten die over de pagina scrolt, met een pauzeknop. Stilstaand voor bezoekers die om minder beweging vragen. Bekijk de werking.

AttribuutTypeStandaardWaarden
itemsarray[]—
labelstring""—
separatorstring"dot"dot slash star none
speedstring"normal"slow normal fast
directionstring"start"start end

Editor ondersteunt: interactivity.

Deeltjesachtergrond pbs/particles

Pro. Een sectie met langzaam zwevende stippen achter de blokken. Eén stilstaand beeld voor bezoekers die om minder beweging vragen. Bekijk het in actie.

AttribuutTypeStandaardWaarden
colorstring""—
densitystring"normal"low normal high
speedstring"normal"slow normal fast
linksbooleantrue—

Editor ondersteunt: interactivity.

Row pbs/row

Gratis. Een rij met kolommen. Blijft leesbaar als de plug-in ooit wordt uitgeschakeld. Bekijk de werking.

Binnenste blokken: Column.

AttribuutTypeStandaardWaarden
stylestring""—
widthstring"" full-width full-width-retain-content
legacyClassstring""—
legacyDataobject——
legacybooleanfalse—

Sectie pbs/section

Gratis. Een pagina-brede strook die de inhoud indeelt met flexbox of een grid. Blijft leesbaar als de plug-in ooit wordt uitgeschakeld. Bekijk de werking.

AttribuutTypeStandaardWaarden
tagstring"section"section div header footer article aside main nav
widthstring"boxed"full boxed
alignstring"full"—
linkobject——

Editor ondersteunt: align.

Inhoud

Accordeon pbs/accordion

Gratis. Vragen of secties die openen en sluiten. Optioneel één voor één, en optioneel opgemaakt als een FAQ voor zoekmachines. Bekijk het in actie.

Binnenste blokken: Accordeon-item.

AttribuutTypeStandaardWaarden
singlebooleanfalse—
faqbooleanfalse—

Alert pbs/alert

Gratis. Een melding voor je bezoekers: informatie, succes, een waarschuwing of een fout, met een optionele titel en een sluitknop. Bekijk hoe het werkt.

AttribuutTypeStandaardWaarden
variantstring"info"info success warning error
titlestring""—
contentstring""—
showIconbooleantrue—
dismissiblebooleanfalse—

Editor ondersteunt: interactivity.

Badge pbs/badge

Gratis. Een kort label zoals Nieuw, Uitverkoop of Beste waarde. Bekijk het in werking.

AttribuutTypeStandaardWaarden
contentstring""—
variantstring"accent"neutral info success warning error accent
justifystring"start"start center end

Checklist pbs/checklist

Gratis. Een takenlijst, waarbij elke taak is gemarkeerd als voltooid of nog te doen, zowel in woorden voor schermlezers als met een vinkje. Bekijk de werking.

AttribuutTypeStandaardWaarden
itemsarray[]—
accentstring"primary"text primary secondary contrast

Content switcher pbs/content-switcher

Pro. Een schakelaar tussen twee of meer versies van bepaalde inhoud, zoals maandelijkse en jaarlijkse prijzen. Bekijk de werking.

Binnenste blokken: Switcher paneel.

AttribuutTypeStandaardWaarden
labelstring""—

Dubbele kop pbs/dual-heading

Gratis. Een kop in twee delen, waarvan het tweede deel geaccentueerd is met een kleur, een kleurverloop, een omtrek of een onderstreping. Bekijk de werking.

AttribuutTypeStandaardWaarden
firststring""—
secondstring""—
levelinteger2—
lookstring"accent"accent gradient outline underline
stackedbooleanfalse—
justifystring"start"start center end

Functielijst pbs/feature-list

Gratis. Functies in een raster, elk voorzien van een pictogram, een kop en een korte beschrijving. Bekijk de werking.

AttribuutTypeStandaardWaarden
itemsarray[]—
iconstring"check"check star info arrow dot circle
columnsinteger3—
levelinteger2—
accentstring"primary"text primary secondary contrast

Woordenlijst pbs/glossary

Gratis. Termen en hun definities, gesorteerd van A tot Z, elk met een eigen link. Kan de eerste vermelding van elke term op de pagina koppelen aan de bijbehorende definitie. Bekijk de werking.

AttribuutTypeStandaardWaarden
itemsarray[]—
sortbooleantrue—
showIndexbooleanfalse—
autoLinkbooleanfalse—

Pictogrammenlijst pbs/icon-list

Gratis. Een lijst waarbij elke regel begint met een pictogram: een vinkje, een pijl of een willekeurig pictogram uit de bibliotheek. Bekijk het in actie.

AttribuutTypeStandaardWaarden
itemsarray[]—
iconstring"check"check dot arrow star circle
layoutstring"stacked"stacked inline
accentstring"primary"text primary secondary contrast

Infovak pbs/info-box

Gratis. Een pictogram, een korte kop, een of twee zinnen en een optionele link: voor diensten, voordelen of contactgegevens. Bekijk het in actie.

AttribuutTypeStandaardWaarden
svgstring""—
iconRefstring""—
iconstring"info"info star check arrow dot circle
showIconbooleantrue—
titlestring""—
contentstring""—
linkUrlstring""—
linkTextstring""—
newTabbooleanfalse—
alignstring"start"start center
levelinteger2—
accentstring"primary"text primary secondary contrast

Modal pbs/modal

Gratis. Een knop die een venster over de pagina opent, met daarin willekeurige blokken. Bekijk de werking.

AttribuutTypeStandaardWaarden
triggerstring""—
titlestring""—
sizestring"medium"small medium large
backdropClosebooleantrue—

Off-canvas-paneel pbs/off-canvas

Gratis. Een knop die een paneel vanaf de zijkant van het venster naar binnen schuift, met daarin willekeurige blokken. Bekijk de werking.

AttribuutTypeStandaardWaarden
triggerstring""—
titlestring""—
sidestring"end"start end
backdropClosebooleantrue—

Berichten pbs/posts

Pro. Berichten, pagina’s, portfolio-items of producten als kaarten: raster, lijst, masonry of carrousel, met een categoriefilter en paginanummering of “Meer laden”. Bekijk de werking.

AttribuutTypeStandaardWaarden
layoutstring"grid"grid list masonry carousel
columnsinteger3—
postTypestring"post"—
perPageinteger6—
categoriesarray[]—
orderBystring"date"date title modified menu_order rand
orderstring"DESC"DESC ASC
showImagebooleantrue—
showDatebooleantrue—
showExcerptbooleantrue—
showTermsbooleanfalse—
showPricebooleantrue—
levelinteger2—
filterbooleanfalse—
paginationstring"none"none numbers more
autoplaybooleanfalse—
intervalinteger5—
loopbooleantrue—
arrowsbooleantrue—
dotsbooleantrue—

Meer weergeven pbs/show-more

Pro. Lange inhoud ingekort tot een vaste hoogte, met een knop die de rest toont. Bekijk de werking.

AttribuutTypeStandaardWaarden
heightstring"medium"small medium large
moreLabelstring""—
lessLabelstring""—

Stappen pbs/steps

Gratis. De genummerde stappen van een proces, op volgorde, onder elkaar op de pagina of naast elkaar. Bekijk de werking.

AttribuutTypeStandaardWaarden
itemsarray[]—
layoutstring"vertical"vertical horizontal
levelinteger2—
accentstring"primary"text primary secondary contrast

Tabs pbs/tabs

Gratis. Inhoud in tabbladen: bezoekers schakelen tussen panelen met muis of toetsenbord. Bekijk de werking.

Binnenste blokken: Tab.

AttribuutTypeStandaardWaarden
labelstring""—
verticalbooleanfalse—
selectedinteger0—

Tooltip pbs/tooltip

Gratis. Een woord of zin die een korte uitleg toont bij hover en toetsenbordfocus. Bekijk de werking.

AttribuutTypeStandaardWaarden
textstring""—
tipstring""—
placementstring"top"top bottom

Marketing en verkoop

A/B-test pbs/ab-test

Pro. Twee versies van een sectie: elke bezoeker ziet er één, en het A/B-testscherm toont welke beter converteert. Bekijk de werking.

Binnenste blokken: A/B-versie.

AttribuutTypeStandaardWaarden
testIdstring""—
namestring""—
splitnumber50—
goalstring""—

Geanimeerde kop pbs/animated-headline

Pro. Een kop waarvan het sleutelwoord verandert, met een pauzeknop en zonder beweging voor bezoekers die minder beweging wensen. Bekijk de werking.

AttribuutTypeStandaardWaarden
beforestring""—
wordsarray[]—
afterstring""—
effectstring"fade"fade slide type
levelinteger2—
intervalinteger2500—

Editor ondersteunt: interactivity.

Voor en na pbs/before-after

Pro. Twee afbeeldingen bovenop elkaar met een schuifregelaar om ze te vergelijken. Bekijk de werking.

AttribuutTypeStandaardWaarden
beforeUrlstring""—
beforeIdinteger0—
beforeAltstring""—
beforeLabelstring""—
afterUrlstring""—
afterIdinteger0—
afterAltstring""—
afterLabelstring""—
positioninteger50—

Editor ondersteunt: interactivity.

Call to action pbs/call-to-action

Gratis. Een koptekst, een zin en een of twee knoppen die de bezoeker aanzetten tot actie. Bekijk het in werking.

AttribuutTypeStandaardWaarden
titlestring""—
contentstring""—
levelinteger2—
primaryTextstring""—
primaryUrlstring""—
primaryNewTabbooleanfalse—
secondaryTextstring""—
secondaryUrlstring""—
secondaryNewTabbooleanfalse—
layoutstring"stacked"stacked split
alignstring"center"start center

Klik om citaat te delen pbs/click-to-tweet

Pro. Een citaat met een knop die een bericht op X opent met het citaat en een link naar deze pagina. Bekijk de werking.

AttribuutTypeStandaardWaarden
quotestring""—
viastring""—
urlstring""—
buttonTextstring""—

Vergelijkingstabel pbs/comparison-table

Gratis. Abonnementen of producten naast elkaar, met ja- en nee-tekens die schermlezers als woorden voorlezen. Bekijk de werking.

AttribuutTypeStandaardWaarden
captionstring""—
columnsarray[]—
rowsarray[]—
stickyHeaderbooleanfalse—
onlyDifferencesbooleanfalse—

Contactknoppen pbs/contact-buttons

Gratis. Knoppen om u te bellen, e-mailen, sms’en of berichten via WhatsApp. Bekijk het in actie.

AttribuutTypeStandaardWaarden
itemsarray[]—
messagestring""—

Aftellen pbs/countdown

Pro. Een timer die aftelt naar een datum, of een evergreen countdown die start wanneer elke bezoeker voor het eerst arriveert. Bekijk het in actie.

AttribuutTypeStandaardWaarden
modestring"date"date evergreen
datestring""—
evergreenHoursinteger24—
labelstring""—
expiredTextstring""—
showSecondsbooleantrue—

Editor ondersteunt: interactivity.

Teller pbs/counter

Pro. Een getal dat oploopt wanneer het in beeld komt, met een label. Bekijk het in actie.

AttribuutTypeStandaardWaarden
startnumber0—
endnumber100—
decimalsinteger0—
durationinteger2000—
prefixstring""—
suffixstring""—
labelstring""—
separatorbooleantrue—

Editor ondersteunt: interactivity.

Kortingscode pbs/coupon-code

Pro. Een kortingscode die bezoekers met één klik kunnen onthullen en kopiëren. Bekijk de werking.

AttribuutTypeStandaardWaarden
codestring""—
descriptionstring""—
buttonTextstring""—
expiresstring""—

Editor ondersteunt: interactivity.

Flip box pbs/flip-box

Pro. Een kaart die omdraait om meer te tonen: bij muisaanwijzing, toetsenbordfocus of met een eigen knop op touchscreens. Bekijk het in actie.

AttribuutTypeStandaardWaarden
svgstring""—
iconRefstring""—
frontTitlestring""—
frontTextstring""—
backTitlestring""—
backTextstring""—
buttonTextstring""—
buttonUrlstring""—
effectstring"flip"flip fade
levelinteger2—

Editor ondersteunt: interactivity.

Formulier pbs/form

Gratis. Toont een formulier van Contact Form 7, WPForms, Gravity Forms of Fluent Forms, opgemaakt in de stijl van je site. Bekijk het in actie.

AttribuutTypeStandaardWaarden
providerstring"" cf7 wpforms gravityforms fluentforms
formIdstring""—
fieldStylestring"outlined"outlined filled underlined
buttonWidthstring"auto"auto full

Formulier pbs/form-builder

Pro. Een contact-, offerte-, aanmeld- of meerstapsformulier met spambeveiliging, bestandsuploads en voorwaardelijke velden; elke inzending kan worden gemaild, opgeslagen, naar een webhook worden verzonden of aan een mailinglijst worden toegevoegd. Bekijk het in actie.

Binnenste blokken: Formulierveld, Formulierstap.

AttribuutTypeStandaardWaarden
formIdstring""—
titlestring""—
submitTextstring""—
successMessagestring""—
redirectUrlstring""—
trackEventstring""—
actionsobject{}—

Hotspots pbs/hotspots

Pro. Een afbeelding met punten die een korte notitie openen wanneer erop geklikt wordt. Bekijk de werking.

AttribuutTypeStandaardWaarden
imageUrlstring""—
imageIdinteger0—
imageAltstring""—
pointsarray[]—

Editor ondersteunt: interactivity.

Logo-grid pbs/logo-grid

Pro. Logo’s van klanten of partners in een grid, elk met een optionele link. Bekijk het in actie.

AttribuutTypeStandaardWaarden
logosarray[]—
columnsinteger4—
grayscalebooleantrue—

Logo marquee pbs/logo-marquee

Pro. Logo’s die langzaam voorbij scrollen, met een pauzeknop; stilstaand voor bezoekers die minder beweging wensen. Bekijk de werking.

AttributeTypeDefaultValues
logosarray[]—
speedstring"normal"slow normal fast
grayscalebooleantrue—

Editor ondersteunt: interactivity.

Lottie-animatie pbs/lottie

Pro. Een Lottie-animatie van een bestand dat je uploadt, afgespeeld op deze site zonder externe verzoeken. Bekijk de werking.

AttribuutTypeStandaardWaarden
fileIdinteger0—
fileNamestring""—
labelstring""—
loopbooleantrue—
playstring"view"view load hover
speednumber1—

Editor ondersteunt: interactivity.

Nieuwsbriefaanmelding pbs/newsletter

Pro. Een e-mailaanmeldingsformulier voor Mailchimp, MailPoet of AWeber, met een toestemmingsselectievakje en een duidelijke melding bij succes of mislukking. Bekijk het in actie.

AttribuutTypeStandaardWaarden
servicestring"mailpoet"mailpoet mailchimp aweber
liststring""—
headingstring""—
textstring""—
buttonTextstring""—
consentTextstring""—
successTextstring""—
layoutstring"stacked"stacked inline

Editor ondersteunt: interactivity.

Prijslijst pbs/price-list

Pro. Items met een naam, een prijs en een korte beschrijving, zoals een menu of een lijst met diensten. Bekijk de werking.

AttribuutTypeStandaardWaarden
itemsarray[]—

Prijstabel pbs/pricing-table

Pro. Abonnementen naast elkaar met hun prijs, functies en een knop, met een optionele maandelijkse / jaarlijkse schakelaar. Bekijk het in actie.

AttribuutTypeStandaardWaarden
plansarray[]—
billingTogglebooleanfalse—
currencystring"$"—
monthlyLabelstring""—
yearlyLabelstring""—
yearlyNotestring""—
levelinteger2—

Editor ondersteunt: interactivity.

Promotiebalk pbs/promo-bar

Pro. Een slanke aankondigingsbalk die boven- of onderaan het scherm blijft staan en door bezoekers gesloten kan worden. Bekijk de werking.

AttribuutTypeStandaardWaarden
contentstring""—
linkTextstring""—
linkUrlstring""—
newTabbooleanfalse—
positionstring"top"top bottom inline
dismissiblebooleantrue—
variantstring"dark"dark accent light

Editor ondersteunt: interactivity.

Meldingen van recente verkopen pbs/social-proof

Pro. Kleine meldingen van echte recente bestellingen van WooCommerce of Easy Digital Downloads: de voornaam en woonplaats van de koper, alleen voor kopers die bij het afrekenen akkoord zijn gegaan. Bekijk het in actie.

AttribuutTypeStandaardWaarden
sourcestring"auto"auto woocommerce edd
countinteger10—
maxAgeDaysinteger14—
showForinteger6—
gapinteger12—
positionstring"start"start end
showProductbooleantrue—
showTimebooleantrue—

Editor ondersteunt: interactivity.

Deelbalk pbs/share-bar

Pro. Knoppen om deze pagina te delen op sociale netwerken, via e-mail, via het eigen deelmenu van het apparaat, of door de link te kopiëren. Bekijk het in actie.

AttribuutTypeStandaardWaarden
networksarray[]—
layoutstring"inline"inline floating
labelstring""—

Editor ondersteunt: interactivity.

Sociale pictogrammen pbs/social-icons

Gratis. Links naar uw profielen, weergegeven met de eigen pictogrammen van de netwerken. Bekijk de werking.

AttribuutTypeStandaardWaarden
itemsarray[]—
lookstring"filled"plain filled outline
shapestring"circle"circle rounded square
sizestring"medium"small medium large
justifystring"start"start center end
newTabbooleantrue—

Team pbs/team

Pro. Mensen met hun foto, naam, functie, een korte bio en links. Bekijk het in actie.

AttribuutTypeStandaardWaarden
membersarray[]—
columnsinteger3—
levelinteger2—

Testimonial pbs/testimonial

Gratis. Een citaat van een klant met hun naam, rol, foto en een optionele sterrenbeoordeling. Bekijk het in actie.

AttribuutTypeStandaardWaarden
quotestring""—
namestring""—
rolestring""—
imageUrlstring""—
imageIdinteger0—
imageAltstring""—
ratinginteger0—
layoutstring"stacked"stacked side
alignstring"start"start center

Tijdlijn pbs/timeline

Pro. Gebeurtenissen op volgorde met hun data, langs een lijn. Bekijk het in actie.

AttribuutTypeStandaardWaarden
itemsarray[]—
levelinteger2—

Vertrouwensbadges pbs/trust-badges

Pro. Korte geruststellingen met elk een icoon: veilige betaling, gratis bezorging, eenvoudig retourneren. Bekijk het in actie.

AttribuutTypeStandaardWaarden
badgesarray[]—
layoutstring"row"row grid

WhatsApp-chatknop pbs/whatsapp

Gratis. Een zwevende knop in een hoek van de pagina die een WhatsApp-chat met u opent. Bekijk het in actie.

AttribuutTypeStandaardWaarden
phonestring""—
messagestring""—
labelstring""—
showLabelbooleanfalse—
positionstring"end"end start

Afbeeldingen, video en media

3D-modelviewer pbs/model-viewer

Pro. Een 3D-model (glTF of GLB) dat bezoekers kunnen draaien en zoomen, optioneel in augmented reality. Bekijk de werking.

AttribuutTypeStandaardWaarden
srcstring""—
altstring""—
posterstring""—
autoRotatebooleanfalse—
arbooleanfalse—

Audiospeler pbs/audio-player

Pro. Een podcast- of muziekspeler: afleveringen, artwork en afspeelsnelheid rond de eigen speler van de browser. Bekijk de werking.

AttribuutTypeStandaardWaarden
tracksarray[]—
titlestring""—
artworkobject——

Boekingskalender pbs/booking

Gratis. Een Calendly- of Cal.com-boekingskalender, alleen geladen wanneer de bezoeker erom vraagt. Bekijk de werking.

AttribuutTypeStandaardWaarden
providerstring"calendly"calendly cal
urlstring""—
labelstring""—

Editor ondersteunt: interactivity.

Pro. Afbeeldingen in een masonry-, uitgevuld of gelijkmatig raster, die openen in een toegankelijke lightbox. Bekijk de werking.

AttribuutTypeStandaardWaarden
imagesarray[]—
layoutstring"masonry"masonry justified grid
columnsinteger3—
lightboxbooleantrue—
captionsbooleanfalse—

Pictogram pbs/icon

Gratis. Een SVG-pictogram. De markup wordt opgeschoond voordat deze wordt getoond. Bekijk de werking.

AttribuutTypeStandaardWaarden
svgstring""—
stylestring""—
iconRefstring""—
displaystring—inline block
justifystring"start"start center end
labelstring""—

Afbeeldingsaccordeon pbs/image-accordion

Pro. Afbeeldingspanelen naast elkaar; het paneel onder de muisaanwijzer of het toetsenbord wordt breder om de tekst weer te geven. Bekijk de werking.

AttribuutTypeStandaardWaarden
itemsarray[]—

Kaart pbs/map

Gratis. Een kaart van een plaats van OpenStreetMap: geen sleutel, en er wordt niets geladen van OpenStreetMap totdat de bezoeker om de kaart vraagt. Bekijk de werking.

AttribuutTypeStandaardWaarden
latnumber——
lngnumber——
zoomnumber14—
labelstring""—

Editor ondersteunt: align, interactivity.

Parallax-afbeelding pbs/parallax-image

Pro. Een afbeelding die meebeweegt terwijl de pagina scrolt. Stilstaand voor bezoekers die de voorkeur geven aan minder beweging. Bekijk de werking.

KenmerkTypeStandaardWaarden
imageobject——
strengthstring"medium"low medium high
heightstring"medium"small medium large

PDF-viewer pbs/pdf-viewer

Pro. Een PDF die door de browser op de pagina wordt getoond, met een link om deze te openen. Bekijk de werking.

AttribuutTypeStandaardWaarden
srcstring""—
titlestring""—
heightstring"medium"small medium large

QR-code pbs/qr-code

Gratis. Een QR-code voor een webadres of willekeurige tekst, getekend op uw eigen site (er wordt geen QR-dienst gebruikt). Bekijk het in werking.

AttribuutTypeStandaardWaarden
textstring""—
svgstring""—
altstring""—
captionstring""—

Slider pbs/slider

Pro. Een carrousel van dia’s, afbeeldingen, berichten of producten: vegen, knoppen of automatisch, en toegankelijk. Bekijk de werking.

Binnenste blokken: Slide.

AttribuutTypeStandaardWaarden
labelstring""—
sourcestring"slides"slides images posts products
imagesarray[]—
postTypestring"post"—
perPageinteger6—
categoriesarray[]—
orderBystring"date"date title modified menu_order rand
orderstring"DESC"DESC ASC
showImagebooleantrue—
showDatebooleantrue—
showExcerptbooleantrue—
showTermsbooleanfalse—
showPricebooleantrue—
effectstring"slide"slide fade kenburns
perViewinteger1—
perViewTabletinteger1—
perViewMobileinteger1—
autoplaybooleanfalse—
intervalinteger5—
loopbooleantrue—
arrowsbooleantrue—
dotsbooleantrue—

Pro. Een raster van video’s. YouTube en Vimeo laden pas wanneer een bezoeker op afspelen drukt, waarbij posters op uw site worden bewaard. Bekijk het in actie.

AttribuutTypeStandaardWaarden
videosarray[]—
columnsinteger3—

Video-afspeellijst pbs/video-playlist

Pro. Eén speler en een lijst met video’s: uw eigen bestanden, of YouTube en Vimeo die pas worden geladen wanneer ze worden geselecteerd. Bekijk het in actie.

AttribuutTypeStandaardWaarden
videosarray[]—
labelstring""—

Gegevens, grafieken en tabellen

Grafiek pbs/chart

Pro. Een staaf-, lijn- of cirkeldiagram getekend op de server, met de getallen in een tabel voor iedereen die het diagram niet kan zien. Bekijk de werking.

AttribuutTypeStandaardWaarden
typestring"bar"bar line pie
titlestring""—
labelsarray[]—
seriesarray[]—
valuePrefixstring""—
valueSuffixstring""—
heightstring"medium"short medium tall
showLegendbooleantrue—
showValuesbooleanfalse—

Code pbs/code

Gratis. Een codelijst met syntaxismarkering, regelnummers en een kopieerknop. Blijft leesbaar als de plug-in ooit wordt uitgeschakeld. Bekijk het in actie.

KenmerkTypeStandaardWaarden
codestring""—
languagestring"auto"—
filenamestring""—
lineNumbersbooleanfalse—
copybooleantrue—
wrapbooleanfalse—

Editor ondersteunt: interactivity.

Gegevenstabel pbs/data-table

Pro. Een tabel die bezoekers kunnen sorteren en doorzoeken, en die leesbaar blijft op een telefoon. Plak of importeer een CSV-bestand. Bekijk de werking.

AttribuutTypeStandaardWaarden
captionstring""—
columnsarray[]—
rowsarray[]—
sortablebooleantrue—
searchablebooleantrue—
layoutstring"stack"stack scroll
stripedbooleantrue—
rowHeadersbooleanfalse—

Editor ondersteunt: interactivity.

Evenementen pbs/events

Pro. Komende evenementen als lijst of maandkalender, in de tijdzone van de site. Afgelopen evenementen verdwijnen vanzelf uit de lijst. Bekijk het in actie.

AttribuutTypeStandaardWaarden
eventsarray[]—
viewstring"list"list calendar
showPastbooleanfalse—
sourcestring"manual"manual tec
tecCategorystring""—
limitnumber20—
categoriesarray[]—
hideCanceledbooleanfalse—
hidePostponedbooleanfalse—

Editor ondersteunt: interactivity.

Google- en Trustpilot-beoordelingen pbs/reviews

Pro. Je Google- en Trustpilot-beoordelingen als een raster, slider of badge. Eenmaal per dag op de achtergrond vernieuwd, zodat pagina’s nooit hoeven te wachten op een van beide diensten. Bekijk het in actie.

AttribuutTypeStandaardWaarden
sourcestring"both"both google trustpilot
layoutstring"grid"grid slider badge
minRatinginteger4—
orderstring"newest"newest best
countinteger6—
showDatebooleantrue—
showSummarybooleanfalse—
labelstring""—

Editor ondersteunt: interactivity.

Organigram pbs/org-chart

Pro. Wie aan wie rapporteert, als een stamboom van mensen met hun rollen en foto’s. Bekijk het in actie.

AttribuutTypeStandaardWaarden
labelstring""—
peoplearray[]—

Voortgangsbalk pbs/progress-bar

Gratis. Een gelabelde balk die toont hoever iets gevorderd is, zoals een vaardigheid of een doel. Bekijk het in actie.

AttribuutTypeStandaardWaarden
labelstring""—
valueinteger50—
maxinteger100—
showValuebooleantrue—

Voortgangscirkel pbs/progress-circle

Pro. Een ring die zich vult tot een waarde, met het getal en een label als echte tekst. Bekijk het in actie.

AttribuutTypeStandaardWaarden
valuenumber75—
maxnumber100—
labelstring""—
formatstring"percent"percent value
sizestring"medium"small medium large
thicknessstring"normal"thin normal thick

Query-loop pbs/query-loop

Pro. Toon berichten, producten, gebruikers, categorieën of een repeater-veld, gefilterd en gesorteerd, met een kaart die u eenmalig ontwerpt. Optionele live filters en pagina’s. Bekijk de werking.

AttribuutTypeStandaardWaarden
loopIdstring""—
sourcestring"posts"posts users terms field
postTypestring"post"—
inheritbooleanfalse—
termsarray[]—
metaKeystring""—
metaValuestring""—
metaComparestring"="= != > >= < <= LIKE EXISTS NOT EXISTS
orderBystring"date"—
orderMetaKeystring""—
orderstring"DESC"DESC ASC
perPageinteger6—
offsetinteger0—
excludeCurrentbooleanfalse—
taxonomystring"category"—
hideEmptybooleantrue—
fieldProviderstring"meta"—
fieldKeystring""—
columnsinteger3—
layoutstring"grid"grid list
paginationstring"none"none numbers prevnext
filtersarray[]—
filterPositionstring"top"top start
livebooleantrue—
noResultsstring""—

Editor ondersteunt: interactivity.

Roadmap pbs/roadmap

Pro. Wat gepland is, in uitvoering en voltooid, als een bord met drie kolommen of als één lijst. Bekijk het in actie.

AttributeTypeDefaultValues
itemsarray[]—
layoutstring"board"board list
headingLevelinteger2—

Sterbeoordeling pbs/star-rating

Gratis. Een beoordeling weergegeven als sterren, in stappen van een halve ster. Bekijk het in actie.

AttribuutTypeStandaardWaarden
ratingnumber4—
maxinteger5—
showValuebooleanfalse—

Websitebouw en navigatie

Auteursvak pbs/author-box

Pro. De auteur van dit bericht: foto, naam, biografie en links. Bekijk de werking.

AttribuutTypeStandaardWaarden
showAvatarbooleantrue—
showBiobooleantrue—
showPostsbooleantrue—
showWebsitebooleantrue—
avatarSizenumber96—
headingLevelstring"h2"—

Auteursprofiel pbs/user-profile

Gratis. De foto, naam, biografie en links van de auteur, of die van een gekozen gebruiker. Bekijk hoe het werkt.

AttribuutTypeStandaardWaarden
sourcestring"author"author user
userIdnumber0—
showAvatarbooleantrue—
showBiobooleantrue—
showLinksbooleantrue—

Terug naar boven pbs/back-to-top

Pro. Een knop in de hoek van het scherm die de bezoeker terugbrengt naar de bovenkant van de pagina. Bekijk de werking ervan.

AttribuutTypeStandaardWaarden
labelstring""—
positionstring"end"—
showAfternumber400—
showLabelbooleanfalse—

Editor ondersteunt: interactivity.

Kruimelpad pbs/breadcrumbs

Pro. Het pad vanaf de startpagina naar deze pagina, met gestructureerde gegevens voor zoekmachines. Bekijk de werking.

AttribuutTypeStandaardWaarden
showHomebooleantrue—
homeLabelstring""—
separatorstring"chevron"—
showCurrentbooleantrue—
schemabooleantrue—

Openingstijden pbs/business-hours

Pro. Je openingstijden voor de week, met een “Nu open”-regel berekend in de tijdzone van je site. Bekijk de werking.

AttribuutTypeStandaardWaarden
titlestring""—
daysarray[{"closed":true,"ranges":[]},{"closed…—
showOpenNowbooleantrue—
highlightTodaybooleantrue—
notestring""—

Editor ondersteunt: interactivity.

Dark mode-schakelaar pbs/dark-mode-switch

Pro. Een knop die de website schakelt tussen lichte en donkere kleuren, en de keuze van de bezoeker onthoudt. Bekijk de werking.

AttribuutTypeStandaardWaarden
labelstring""—
showLabelbooleanfalse—

Editor ondersteunt: interactivity.

Inloggen en registreren pbs/login-form

Pro. Het WordPress inlog- of registratieformulier en een uitloglink zodra u bent ingelogd. Bekijk het in actie.

AttribuutTypeStandaardWaarden
modestring"login"—
redirectstring""—
showRememberbooleantrue—
showLostbooleantrue—
showRegisterbooleantrue—

Mini-winkelwagen pbs/mini-cart

Pro. Het aantal artikelen en het totaalbedrag in de winkelwagen van de bezoeker, waarmee de artikelen in de winkelwagen worden geopend. Blijft up-to-date na het toevoegen aan de winkelwagen, zelfs op een gecachte pagina. Bekijk de werking.

AttribuutTypeStandaardWaarden
labelstring""—

Navigatiemenu pbs/nav-menu

Gratis. Een WordPress-menu met dropdowns en een mobiel menu: een zijpaneel, een schermvullend menu of een dropdown. Mega-menu’s met Pro. Bekijk de werking.

Binnenste blokken: Mega-menupaneel (Pro).

AttribuutTypeStandaardWaarden
menuIdnumber0—
orientationstring"horizontal"horizontal vertical
collapsestring"mobile"mobile tablet always never custom
openOnstring"click"click hover
labelstring""—
breakpointnumber900—
mobileStylestring"drawer"drawer fullscreen dropdown
drawerSidestring"end"end start
toggleIconstring"menu"menu menu-alt grid none
toggleLabelstring""—
toggleShowLabelbooleantrue—
toggleStylestring"outline"outline solid plain
closeOnLinkbooleantrue—
mobileSubmenusstring"collapsed"collapsed expanded
closeDelaynumber150—
animationstring"fade"none fade slide
skipLinkbooleanfalse—
skipTargetstring"main"—

Editor ondersteunt: interactivity.

Met wachtwoord beveiligde inhoud pbs/protected

Gratis. Blokken die alleen bezoekers met het wachtwoord kunnen zien. Totdat ze het invoeren, bevindt de inhoud zich helemaal niet op de pagina. Bekijk het in actie.

AttribuutTypeStandaardWaarden
lockIdstring""—
hashstring""—
messagestring""—

Berichtdetails pbs/post-meta

Gratis. De auteur van het bericht, datums, categorieën, tags, leestijd en aantal reacties. Bekijk de werking.

AttribuutTypeStandaardWaarden
itemsarray["author","date","readingTime"]—

Productelement pbs/product-element

Pro. Eén onderdeel van een product: de titel, galerij, prijs, beoordeling, toevoegen aan winkelwagen, tabbladen, gerelateerde producten, upsells, uitverkoopbadge of voorraad. Toont het product dat wordt bekeken, het product van de loop of een product dat je zelf kiest. Bekijk het in actie.

AttribuutTypeStandaardWaarden
partstring"title"title gallery image price rating excerpt description add_to_cart meta tabs related upsells sale_badge stock
productIdinteger0—
levelinteger0—

Leesvoortgangsbalk pbs/reading-progress

Gratis. Een dunne balk aan de rand van het venster die zich vult naarmate bezoekers door de pagina scrollen. Bekijk het in actie.

AttribuutTypeStandaardWaarden
positionstring"top"top bottom

Leestijd pbs/reading-time

Pro. Hoeveel minuten het kost om dit bericht te lezen. Bekijk het in actie.

AttribuutTypeStandaardWaarden
wpmnumber200—
formatstring"long"—
prefixstring""—

Gratis. Berichten die dezelfde categorieën of tags als dit bericht delen, met hun afbeeldingen, datums en samenvattingen. Bekijk het in actie.

AttribuutTypeStandaardWaarden
countnumber3—
bystring"both"both categories tags
fallbackbooleantrue—
headingstring""—
headingLevelnumber2—
showImagebooleantrue—
showDatebooleantrue—
showExcerptbooleanfalse—

Zoeken pbs/search-form

Pro. Een zoekvak voor deze website. Bekijk de werking.

AttribuutTypeStandaardWaarden
labelstring""—
placeholderstring""—
buttonTextstring""—
showLabelbooleanfalse—
iconButtonbooleantrue—
postTypestring""—

Deelknoppen pbs/share-buttons

Pro. Knoppen waarmee deze pagina kan worden gedeeld op sociale netwerken, via e-mail of door de link te kopiëren. Bekijk de werking.

AttribuutTypeStandaardWaarden
networksarray["facebook","x","linkedin","whatsapp"…—
showLabelsbooleanfalse—
shapestring"rounded"—
nativebooleantrue—
labelstring""—

Editor ondersteunt: interactivity.

Winkelpagina pbs/shop-page

Pro. Het WooCommerce-gedeelte van een winkelpagina in een template: de eigen winkelwagen of het afrekenen van de pagina (blok of klassiek), de klassieke winkelwagen, het afrekenen of Mijn account, of de details van de ontvangen bestelling. Bekijk de werking ervan.

AttribuutTypeStandaardWaarden
pagestring"content"content cart checkout account order

Site header pbs/site-header

Pro. De bovenkant van de website: logo, navigatie en al het andere, in een of meer rijen; optioneel sticky, transparant, verkleinend of verbergend tijdens het naar beneden scrollen. Bekijk de werking ervan.

AttribuutTypeStandaardWaarden
stickybooleanfalse—
transparentbooleanfalse—
shrinkbooleanfalse—
hideOnScrollbooleanfalse—
stickyFromnumber0—

Editor ondersteunt: interactivity.

Sitemap pbs/sitemap

Gratis. Een pagina met een overzicht van elke gepubliceerde pagina en elk bericht (en andere openbare inhoud), met behoud van de paginastructuur. Bekijk de werking.

AttribuutTypeStandaardWaarden
postTypesarray["page","post"]—
showHeadingsbooleantrue—
headingLevelnumber2—

Winkelzoeker pbs/store-locator

Pro. Elke locatie in een lijst waarin bezoekers kunnen zoeken of sorteren op afstand, en op een OpenStreetMap-kaart die pas laadt wanneer een bezoeker daarom vraagt. Bekijk de werking.

AttribuutTypeStandaardWaarden
labelstring""—
locationsarray[]—
showSearchbooleantrue—
showMapbooleantrue—
zoominteger0—

Editor ondersteunt: interactivity.

Inhoudsopgave pbs/table-of-contents

Gratis. Een automatisch gegenereerde lijst van koppen op de pagina die naar elk van deze linkt. Bekijk de werking.

AttribuutTypeStandaardWaarden
titlestring""—
minLevelinteger2—
maxLevelinteger3—
orderedbooleanfalse—
collapsiblebooleanfalse—
collapsedbooleanfalse—
spybooleantrue—

Casino, iGaming en affiliate

Affiliate-knop pbs/affiliate-button

Pro. Een knop naar een aanbieding, gemarkeerd als een gesponsorde link, optioneel via een korte link die klikken telt. Bekijk de werking.

AttribuutTypeStandaardWaarden
textstring""—
urlstring""—
linkIdnumber0—
newTabbooleantrue—
variantstring"fill"fill outline
sizestring"medium"small medium large

Leeftijdsverificatie pbs/age-gate

Pro. Vraagt bezoekers hun leeftijd te bevestigen voordat ze de website te zien krijgen, met een minimumleeftijd per land. Bekijk de werking.

AttribuutTypeStandaardWaarden
minAgenumber18—
rulesarray[]—
modestring"confirm"confirm birthdate
rememberDaysnumber30—
titlestring""—
messagestring""—
deniedMessagestring""—

Editor ondersteunt: interactivity.

Casinovergelijkingstabel pbs/casino-table

Pro. Aanbiedingen naast elkaar vergeleken, elk met een eigen bonus, beoordeling, hoogtepunten, knop en voorwaarden. Bekijk het in actie.

AttribuutTypeStandaardWaarden
offersarray[]—
captionstring""—
showRankbooleantrue—
showRatingbooleantrue—
showFeaturesbooleantrue—
noticestring""—
agenumber18—

Cryptoprijzen pbs/crypto-ticker

Pro. Cryptovalutaprijzen van CoinGecko, als ticker, kaarten of een prijsgrafiek. Bekijk de werking.

AttribuutTypeStandaardWaarden
coinsarray["bitcoin","ethereum","solana"]—
currencystring"usd"—
layoutstring"ticker"ticker cards chart
daysnumber7—
labelstring""—

Aanbiedingskaart pbs/offer-card

Pro. Eén aanbieding: logo, bonus, hoogtepunten, een gesponsorde knop, de voorwaarden en een leeftijdskennisgeving. Bekijk het in actie.

AttribuutTypeStandaardWaarden
namestring""—
logostring""—
logoIdnumber0—
bonusstring""—
descriptionstring""—
featuresstring""—
ratingnumber0—
urlstring""—
linkIdnumber0—
ctastring""—
termsstring""—
badgestring""—
agenumber18—
headingLevelstring"h2"h2 h3 h4 p

Voor- en nadelen pbs/pros-cons

Pro. Twee lijsten naast elkaar: wat goed is en wat niet. Bekijk de werking.

AttribuutTypeStandaardWaarden
prosTitlestring""—
consTitlestring""—
prosarray[]—
consarray[]—
headingLevelstring"h2"h2 h3 h4 p

Kennisgeving verantwoord gokken pbs/rg-notice

Pro. Een bericht over verantwoord gokken en een hulplink, afgestemd op het land van de bezoeker. Bekijk de werking.

AttribuutTypeStandaardWaarden
textstring""—
urlstring""—
linkTextstring""—
useHelpbooleantrue—
countriesarray[]—
showAgebooleantrue—
agenumber18—

Beoordelingsscore pbs/review-score

Pro. Een algehele score, scores voor elk criterium en een eindoordeel. Bekijk het in werking.

AttribuutTypeStandaardWaarden
scorenumber8—
scalenumber10—
labelstring""—
criteriaarray[]—
verdictstring""—

Widgets en add-ons

Shortcode (add-on) pbs/shortcode

Gratis. Een shortcode van een add-on geschreven voor de klassieke Page Builder Sandwich-editor, met de instellingen die de add-on heeft opgegeven. Bekijk de werking.

AttribuutTypeStandaardWaarden
tagstring""—
attrsobject{}—
contentstring""—

Widget pbs/widget

Gratis. Toont een van de geregistreerde klassieke widgets van de site. Bekijk het in actie.

AttribuutTypeStandaardWaarden
widgetstring""—
instanceobject{}—
fallbackHtmlstring""—

Widgetgebied pbs/sidebar

Gratis. Toont de widgets in een van de widgetgebieden van het thema. Bekijk de werking.

AttribuutTypeStandaardWaarden
sidebarstring""—
fallbackHtmlstring""—