Dokumentacja

Dokumentacja bloków Page Builder Sandwich

Każdy blok Page Builder Sandwich i Page Builder Sandwich Pro (44 darmowe, 68 Pro): nazwa dla kodu i agentów AI, zastosowanie oraz każdy atrybut wraz z typem i wartością domyślną, odczytane z plików block.json wtyczki.

Układ i projekt

Animowany tekst pbs/animated-text

Pro. Akapit lub nagłówek, który sam się wpisuje albo którego słowa wyłaniają się lub unoszą, gdy pojawia się w widoku podczas przewijania. Statyczny dla odwiedzających, którzy preferują ograniczony ruch. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
contentstring""—
tagstring"p"p h2 h3 h4 h5 h6
effectstring"fade"typewriter fade rise
speedstring"normal"slow normal fast

Edytor obsługuje: interactivity.

Link przycisku pbs/button

Darmowy. Link ostylowany jako przycisk. Zobacz jak działa.

AtrybutTypDomyślnieWartości
urlstring""—
textstring""—
stylestring""—
targetstring"" _blank
relstring""—
alignstring"" left center right
wrapStylestring""—
wrappedbooleanfalse—
wrapDataobject——
legacyClassstring""—
legacyDataobject——
legacybooleanfalse—

Kontener pbs/container

Darmowy. Pole, które układa zawarte w nim bloki za pomocą flexboxa lub siatki. Zagnieżdżaj kontenery, aby zbudować dowolny układ. Pozostaje czytelny, nawet jeśli wtyczka zostanie wyłączona. Zobacz, jak to działa.

AtrybutTypDomyślnyWartości
tagstring"div"section div header footer article aside main nav
widthstring"full"full boxed
linkobject——

Efekty kursora pbs/cursor-effects

Pro. Pierścień, reflektor lub krótki ślad podążający za wskaźnikiem myszy na danej sekcji lub na całej stronie. Wyłączone na ekranach dotykowych oraz dla użytkowników preferujących ograniczony ruch. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
effectstring"ring"ring spotlight trail
scopestring"section"section page

Edytor obsługuje: interactivity.

Przełącznik języka pbs/language-switcher

Bezpłatny. Pozwala odwiedzającym czytać tę stronę w innym języku, dopasowany stylistycznie do twojej strony. Wymaga wtyczki Tranzly do obsługi języków. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
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{}—

Przewijany tekst (Marquee) pbs/marquee

Pro. Linia krótkich tekstów przewijająca się przez stronę, z przyciskiem wstrzymania. Nieruchoma dla użytkowników preferujących ograniczony ruch. Zobacz działanie.

AtrybutTypDomyślnieWartości
itemsarray[]—
labelstring""—
separatorstring"dot"dot slash star none
speedstring"normal"slow normal fast
directionstring"start"start end

Edytor obsługuje: interactivity.

Tło cząsteczek pbs/particles

Pro. Sekcja z powoli dryfującymi kropkami za jej blokami. Jedna nieruchoma klatka dla odwiedzających, którzy preferują mniejszą ilość ruchu. Zobacz, jak to działa.

AtrybutTypDomyślnaWartości
colorstring""—
densitystring"normal"low normal high
speedstring"normal"slow normal fast
linksbooleantrue—

Edytor obsługuje: interactivity.

Wiersz pbs/row

Bezpłatny. Wiersz kolumn. Pozostaje czytelny, jeśli wtyczka zostanie kiedykolwiek wyłączona. Zobacz działanie.

Bloki wewnętrzne: Kolumna.

AtrybutTypDomyślnieWartości
stylestring""—
widthstring"" full-width full-width-retain-content
legacyClassstring""—
legacyDataobject——
legacybooleanfalse—

Sekcja pbs/section

Bezpłatny. Pas o pełnej szerokości strony, który układa swoją zawartość za pomocą flexboxa lub siatki (grid). Pozostaje czytelny nawet po wyłączeniu wtyczki. Zobacz, jak to działa.

AtrybutTypDomyślnyWartości
tagstring"section"section div header footer article aside main nav
widthstring"boxed"full boxed
alignstring"full"—
linkobject——

Edytor obsługuje: align.

Treść

Akordeon pbs/accordion

Darmowe. Pytania lub sekcje, które się otwierają i zamykają. Opcjonalnie pojedynczo oraz opcjonalnie oznaczone jako FAQ dla wyszukiwarek. Zobacz, jak to działa.

Wewnętrzne bloki: Element akordeonu.

AtrybutTypDomyślnieWartości
singlebooleanfalse—
faqbooleanfalse—

Alert pbs/alert

Bezpłatny. Komunikat dla odwiedzających: informacja, sukces, ostrzeżenie lub błąd, z opcjonalnym tytułem i przyciskiem zamknięcia. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
variantstring"info"info success warning error
titlestring""—
contentstring""—
showIconbooleantrue—
dismissiblebooleanfalse—

Edytor obsługuje: interactivity.

Odznaka pbs/badge

Za darmo. Krótka etykieta, taka jak Nowość, Wyprzedaż lub Najlepsza oferta. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
contentstring""—
variantstring"accent"neutral info success warning error accent
justifystring"start"start center end

Lista kontrolna pbs/checklist

Darmowy. Lista zadań, z których każde jest oznaczone jako ukończone lub do zrobienia, słownie dla czytników ekranowych, jak i za pomocą znacznika wyboru. Zobacz, jak działa.

AtrybutTypDomyślnieWartości
itemsarray[]—
accentstring"primary"text primary secondary contrast

Przełącznik treści pbs/content-switcher

Pro. Przełącznik między dwiema lub więcej wersjami treści, na przykład cenami miesięcznymi i rocznymi. Zobacz, jak to działa.

Bloki wewnętrzne: Panel przełącznika.

AtrybutTypDomyślnieWartości
labelstring""—

Podwójny nagłówek pbs/dual-heading

Bezpłatne. Nagłówek składający się z dwóch części, z których druga jest wyróżniona kolorem, gradientem, obrysem lub podkreśleniem. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
firststring""—
secondstring""—
levelinteger2—
lookstring"accent"accent gradient outline underline
stackedbooleanfalse—
justifystring"start"start center end

Lista funkcji pbs/feature-list

Bezpłatne. Funkcje w siatce, każda z ikoną, nagłówkiem i krótkim opisem. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
itemsarray[]—
iconstring"check"check star info arrow dot circle
columnsinteger3—
levelinteger2—
accentstring"primary"text primary secondary contrast

Słowniczek pbs/glossary

Bezpłatny. Terminy i ich definicje, posortowane od A do Z, każdy z własnym linkiem. Może łączyć pierwsze wystąpienie każdego terminu na stronie z jego definicją. Zobacz w działaniu.

AtrybutTypDomyślnieWartości
itemsarray[]—
sortbooleantrue—
showIndexbooleanfalse—
autoLinkbooleanfalse—

Lista ikon pbs/icon-list

Bezpłatny. Lista, w której każda linia zaczyna się od ikony: znacznika wyboru, strzałki lub dowolnej ikony z biblioteki. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
itemsarray[]—
iconstring"check"check dot arrow star circle
layoutstring"stacked"stacked inline
accentstring"primary"text primary secondary contrast

Pole informacyjne pbs/info-box

Darmowy. Ikona, krótki nagłówek, zdanie lub dwa oraz opcjonalny link: do usług, korzyści lub danych kontaktowych. Zobacz, jak działa.

AtrybutTypDomyślnieWartości
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

Bezpłatny. Przycisk, który otwiera okno nad stroną, z dowolnymi blokami wewnątrz. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
triggerstring""—
titlestring""—
sizestring"medium"small medium large
backdropClosebooleantrue—

Panel off-canvas pbs/off-canvas

Bezpłatny. Przycisk, który wysuwa panel z boku okna, z dowolnymi blokami wewnątrz. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
triggerstring""—
titlestring""—
sidestring"end"start end
backdropClosebooleantrue—

Wpisy pbs/posts

Pro. Wpisy, strony, elementy portfolio lub produkty jako karty: siatka, lista, masonry lub karuzela, z filtrem kategorii oraz stronami lub „Załaduj więcej”. Zobacz w działaniu.

AtrybutTypDomyślnieWartości
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—

Pokaż więcej pbs/show-more

Pro. Długa treść przycięta do ustalonej wysokości, z przyciskiem pokazującym resztę. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
heightstring"medium"small medium large
moreLabelstring""—
lessLabelstring""—

Kroki pbs/steps

Bezpłatny. Ponumerowane kroki procesu, po kolei, w dół strony lub obok siebie. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
itemsarray[]—
layoutstring"vertical"vertical horizontal
levelinteger2—
accentstring"primary"text primary secondary contrast

Zakładki pbs/tabs

Bezpłatny. Treść w zakładkach: odwiedzający przełączają się między panelami za pomocą myszy lub klawiatury. Zobacz, jak to działa.

Bloki wewnętrzne: Zakładka.

AtrybutTypDomyślnieWartości
labelstring""—
verticalbooleanfalse—
selectedinteger0—

Tooltip pbs/tooltip

Darmowe. Słowo lub fraza, która wyświetla krótkie wyjaśnienie po najechaniu kursorem i ustawieniu fokusu klawiatury. Zobacz działanie.

AtrybutTypDomyślnieWartości
textstring""—
tipstring""—
placementstring"top"top bottom

Marketing i sprzedaż

Test A/B pbs/ab-test

Pro. Dwie wersje sekcji: każdy odwiedzający widzi jedną z nich, a ekran testów A/B pokazuje, która lepiej konwertuje. Zobacz, jak to działa.

Wewnętrzne bloki: Wersja A/B.

AtrybutTypDomyślnieWartości
testIdstring""—
namestring""—
splitnumber50—
goalstring""—

Animowany nagłówek pbs/animated-headline

Pro. Nagłówek, którego słowo kluczowe się zmienia, z przyciskiem pauzy i brakiem ruchu dla odwiedzających preferujących ograniczony ruch. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
beforestring""—
wordsarray[]—
afterstring""—
effectstring"fade"fade slide type
levelinteger2—
intervalinteger2500—

Edytor obsługuje: interactivity.

Przed i po pbs/before-after

Pro. Dwa obrazy nałożone na siebie z suwakiem do ich porównywania. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
beforeUrlstring""—
beforeIdinteger0—
beforeAltstring""—
beforeLabelstring""—
afterUrlstring""—
afterIdinteger0—
afterAltstring""—
afterLabelstring""—
positioninteger50—

Edytor obsługuje: interactivity.

Wezwanie do działania pbs/call-to-action

Bezpłatny. Nagłówek, zdanie i jeden lub dwa przyciski zachęcające odwiedzającego do działania. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
titlestring""—
contentstring""—
levelinteger2—
primaryTextstring""—
primaryUrlstring""—
primaryNewTabbooleanfalse—
secondaryTextstring""—
secondaryUrlstring""—
secondaryNewTabbooleanfalse—
layoutstring"stacked"stacked split
alignstring"center"start center

Kliknij, aby udostępnić cytat pbs/click-to-tweet

Pro. Cytat z przyciskiem, który otwiera wpis w serwisie X z cytatem oraz linkiem do tej strony. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
quotestring""—
viastring""—
urlstring""—
buttonTextstring""—

Tabela porównawcza pbs/comparison-table

Bezpłatne. Plany lub produkty obok siebie, ze znacznikami „tak” i „nie”, które czytniki ekranowe odczytują jako słowa. Zobacz, jak to działa.

AtrybutTypWartość domyślnaWartości
captionstring""—
columnsarray[]—
rowsarray[]—
stickyHeaderbooleanfalse—
onlyDifferencesbooleanfalse—

Przyciski kontaktu pbs/contact-buttons

Darmowe. Przyciski do dzwonienia, wysyłania e-maili, SMS-ów lub wiadomości na WhatsApp. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
itemsarray[]—
messagestring""—

Odliczanie pbs/countdown

Pro. Minutnik odliczający czas do określonej daty lub wieczne odliczanie (evergreen), które rozpoczyna się przy pierwszej wizycie każdego użytkownika. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
modestring"date"date evergreen
datestring""—
evergreenHoursinteger24—
labelstring""—
expiredTextstring""—
showSecondsbooleantrue—

Edytor obsługuje: interactivity.

Licznik pbs/counter

Pro. Liczba, która odlicza w górę po pojawieniu się w polu widzenia, wraz z etykietą. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
startnumber0—
endnumber100—
decimalsinteger0—
durationinteger2000—
prefixstring""—
suffixstring""—
labelstring""—
separatorbooleantrue—

Edytor obsługuje: interactivity.

Kod kuponu pbs/coupon-code

Pro. Kod rabatowy, który odwiedzający odsłaniają i kopiują jednym kliknięciem. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
codestring""—
descriptionstring""—
buttonTextstring""—
expiresstring""—

Edytor obsługuje: interactivity.

Flip box pbs/flip-box

Pro. Karta, która obraca się, aby pokazać więcej: po najechaniu kursorem, po ustawieniu fokusu klawiaturą lub za pomocą własnego przycisku na ekranach dotykowych. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
svgstring""—
iconRefstring""—
frontTitlestring""—
frontTextstring""—
backTitlestring""—
backTextstring""—
buttonTextstring""—
buttonUrlstring""—
effectstring"flip"flip fade
levelinteger2—

Edytor obsługuje: interactivity.

Formularz pbs/form

Bezpłatny. Wyświetla formularz z Contact Form 7, WPForms, Gravity Forms lub Fluent Forms, dostosowany wyglądem do twojej witryny. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
providerstring"" cf7 wpforms gravityforms fluentforms
formIdstring""—
fieldStylestring"outlined"outlined filled underlined
buttonWidthstring"auto"auto full

Formularz pbs/form-builder

Pro. Formularz kontaktowy, wyceny, rejestracji lub wieloetapowy z ochroną przed spamem, przesyłaniem plików i polami warunkowymi; każde zgłoszenie można wysłać e-mailem, zapisać, przekazać do webhooka lub dodać do listy mailingowej. Zobacz, jak to działa.

Bloki wewnętrzne: Form field, Form step.

AtrybutTypDomyślnieWartości
formIdstring""—
titlestring""—
submitTextstring""—
successMessagestring""—
redirectUrlstring""—
trackEventstring""—
actionsobject{}—

Punkty aktywne (Hotspots) pbs/hotspots

Pro. Obraz z punktami, które otwierają krótką notatkę po ich wybraniu. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
imageUrlstring""—
imageIdinteger0—
imageAltstring""—
pointsarray[]—

Edytor obsługuje: interactivity.

Siatka logo pbs/logo-grid

Pro. Logo klientów lub partnerów w siatce, każde z opcjonalnym linkiem. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
logosarray[]—
columnsinteger4—
grayscalebooleantrue—

Przewijany pasek logo pbs/logo-marquee

Pro. Logotypy przewijające się powoli z przyciskiem pauzy; nieruchome dla odwiedzających, którzy preferują mniejszy ruch. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
logosarray[]—
speedstring"normal"slow normal fast
grayscalebooleantrue—

Edytor obsługuje: interactivity.

Animacja Lottie pbs/lottie

Pro. Animacja Lottie z przesłanego pliku, odtwarzana na tej stronie bez zewnętrznych żądań. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
fileIdinteger0—
fileNamestring""—
labelstring""—
loopbooleantrue—
playstring"view"view load hover
speednumber1—

Edytor obsługuje: interactivity.

Zapis do newslettera pbs/newsletter

Pro. Formularz zapisu e-mail dla Mailchimp, MailPoet lub AWeber, z polem wyboru zgody i czytelnym komunikatem o sukcesie lub błędzie. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
servicestring"mailpoet"mailpoet mailchimp aweber
liststring""—
headingstring""—
textstring""—
buttonTextstring""—
consentTextstring""—
successTextstring""—
layoutstring"stacked"stacked inline

Edytor obsługuje: interactivity.

Cennik pbs/price-list

Pro. Pozycje z nazwą, ceną i krótkim opisem, takie jak menu lub lista usług. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
itemsarray[]—

Tabela cenowa pbs/pricing-table

Pro. Plany obok siebie wraz z ceną, funkcjami i przyciskiem, z opcjonalnym przełącznikiem miesięcznym / rocznym. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
planstablica[]—
billingTogglebooleanfalse—
currencyciąg znaków"$"—
monthlyLabelciąg znaków""—
yearlyLabelciąg znaków""—
yearlyNoteciąg znaków""—
levelliczba całkowita2—

Edytor obsługuje: interactivity.

Pasek promocyjny pbs/promo-bar

Pro. Wąski pasek ogłoszeń, który pozostaje na górze lub na dole ekranu i który odwiedzający mogą zamknąć. Zobacz jak działa.

AtrybutTypDomyślnieWartości
contentstring""—
linkTextstring""—
linkUrlstring""—
newTabbooleanfalse—
positionstring"top"top bottom inline
dismissiblebooleantrue—
variantstring"dark"dark accent light

Edytor obsługuje: interactivity.

Powiadomienia o ostatnich zamówieniach pbs/social-proof

Pro. Niewielkie powiadomienia o rzeczywistych ostatnich zamówieniach z WooCommerce lub Easy Digital Downloads: imię kupującego i miasto, tylko dla klientów, którzy wyrazili na to zgodę przy kasie. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
sourcestring"auto"auto woocommerce edd
countinteger10—
maxAgeDaysinteger14—
showForinteger6—
gapinteger12—
positionstring"start"start end
showProductbooleantrue—
showTimebooleantrue—

Edytor obsługuje: interactivity.

Pasek udostępniania pbs/share-bar

Pro. Przyciski do udostępniania tej strony w sieciach społecznościowych, przez e-mail, za pomocą menu udostępniania urządzenia lub poprzez skopiowanie linku. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
networksarray[]—
layoutstring"inline"inline floating
labelstring""—

Edytor obsługuje: interactivity.

Ikony społecznościowe pbs/social-icons

Bezpłatne. Linki do twoich profili, narysowane za pomocą własnych ikon sieci. Zobacz, jak to działa.

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

Zespół pbs/team

Pro. Osoby z ich zdjęciem, imieniem i nazwiskiem, rolą, krótkim biogramem i linkami. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
membersarray[]—
columnsinteger3—
levelinteger2—

Referencja pbs/testimonial

Darmowy. Cytat od klienta z jego imieniem i nazwiskiem, rolą, zdjęciem oraz opcjonalną oceną w postaci gwiazdek. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
quotestring""—
namestring""—
rolestring""—
imageUrlstring""—
imageIdinteger0—
imageAltstring""—
ratinginteger0—
layoutstring"stacked"stacked side
alignstring"start"start center

Oś czasu pbs/timeline

Pro. Wydarzenia uporządkowane z datami, wzdłuż linii. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
itemsarray[]—
levelinteger2—

Odznaki zaufania pbs/trust-badges

Pro. Krótkie zapewnienia, każde z ikoną: bezpieczna płatność, darmowa dostawa, łatwe zwroty. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
badgesarray[]—
layoutstring"row"row grid

Przycisk czatu WhatsApp pbs/whatsapp

Bezpłatny. Pływający przycisk w rogu strony, który otwiera czat WhatsApp z tobą. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
phonestring""—
messagestring""—
labelstring""—
showLabelbooleanfalse—
positionstring"end"end start

Obrazy, wideo i multimedia

Przeglądarka modeli 3D pbs/model-viewer

Pro. Model 3D (glTF lub GLB), który odwiedzający mogą obracać i przybliżać, opcjonalnie w rzeczywistości rozszerzonej. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
srcstring""—
altstring""—
posterstring""—
autoRotatebooleanfalse—
arbooleanfalse—

Odtwarzacz audio pbs/audio-player

Pro. Odtwarzacz podcastów lub muzyki: odcinki, okładka i prędkość odtwarzania wokół wbudowanego odtwarzacza przeglądarki. Zobacz jak działa.

AtrybutTypDomyślnieWartości
tracksarray[]—
titlestring""—
artworkobject——

Kalendarz rezerwacji pbs/booking

Bezpłatny. Kalendarz rezerwacji Calendly lub Cal.com, ładowany tylko wtedy, gdy odwiedzający o to poprosi. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
providerstring"calendly"calendly cal
urlstring""—
labelstring""—

Edytor obsługuje: interactivity.

Pro. Obrazy w siatce masonry, wyjustowanej lub równej, otwierające się w dostępnym lightboxie. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
imagesarray[]—
layoutstring"masonry"masonry justified grid
columnsinteger3—
lightboxbooleantrue—
captionsbooleanfalse—

Ikona pbs/icon

Darmowy. Ikona SVG. Znaczniki są czyszczone przed wyświetleniem. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
svgstring""—
stylestring""—
iconRefstring""—
displaystring—inline block
justifystring"start"start center end
labelstring""—

Akordeon obrazów pbs/image-accordion

Pro. Panele z obrazami obok siebie; panel pod kursorem lub zaznaczony klawiaturą rozszerza się, aby wyświetlić tekst. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
itemsarray[]—

Mapa pbs/map

Darmowe. Mapa miejsca z OpenStreetMap: brak klucza i nic nie ładuje się z OpenStreetMap, dopóki odwiedzający nie zażąda mapy. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
latnumber——
lngnumber——
zoomnumber14—
labelstring""—

Edytor obsługuje: align, interactivity.

Obraz paralaksy pbs/parallax-image

Pro. Obraz, który przesuwa się podczas przewijania strony. Pozostaje nieruchomy dla użytkowników, którzy wolą mniej ruchu. Zobacz działanie.

AtrybutTypDomyślnieWartości
imageobject——
strengthstring"medium"low medium high
heightstring"medium"small medium large

Przeglądarka PDF pbs/pdf-viewer

Pro. Plik PDF wyświetlany na stronie przez przeglądarkę, z linkiem do jego otwarcia. Zobacz działanie.

AtrybutTypDomyślnieWartości
srcstring""—
titlestring""—
heightstring"medium"small medium large

Kod QR pbs/qr-code

Bezpłatny. Kod QR dla adresu internetowego lub dowolnego tekstu, generowany na twojej własnej stronie (bez korzystania z zewnętrznych usług QR). Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
textstring""—
svgstring""—
altstring""—
captionstring""—

Suwak pbs/slider

Pro. Karuzela slajdów, obrazów, wpisów lub produktów: przesuwanie, przyciski lub automatycznie, a także z ułatwieniami dostępu. Zobacz, jak to działa.

Bloki wewnętrzne: Slide.

AtrybutTypDomyślnieWartości
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. Siatka filmów. YouTube i Vimeo ładują się dopiero po naciśnięciu przycisku odtwarzania przez użytkownika, a plakaty są przechowywane w twojej witrynie. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
videosarray[]—
columnsinteger3—

Playlista wideo pbs/video-playlist

Pro. Jeden odtwarzacz i lista filmów: własne pliki lub YouTube i Vimeo ładowane dopiero po wybraniu. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
videosarray[]—
labelstring""—

Dane, wykresy i tabele

Wykres pbs/chart

Pro. Wykres słupkowy, liniowy lub kołowy generowany na serwerze, z liczbami w tabeli dla każdego, kto nie widzi wykresu. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
typestring"bar"bar line pie
titlestring""—
labelsarray[]—
seriesarray[]—
valuePrefixstring""—
valueSuffixstring""—
heightstring"medium"short medium tall
showLegendbooleantrue—
showValuesbooleanfalse—

Kod pbs/code

Bezpłatny. Listing kodu z podświetlaniem składni, numerami linii i przyciskiem kopiowania. Pozostaje czytelny, nawet jeśli wtyczka zostanie kiedykolwiek wyłączona. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
codestring""—
languagestring"auto"—
filenamestring""—
lineNumbersbooleanfalse—
copybooleantrue—
wrapbooleanfalse—

Edytor obsługuje: interactivity.

Tabela danych pbs/data-table

Pro. Tabela, którą odwiedzający mogą sortować i przeszukiwać, zachowująca czytelność na telefonie. Wklej lub zaimportuj plik CSV. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
captionstring""—
columnsarray[]—
rowsarray[]—
sortablebooleantrue—
searchablebooleantrue—
layoutstring"stack"stack scroll
stripedbooleantrue—
rowHeadersbooleanfalse—

Edytor obsługuje: interactivity.

Wydarzenia pbs/events

Pro. Nadchodzące wydarzenia w formie listy lub kalendarza miesięcznego, w strefie czasowej witryny. Przeszłe wydarzenia same znikają z listy. Zobacz działanie.

AtrybutTypDomyślnieWartości
eventsarray[]—
viewstring"list"list calendar
showPastbooleanfalse—
sourcestring"manual"manual tec
tecCategorystring""—
limitnumber20—
categoriesarray[]—
hideCanceledbooleanfalse—
hidePostponedbooleanfalse—

Edytor obsługuje: interactivity.

Opinie Google i Trustpilot pbs/reviews

Pro. Twoje opinie z Google i Trustpilot w formie siatki, slidera lub odznaki. Odświeżane raz dziennie w tle, dzięki czemu strony nigdy nie czekają na żadną z tych usług. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
sourcestring"both"both google trustpilot
layoutstring"grid"grid slider badge
minRatinginteger4—
orderstring"newest"newest best
countinteger6—
showDatebooleantrue—
showSummarybooleanfalse—
labelstring""—

Edytor obsługuje: interactivity.

Schemat organizacyjny pbs/org-chart

Pro. Kto komu podlega, w formie drzewa osób z ich rolami i zdjęciami. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
labelstring""—
peoplearray[]—

Pasek postępu pbs/progress-bar

Bezpłatny. Pasek z etykietą pokazujący stopień zaawansowania, na przykład umiejętności lub celu. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
labelstring""—
valueinteger50—
maxinteger100—
showValuebooleantrue—

Kołowy wskaźnik postępu pbs/progress-circle

Pro. Pierścień, który wypełnia się do określonej wartości, z liczbą i etykietą jako prawdziwy tekst. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
valueliczba75—
maxliczba100—
labelciąg znaków""—
formatciąg znaków"percent"percent value
sizeciąg znaków"medium"small medium large
thicknessciąg znaków"normal"thin normal thick

Pętla zapytań pbs/query-loop

Pro. Wyświetlaj wpisy, produkty, użytkowników, kategorie lub pola powtarzalne, przefiltrowane i posortowane, za pomocą karty zaprojektowanej raz. Opcjonalne filtry na żywo i paginacja. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
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""—

Edytor obsługuje: interactivity.

Plan rozwoju pbs/roadmap

Pro. Co jest zaplanowane, w toku i zrobione, w formie tablicy z trzema kolumnami lub jako jedna lista. Zobacz w działaniu.

AtrybutTypDomyślnieWartości
itemsarray[]—
layoutstring"board"board list
headingLevelinteger2—

Ocena gwiazdkowa pbs/star-rating

Bezpłatny. Ocena wyświetlana w postaci gwiazdek, z dokładnością do połowy gwiazdki. Zobacz w działaniu.

AtrybutTypDomyślnieWartości
ratingnumber4—
maxinteger5—
showValuebooleanfalse—

Tworzenie witryny i nawigacja

Ramka autora pbs/author-box

Pro. Autor tego wpisu: zdjęcie, imię i nazwisko, biografia oraz linki. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
showAvatarbooleantrue—
showBiobooleantrue—
showPostsbooleantrue—
showWebsitebooleantrue—
avatarSizenumber96—
headingLevelstring"h2"—

Profil autora pbs/user-profile

Bezpłatny. Zdjęcie, nazwisko, biogram i linki autora lub wybranego użytkownika. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
sourcestring"author"author user
userIdnumber0—
showAvatarbooleantrue—
showBiobooleantrue—
showLinksbooleantrue—

Powrót do góry pbs/back-to-top

Pro. Przycisk w rogu ekranu, który przenosi odwiedzającego z powrotem na górę strony. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
labelstring""—
positionstring"end"—
showAfternumber400—
showLabelbooleanfalse—

Edytor obsługuje: interactivity.

Menu okruszkowe pbs/breadcrumbs

Pro. Ścieżka ze strony głównej do bieżącej strony, z danymi strukturalnymi dla wyszukiwarek. Zobacz w działaniu.

AtrybutTypDomyślnieWartości
showHomebooleantrue—
homeLabelstring""—
separatorstring"chevron"—
showCurrentbooleantrue—
schemabooleantrue—

Godziny otwarcia pbs/business-hours

Pro. Twoje godziny otwarcia w tygodniu wraz z informacją „Teraz otwarte” obliczaną według strefy czasowej twojej witryny. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
titlestring""—
daysarray[{"closed":true,"ranges":[]},{"closed…—
showOpenNowbooleantrue—
highlightTodaybooleantrue—
notestring""—

Edytor obsługuje: interactivity.

Przełącznik trybu ciemnego pbs/dark-mode-switch

Pro. Przycisk, który przełącza stronę między jasnymi i ciemnymi kolorami oraz zapamiętuje wybór odwiedzającego. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
labelstring""—
showLabelbooleanfalse—

Edytor obsługuje: interactivity.

Logowanie i rejestracja pbs/login-form

Pro. Formularz logowania lub rejestracji WordPress oraz link do wylogowania po zalogowaniu. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
modestring"login"—
redirectstring""—
showRememberbooleantrue—
showLostbooleantrue—
showRegisterbooleantrue—

Mini koszyk pbs/mini-cart

Pro. Liczba produktów oraz suma w koszyku odwiedzającego, otwierające podgląd produktów w koszyku. Pozostaje aktualny po dodaniu do koszyka, nawet na buforowanej stronie. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
labelstring""—

Menu nawigacyjne pbs/nav-menu

Darmowe. Menu WordPressa z rozwijanymi elementami i menu mobilnym: wysuwany panel boczny, menu pełnoekranowe lub rozwijane. Mega menu w wersji Pro. Zobacz, jak to działa.

Bloki wewnętrzne: Panel mega menu (Pro).

AtrybutTypDomyślnieWartości
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"—

Edytor obsługuje: interactivity.

Treść chroniona hasłem pbs/protected

Bezpłatne. Bloki, które mogą zobaczyć tylko użytkownicy znający hasło. Dopóki go nie wprowadzą, treść w ogóle nie znajduje się na stronie. Zobacz, jak to działa.

AtrybutTypDomyślnyWartości
lockIdstring""—
hashstring""—
messagestring""—

Szczegóły wpisu pbs/post-meta

Darmowe. Autor wpisu, daty, kategorie, tagi, czas czytania i liczba komentarzy. Zobacz, jak to działa.

AtrybutTypDomyślnyWartości
itemsarray["author","date","readingTime"]—

Element produktu pbs/product-element

Pro. Jedna część produktu: jego tytuł, galeria, cena, ocena, dodaj do koszyka, zakładki, powiązane produkty, up-selle, odznaka promocji lub stan magazynowy. Pokazuje aktualnie oglądany produkt, produkt z pętli lub wybrany przez ciebie. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
partstring"title"title gallery image price rating excerpt description add_to_cart meta tabs related upsells sale_badge stock
productIdinteger0—
levelinteger0—

Pasek postępu czytania pbs/reading-progress

Bezpłatny. Cienki pasek na krawędzi okna, który wypełnia się, gdy odwiedzający przewijają stronę. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
positionstring"top"top bottom

Czas czytania pbs/reading-time

Pro. Ile minut zajmuje przeczytanie tego wpisu. Zobacz działanie.

AtrybutTypDomyślnieWartości
wpmnumber200—
formatstring"long"—
prefixstring""—

Darmowe. Wpisy dzielące kategorie lub tagi tego wpisu, wraz ze zdjęciami, datami i podsumowaniami. Zobacz działanie.

AtrybutTypDomyślnieWartości
countnumber3—
bystring"both"both categories tags
fallbackbooleantrue—
headingstring""—
headingLevelnumber2—
showImagebooleantrue—
showDatebooleantrue—
showExcerptbooleanfalse—

Szukaj pbs/search-form

Pro. Pole wyszukiwania dla tej witryny. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
labelstring""—
placeholderstring""—
buttonTextstring""—
showLabelbooleanfalse—
iconButtonbooleantrue—
postTypestring""—

Przyciski udostępniania pbs/share-buttons

Pro. Przyciski umożliwiające udostępnienie tej strony w sieciach społecznościowych, przez e-mail lub poprzez skopiowanie linku. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
networksarray["facebook","x","linkedin","whatsapp"…—
showLabelsbooleanfalse—
shapestring"rounded"—
nativebooleantrue—
labelstring""—

Edytor obsługuje: interactivity.

Strona sklepu pbs/shop-page

Pro. Część WooCommerce strony sklepu w szablonie: własny koszyk lub kasa strony (blokowy lub klasyczny), klasyczny koszyk, kasa lub Moje konto, albo szczegóły otrzymanego zamówienia. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
pagestring"content"content cart checkout account order

Nagłówek witryny pbs/site-header

Pro. Góra witryny: logo, nawigacja i cokolwiek innego, w jednym lub wielu wierszach; opcjonalnie przyklejona, przezroczysta, zmniejszająca się lub ukrywająca się podczas przewijania w dół. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
stickybooleanfalse—
transparentbooleanfalse—
shrinkbooleanfalse—
hideOnScrollbooleanfalse—
stickyFromnumber0—

Edytor obsługuje: interactivity.

Mapa witryny pbs/sitemap

Za darmo. Strona zawierająca listę wszystkich opublikowanych stron i wpisów (oraz innych treści publicznych) z zachowaniem struktury drzewa stron. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
postTypesarray["page","post"]—
showHeadingsbooleantrue—
headingLevelnumber2—

Lokalizator sklepów pbs/store-locator

Pro. Każda lokalizacja na liście, którą odwiedzający mogą przeszukiwać lub sortować według odległości, oraz na mapie OpenStreetMap, która ładuje się tylko na żądanie użytkownika. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
labelstring""—
locationsarray[]—
showSearchbooleantrue—
showMapbooleantrue—
zoominteger0—

Edytor obsługuje: interactivity.

Spis treści pbs/table-of-contents

Bezpłatny. Lista nagłówków na stronie, tworzona automatycznie, prowadząca do każdego z nich. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
titlestring""—
minLevelinteger2—
maxLevelinteger3—
orderedbooleanfalse—
collapsiblebooleanfalse—
collapsedbooleanfalse—
spybooleantrue—

Kasyno, iGaming i program partnerski

Przycisk afiliacyjny pbs/affiliate-button

Pro. Przycisk prowadzący do oferty, oznaczony jako link sponsorowany, opcjonalnie za pośrednictwem krótkiego linku zliczającego kliknięcia. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
textstring""—
urlstring""—
linkIdnumber0—
newTabbooleantrue—
variantstring"fill"fill outline
sizestring"medium"small medium large

Weryfikacja wieku pbs/age-gate

Pro. Prosi odwiedzających o potwierdzenie wieku przed wyświetleniem strony, z minimalnym wiekiem dla danego kraju. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
minAgenumber18—
rulesarray[]—
modestring"confirm"confirm birthdate
rememberDaysnumber30—
titlestring""—
messagestring""—
deniedMessagestring""—

Edytor obsługuje: interactivity.

Tabela porównawcza kasyn pbs/casino-table

Pro. Oferty porównane obok siebie, każda z bonusem, oceną, wyróżnikami, przyciskiem i warunkami. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
offersarray[]—
captionstring""—
showRankbooleantrue—
showRatingbooleantrue—
showFeaturesbooleantrue—
noticestring""—
agenumber18—

Ceny kryptowalut pbs/crypto-ticker

Pro. Ceny kryptowalut z CoinGecko jako pasek informacyjny (ticker), karty lub wykres cenowy. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
coinsarray["bitcoin","ethereum","solana"]—
currencystring"usd"—
layoutstring"ticker"ticker cards chart
daysnumber7—
labelstring""—

Karta oferty pbs/offer-card

Pro. Jedna oferta: logo, bonus, najważniejsze informacje, sponsorowany przycisk, jego warunki oraz informacja o ograniczeniu wiekowym. Zobacz w działaniu.

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

Zalety i wady pbs/pros-cons

Pro. Dwie listy obok siebie: co jest dobre, a co nie. Zobacz działanie.

AtrybutTypDomyślnieWartości
prosTitlestring""—
consTitlestring""—
prosarray[]—
consarray[]—
headingLevelstring"h2"h2 h3 h4 p

Komunikat o odpowiedzialnej grze pbs/rg-notice

Pro. Komunikat o odpowiedzialnej grze oraz link do pomocy, dobrane do kraju odwiedzającego. Zobacz działanie.

AtrybutTypDomyślnieWartości
textstring""—
urlstring""—
linkTextstring""—
useHelpbooleantrue—
countriesarray[]—
showAgebooleantrue—
agenumber18—

Ocena recenzji pbs/review-score

Pro. Wynik ogólny, oceny poszczególnych kryteriów oraz werdykt. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
scorenumber8—
scalenumber10—
labelstring""—
criteriaarray[]—
verdictstring""—

Widżety i dodatki

Shortcode (dodatek) pbs/shortcode

Bezpłatne. Shortcode z dodatku napisanego dla klasycznego edytora Page Builder Sandwich, z ustawieniami zadeklarowanymi przez dodatek. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
tagstring""—
attrsobject{}—
contentstring""—

Widżet pbs/widget

Bezpłatny. Wyświetla jeden z zarejestrowanych klasycznych widżetów witryny. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
widgetstring""—
instanceobject{}—
fallbackHtmlstring""—

Obszar widżetów pbs/sidebar

Darmowe. Pokazuje widżety w jednym z obszarów widżetów motywu. Zobacz, jak to działa.

AtrybutTypDomyślnieWartości
sidebarstring""—
fallbackHtmlstring""—