Довідник

Довідник блоків Page Builder Sandwich

Кожен блок Page Builder Sandwich та Page Builder Sandwich Pro (44 безкоштовні, 68 Pro): його назва для коду та агентів ШІ, його призначення, а також кожен атрибут із зазначенням типу й значення за замовчуванням, зчитані безпосередньо з файлів block.json плагіна.

Макет і дизайн

Анімований текст pbs/animated-text

Pro. Абзац або заголовок, який друкується автоматично, або слова якого плавно з’являються чи піднімаються під час прокручування в область видимості. Не рухається для відвідувачів, які вмикають зменшення руху. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
contentstring""—
tagstring"p"p h2 h3 h4 h5 h6
effectstring"fade"typewriter fade rise
speedstring"normal"slow normal fast

Підтримка редактора: interactivity.

Посилання-кнопка pbs/button

Безкоштовно. Посилання, оформлене як кнопка. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
urlstring""—
textstring""—
stylestring""—
targetstring"" _blank
relstring""—
alignstring"" left center right
wrapStylestring""—
wrappedbooleanfalse—
wrapDataobject——
legacyClassstring""—
legacyDataobject——
legacybooleanfalse—

Container pbs/container

Безкоштовно. Блок, який впорядковує блоки всередині за допомогою flexbox або сітки. Вкладайте контейнери, щоб створити будь-який макет. Залишається читабельним, навіть якщо плагін вимкнено. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
tagstring"div"section div header footer article aside main nav
widthstring"full"full boxed
linkobject——

Cursor effects pbs/cursor-effects

Pro. Кільце, прожектор або короткий слід, що слідує за курсором миші над секцією або всією сторінкою. Вимкнено на сенсорних екранах і для відвідувачів, які віддають перевагу зменшенню руху. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
effectstring"ring"ring spotlight trail
scopestring"section"section page

Підтримка редактора: interactivity.

Перемикач мов pbs/language-switcher

Безкоштовно. Дозволяє відвідувачам читати цю сторінку іншою мовою, оформлений відповідно до стилю вашої сторінки. Для роботи з мовами потрібен плагін Tranzly. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
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{}—

Рядок, що біжить pbs/marquee

Pro. Рядок коротких текстів, що прокручується по сторінці, з кнопкою паузи. Не рухається для відвідувачів, які вмикають режим зменшення руху. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
itemsarray[]—
labelstring""—
separatorstring"dot"dot slash star none
speedstring"normal"slow normal fast
directionstring"start"start end

Підтримка редактора: interactivity.

Фон із частинками pbs/particles

Pro. Секція з крапками, що повільно дрейфують позаду її блоків. Один нерухомий кадр для відвідувачів, які віддають перевагу меншій кількості руху. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
colorstring""—
densitystring"normal"low normal high
speedstring"normal"slow normal fast
linksbooleantrue—

Підтримка редактора: interactivity.

Рядок pbs/row

Безкоштовно. Рядок колонок. Залишається читабельним, навіть якщо плагін вимкнено. Подивіться, як це працює.

Вкладені блоки: Колонка.

АтрибутТипЗа замовчуваннямЗначення
stylestring""—
widthstring"" full-width full-width-retain-content
legacyClassstring""—
legacyDataobject——
legacybooleanfalse—

Секція pbs/section

Безкоштовно. Смуга сторінки на всю ширину, яка розміщує свій вміст за допомогою flexbox або сітки (grid). Залишається читабельною, навіть якщо плагін вимкнено. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
tagstring"section"section div header footer article aside main nav
widthstring"boxed"full boxed
alignstring"full"—
linkobject——

Редактор підтримує: align.

Вміст

Акордеон pbs/accordion

Безкоштовно. Питання або розділи, що відкриваються та закриваються. За бажанням — по одному, та за бажанням з розміткою як FAQ для пошукових систем. Подивіться, як це працює.

Внутрішні блоки: Елемент акордеона.

АтрибутТипЗа замовчуваннямЗначення
singlebooleanfalse—
faqbooleanfalse—

Сповіщення pbs/alert

Безкоштовно. Сповіщення для ваших відвідувачів: інформація, успіх, попередження або помилка, з необов’язковим заголовком і кнопкою закриття. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
variantstring"info"info success warning error
titlestring""—
contentstring""—
showIconbooleantrue—
dismissiblebooleanfalse—

Підтримка редактора: interactivity.

Значок pbs/badge

Безкоштовно. Короткий ярлик, наприклад, Новинка, Розпродаж або Найкраща ціна. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
contentstring""—
variantstring"accent"neutral info success warning error accent
justifystring"start"start center end

Контрольний список pbs/checklist

Безкоштовно. Список завдань, кожне з яких позначено як виконане або ще належить виконати, словами для програм зчитування з екрана, а також галочкою. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
itemsarray[]—
accentstring"primary"text primary secondary contrast

Перемикач вмісту pbs/content-switcher

Pro. Перемикання між двома чи більше варіантами певного вмісту, наприклад щомісячними та річними цінами. Подивіться, як це працює.

Внутрішні блоки: Панель перемикача.

АтрибутТипЗа замовчуваннямЗначення
labelstring""—

Подвійний заголовок pbs/dual-heading

Безкоштовно. Заголовок із двох частин, друга з яких виділена кольором, градієнтом, контуром або підкресленням. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
firststring""—
secondstring""—
levelinteger2—
lookstring"accent"accent gradient outline underline
stackedbooleanfalse—
justifystring"start"start center end

Список можливостей pbs/feature-list

Безкоштовно. Можливості у сітці, кожна з піктограмою, заголовком і коротким описом. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
itemsarray[]—
iconstring"check"check star info arrow dot circle
columnsinteger3—
levelinteger2—
accentstring"primary"text primary secondary contrast

Глосарій pbs/glossary

Безкоштовно. Терміни та їх визначення, впорядковані від А до Я, кожен із власним посиланням. Може пов’язувати першу згадку кожного терміна на сторінці з його визначенням. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
itemsarray[]—
sortbooleantrue—
showIndexbooleanfalse—
autoLinkbooleanfalse—

Список іконок pbs/icon-list

Безкоштовно. Список, у якому кожен рядок починається з іконки: галочки, стрілки або будь-якої іконки з бібліотеки. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
itemsarray[]—
iconstring"check"check dot arrow star circle
layoutstring"stacked"stacked inline
accentstring"primary"text primary secondary contrast

Інформаційний блок pbs/info-box

Безкоштовно. Іконка, короткий заголовок, речення або два та необов’язкове посилання: для послуг, переваг або контактних даних. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
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

Модальне вікно pbs/modal

Безкоштовно. Кнопка, яка відкриває вікно поверх сторінки з будь-якими блоками всередині. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
triggerstring""—
titlestring""—
sizestring"medium"small medium large
backdropClosebooleantrue—

Бічна панель (Off-canvas) pbs/off-canvas

Безкоштовно. Кнопка, яка висуває панель із бокової частини вікна з будь-якими блоками всередині. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
triggerstring""—
titlestring""—
sidestring"end"start end
backdropClosebooleantrue—

Записи pbs/posts

Pro. Записи, сторінки, елементи портфоліо або товари у вигляді карток: сітка, список, масонрі або карусель, з фільтром категорій і сторінками або кнопкою “Завантажити більше”. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
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—

Показати більше pbs/show-more

Pro. Довгий вміст, обрізаний до заданої висоти, з кнопкою для показу решти. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
heightstring"medium"small medium large
moreLabelstring""—
lessLabelstring""—

Кроки pbs/steps

Безкоштовно. Пронумеровані кроки процесу за порядком, униз по сторінці або поруч один з одним. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
itemsarray[]—
layoutstring"vertical"vertical horizontal
levelinteger2—
accentstring"primary"text primary secondary contrast

Вкладки pbs/tabs

Безкоштовно. Вміст у вкладках: відвідувачі перемикаються між панелями за допомогою миші або клавіатури. Подивіться, як це працює.

Внутрішні блоки: Tab.

АтрибутТипЗа замовчуваннямЗначення
labelstring""—
verticalbooleanfalse—
selectedinteger0—

Підказка pbs/tooltip

Безкоштовно. Слово або фраза, що показує коротке пояснення під час наведення курсора та фокусування за допомогою клавіатури. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
textstring""—
tipstring""—
placementstring"top"top bottom

Маркетинг і продажі

A/B-тест pbs/ab-test

Pro. Дві версії розділу: кожен відвідувач бачить одну з них, а екран A/B-тестів показує, яка з них має кращу конверсію. Подивіться, як це працює.

Вкладені блоки: версія A/B.

АтрибутТипЗа замовчуваннямЗначення
testIdstring""—
namestring""—
splitnumber50—
goalstring""—

Анімований заголовок pbs/animated-headline

Pro. Заголовок, ключове слово в якому змінюється, із кнопкою паузи та без руху для відвідувачів, які віддають перевагу зменшеному руху. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
beforestring""—
wordsarray[]—
afterstring""—
effectstring"fade"fade slide type
levelinteger2—
intervalinteger2500—

Підтримка редактора: interactivity.

Before and after pbs/before-after

Pro. Два зображення одне на одному з повзунком для їхнього порівняння. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
beforeUrlstring""—
beforeIdinteger0—
beforeAltstring""—
beforeLabelstring""—
afterUrlstring""—
afterIdinteger0—
afterAltstring""—
afterLabelstring""—
positioninteger50—

Підтримка редактора: interactivity.

Заклик до дії pbs/call-to-action

Безкоштовно. Заголовок, речення та одна або дві кнопки, які закликають відвідувача діяти. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
titlestring""—
contentstring""—
levelinteger2—
primaryTextstring""—
primaryUrlstring""—
primaryNewTabbooleanfalse—
secondaryTextstring""—
secondaryUrlstring""—
secondaryNewTabbooleanfalse—
layoutstring"stacked"stacked split
alignstring"center"start center

Натисніть, щоб поділитися цитатою pbs/click-to-tweet

Pro. Цитата з кнопкою, яка відкриває допис у X із цитатою та посиланням на цю сторінку. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
quotestring""—
viastring""—
urlstring""—
buttonTextstring""—

Таблиця порівняння pbs/comparison-table

Безкоштовно. Плани або продукти поруч із позначками «так» і «ні», які програми для зчитування з екрана озвучують словами. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
captionрядок""—
columnsмасив[]—
rowsмасив[]—
stickyHeaderбулевеfalse—
onlyDifferencesбулевеfalse—

Кнопки контактів pbs/contact-buttons

Безкоштовно. Кнопки для дзвінка, електронного листа, SMS або повідомлення вам у WhatsApp. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
itemsarray[]—
messagestring""—

Зворотний відлік pbs/countdown

Pro. Таймер зі зворотним відліком до певної дати або постійний (evergreen) зворотний відлік, який запускається, коли відвідувач уперше заходить на сайт. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
modestring"date"date evergreen
datestring""—
evergreenHoursinteger24—
labelstring""—
expiredTextstring""—
showSecondsbooleantrue—

Підтримка редактора: interactivity.

Лічильник pbs/counter

Pro. Число з підписом, яке веде відлік угору, коли потрапляє в поле зору. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
startnumber0—
endnumber100—
decimalsinteger0—
durationinteger2000—
prefixstring""—
suffixstring""—
labelstring""—
separatorbooleantrue—

Підтримка редактора: interactivity.

Купон pbs/coupon-code

Pro. Код на знижку, який відвідувачі відкривають і копіюють в один клік. Подивіться в дії.

АтрибутТипЗа замовчуваннямЗначення
codestring""—
descriptionstring""—
buttonTextstring""—
expiresstring""—

Підтримка редактора: interactivity.

Картка-перевертень pbs/flip-box

Pro. Картка, яка перевертається, щоб показати більше: при наведенні курсора, при фокусуванні за допомогою клавіатури або за допомогою власної кнопки на сенсорних екранах. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
svgstring""—
iconRefstring""—
frontTitlestring""—
frontTextstring""—
backTitlestring""—
backTextstring""—
buttonTextstring""—
buttonUrlstring""—
effectstring"flip"flip fade
levelinteger2—

Підтримка редактора: interactivity.

Форма pbs/form

Безкоштовно. Відображає форму з Contact Form 7, WPForms, Gravity Forms або Fluent Forms, стилізовану під ваш сайт. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
providerstring"" cf7 wpforms gravityforms fluentforms
formIdstring""—
fieldStylestring"outlined"outlined filled underlined
buttonWidthstring"auto"auto full

Форма pbs/form-builder

Pro. Контактна форма, форма запиту ціни, реєстрації або багатоетапна форма із захистом від спаму, завантаженням файлів та умовними полями; кожне надіслане повідомлення можна надіслати електронною поштою, зберегти, передати через webhook або додати до списку розсилки. Подивіться, як це працює.

Внутрішні блоки: Поле форми, Крок форми.

АтрибутТипЗа замовчуваннямЗначення
formIdstring""—
titlestring""—
submitTextstring""—
successMessagestring""—
redirectUrlstring""—
trackEventstring""—
actionsobject{}—

Гарячі точки (Hotspots) pbs/hotspots

Pro. Зображення з точками, які відкривають коротку примітку при виборі. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
imageUrlstring""—
imageIdinteger0—
imageAltstring""—
pointsarray[]—

Підтримка редактора: interactivity.

Сітка логотипів pbs/logo-grid

Pro. Логотипи клієнтів або партнерів у сітці, кожен із необов’язковим посиланням. Подивитися у дії.

АтрибутТипЗа замовчуваннямЗначення
logosarray[]—
columnsinteger4—
grayscalebooleantrue—

Рухомий рядок логотипів pbs/logo-marquee

Pro. Логотипи, які повільно прокручуються горизонтально, з кнопкою паузи; нерухомі для відвідувачів, які вмикають режим зменшення руху. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
logosarray[]—
speedstring"normal"slow normal fast
grayscalebooleantrue—

Підтримка редактора: interactivity.

Анімація Lottie pbs/lottie

Pro. Анімація Lottie із завантаженого вами файлу, що відтворюється на цьому сайті без сторонніх запитів. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
fileIdinteger0—
fileNamestring""—
labelstring""—
loopbooleantrue—
playstring"view"view load hover
speednumber1—

Підтримка редактора: interactivity.

Підписка на розсилку pbs/newsletter

Pro. Форма підписки електронною поштою для Mailchimp, MailPoet або AWeber із прапорцем згоди та чітким повідомленням про успіх або помилку. Подивитися в дії.

АтрибутТипЗа замовчуваннямЗначення
servicestring"mailpoet"mailpoet mailchimp aweber
liststring""—
headingstring""—
textstring""—
buttonTextstring""—
consentTextstring""—
successTextstring""—
layoutstring"stacked"stacked inline

Підтримка редактора: interactivity.

Прайс-лист pbs/price-list

Pro. Елементи з назвою, ціною та коротким описом, наприклад, меню або список послуг. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
itemsarray[]—

Таблиця цін pbs/pricing-table

Pro. Тарифні плани пліч-о-пліч із зазначенням їхньої ціни, функцій та кнопки, з можливістю перемикання щомісяця / щороку. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
plansarray[]—
billingTogglebooleanfalse—
currencystring"$"—
monthlyLabelstring""—
yearlyLabelstring""—
yearlyNotestring""—
levelinteger2—

Підтримка редактора: interactivity.

Промо-панель pbs/promo-bar

Pro. Тонка панель оголошень, яка закріплюється у верхній або нижній частині екрана та яку відвідувачі можуть закрити. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
contentstring""—
linkTextstring""—
linkUrlstring""—
newTabbooleanfalse—
positionstring"top"top bottom inline
dismissiblebooleantrue—
variantstring"dark"dark accent light

Підтримка редактора: interactivity.

Сповіщення про нещодавні продажі pbs/social-proof

Pro. Невеликі сповіщення про реальні нещодавні замовлення з WooCommerce або Easy Digital Downloads: ім’я покупця та місто, лише для покупців, які дали згоду під час оформлення замовлення. Подивитися, як це працює.

АтрибутТипЗа замовчуваннямЗначення
sourcestring"auto"auto woocommerce edd
countinteger10—
maxAgeDaysinteger14—
showForinteger6—
gapinteger12—
positionstring"start"start end
showProductbooleantrue—
showTimebooleantrue—

Підтримка редактора: interactivity.

Панель поширення pbs/share-bar

Pro. Кнопки для поширення цієї сторінки в соціальних мережах, електронною поштою, через власне меню поширення пристрою або шляхом копіювання посилання. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
networksarray[]—
layoutstring"inline"inline floating
labelstring""—

Підтримка редактора: interactivity.

Іконки соцмереж pbs/social-icons

Безкоштовно. Посилання на ваші профілі, оформлені власними іконками мереж. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
itemsarray[]—
lookstring"filled"plain filled outline
shapestring"circle"circle rounded square
sizestring"medium"small medium large
justifystring"start"start center end
newTabbooleantrue—

Команда pbs/team

Pro. Люди з їхніми фото, іменами, посадами, короткою біографією та посиланнями. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
membersarray[]—
columnsinteger3—
levelinteger2—

Відгук pbs/testimonial

Безкоштовно. Цитата клієнта з його ім’ям, посадою, фотографією та необов’язковим рейтингом зірками. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
quotestring""—
namestring""—
rolestring""—
imageUrlstring""—
imageIdinteger0—
imageAltstring""—
ratinginteger0—
layoutstring"stacked"stacked side
alignstring"start"start center

Хронологія pbs/timeline

Pro. Події по порядку з їхніми датами вздовж лінії. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
itemsarray[]—
levelinteger2—

Значки довіри pbs/trust-badges

Pro. Короткі запевнення, кожне з піктограмою: безпечна оплата, безкоштовна доставка, легке повернення. Подивіться в дії.

АтрибутТипЗа замовчуваннямЗначення
badgesarray[]—
layoutstring"row"row grid

Кнопка чату WhatsApp pbs/whatsapp

Безкоштовно. Плаваюча кнопка в кутку сторінки, яка відкриває чат WhatsApp з вами. Подивіться в дії.

АтрибутТипЗа замовчуваннямЗначення
phonestring""—
messagestring""—
labelstring""—
showLabelbooleanfalse—
positionstring"end"end start

Зображення, відео та медіа

Засіб перегляду 3D-моделей pbs/model-viewer

Pro. 3D-модель (glTF або GLB), яку відвідувачі можуть обертати та масштабувати, за бажанням у доповненій реальності. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
srcstring""—
altstring""—
posterstring""—
autoRotatebooleanfalse—
arbooleanfalse—

Аудіоплеєр pbs/audio-player

Pro. Подкаст або музичний плеєр: епізоди, обкладинка та швидкість відтворення навколо власного плеєра браузера. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
tracksarray[]—
titlestring""—
artworkobject——

Календар бронювання pbs/booking

Безкоштовно. Календар бронювання Calendly або Cal.com, який завантажується лише за запитом відвідувача. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
providerstring"calendly"calendly cal
urlstring""—
labelstring""—

Підтримка редактора: interactivity.

Pro. Зображення в мозаїчній (masonry), вирівняній або рівномірній сітці, що відкриваються у доступному лайтбоксі. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
imagesarray[]—
layoutstring"masonry"masonry justified grid
columnsinteger3—
lightboxbooleantrue—
captionsbooleanfalse—

Іконка pbs/icon

Безкоштовно. SVG-іконка. Розмітка очищається перед відображенням. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
svgstring""—
stylestring""—
iconRefstring""—
displaystring—inline block
justifystring"start"start center end
labelstring""—

Акордеон зображень pbs/image-accordion

Pro. Панелі зображень розташовані поруч; панель під вказівником або фокусом клавіатури розширюється, показуючи свій текст. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
itemsarray[]—

Карта pbs/map

Безкоштовно. Карта місця з OpenStreetMap: без ключа, і нічого не завантажується з OpenStreetMap, доки відвідувач не зробить запит на карту. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
latnumber——
lngnumber——
zoomnumber14—
labelstring""—

Редактор підтримує: align, interactivity.

Паралакс-зображення pbs/parallax-image

Pro. Зображення, яке плавно зміщується під час прокручування сторінки. Залишається нерухомим для відвідувачів, які віддають перевагу меншій кількості анімації. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
imageobject——
strengthstring"medium"low medium high
heightstring"medium"small medium large

Переглядач PDF pbs/pdf-viewer

Pro. PDF-файл, який відображається браузером на сторінці, з посиланням для його відкриття. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
srcstring""—
titlestring""—
heightstring"medium"small medium large

QR-код pbs/qr-code

Безкоштовно. QR-код для веб-адреси або будь-якого тексту, створений на вашому власному сайті (сторонні QR-сервіси не використовуються). Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
textstring""—
svgstring""—
altstring""—
captionstring""—

Слайдер pbs/slider

Pro. Карусель слайдів, зображень, записів або товарів: свайп, кнопки або автоматично, та з підтримкою спеціальних можливостей. Подивіться, як це працює.

Внутрішні блоки: Слайд.

АтрибутТипЗа замовчуваннямЗначення
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. Сітка відео. YouTube і Vimeo завантажуються лише тоді, коли відвідувач натискає кнопку відтворення, а постери зберігаються на вашому сайті. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
videosarray[]—
columnsinteger3—

Список відтворення відео pbs/video-playlist

Pro. Один програвач і список відео: ваші власні файли або YouTube і Vimeo, які завантажуються лише після вибору. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
videosarray[]—
labelstring""—

Дані, діаграми та таблиці

Діаграма pbs/chart

Pro. Стовпчаста, лінійна або кругова діаграма, побудована на сервері, із числами в таблиці для всіх, хто не може бачити діаграму. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
typestring"bar"bar line pie
titlestring""—
labelsarray[]—
seriesarray[]—
valuePrefixstring""—
valueSuffixstring""—
heightstring"medium"short medium tall
showLegendbooleantrue—
showValuesbooleanfalse—

Код pbs/code

Безкоштовно. Відображення коду з підсвічуванням синтаксису, номерами рядків і кнопкою копіювання. Залишається читабельним, навіть якщо плагін вимкнено. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
codestring""—
languagestring"auto"—
filenamestring""—
lineNumbersbooleanfalse—
copybooleantrue—
wrapbooleanfalse—

Підтримка редактора: interactivity.

Таблиця даних pbs/data-table

Pro. Таблиця, яку відвідувачі можуть сортувати та в якій можуть шукати, і яка залишається зручною для читання на телефоні. Вставте або імпортуйте файл CSV. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
captionstring""—
columnsarray[]—
rowsarray[]—
sortablebooleantrue—
searchablebooleantrue—
layoutstring"stack"stack scroll
stripedbooleantrue—
rowHeadersbooleanfalse—

Підтримка редактора: interactivity.

Події pbs/events

Pro. Майбутні події у вигляді списку або місячного календаря за часовим поясом сайту. Минулі події зникають зі списку самі собою. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
eventsarray[]—
viewstring"list"list calendar
showPastbooleanfalse—
sourcestring"manual"manual tec
tecCategorystring""—
limitnumber20—
categoriesarray[]—
hideCanceledbooleanfalse—
hidePostponedbooleanfalse—

Підтримка редактора: interactivity.

Відгуки Google та Trustpilot pbs/reviews

Pro. Ваші відгуки Google та Trustpilot у вигляді сітки, слайдера або значка. Оновлюється раз на день у фоновому режимі, тому сторінкам ніколи не доводиться чекати на відповідь від жодного із сервісів. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
sourcestring"both"both google trustpilot
layoutstring"grid"grid slider badge
minRatinginteger4—
orderstring"newest"newest best
countinteger6—
showDatebooleantrue—
showSummarybooleanfalse—
labelstring""—

Підтримка редактора: interactivity.

Організаційна діаграма pbs/org-chart

Pro. Хто кому підпорядковується, у вигляді дерева людей з їхніми ролями та фотографіями. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
labelstring""—
peoplearray[]—

Шкала поступу pbs/progress-bar

Безкоштовно. Смуга з міткою, яка показує прогрес досягнення чогось, наприклад навички чи мети. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
labelstring""—
valueinteger50—
maxinteger100—
showValuebooleantrue—

Кільцевий індикатор прогресу pbs/progress-circle

Pro. Кільце, що заповнюється до певного значення, з числом і міткою у вигляді справжнього тексту. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
valuenumber75—
maxnumber100—
labelstring""—
formatstring"percent"percent value
sizestring"medium"small medium large
thicknessstring"normal"thin normal thick

Цикл запиту pbs/query-loop

Pro. Створюйте списки публікацій, товарів, користувачів, категорій або полів повторювача, відфільтровані та відсортовані, за допомогою картки, яку ви створюєте один раз. Додаткові живі фільтри та сторінки. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
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""—

Підтримка редактора: interactivity.

Дорожня карта pbs/roadmap

Pro. Що заплановано, у процесі та виконано — у вигляді дошки з трьох колонок або одного списку. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
itemsarray[]—
layoutstring"board"board list
headingLevelinteger2—

Зірковий рейтинг pbs/star-rating

Free. Рейтинг у вигляді зірочок із кроком у пів зірки. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
ratingnumber4—
maxinteger5—
showValuebooleanfalse—

Створення сайту та навігація

Блок автора pbs/author-box

Pro. Автор цього допису: фото, ім’я, біографія та посилання. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
showAvatarbooleantrue—
showBiobooleantrue—
showPostsbooleantrue—
showWebsitebooleantrue—
avatarSizenumber96—
headingLevelstring"h2"—

Профіль автора pbs/user-profile

Безкоштовно. Фото, ім’я, біографія та посилання автора або обраного користувача. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
sourcestring"author"author user
userIdnumber0—
showAvatarbooleantrue—
showBiobooleantrue—
showLinksbooleantrue—

Вгору pbs/back-to-top

Pro. Кнопка в кутку екрана, яка повертає відвідувача на самий початок сторінки. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
labelstring""—
positionstring"end"—
showAfternumber400—
showLabelbooleanfalse—

Підтримка редактора: interactivity.

Хлібні крихти pbs/breadcrumbs

Pro. Шлях від головної сторінки до цієї сторінки зі структурованими даними для пошукових систем. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
showHomebooleantrue—
homeLabelstring""—
separatorstring"chevron"—
showCurrentbooleantrue—
schemabooleantrue—

Години роботи pbs/business-hours

Pro. Ваш графік роботи на тиждень із рядком «Зараз відкрито», розрахованим відповідно до часового поясу вашого сайту. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
titlestring""—
daysarray[{"closed":true,"ranges":[]},{"closed…—
showOpenNowbooleantrue—
highlightTodaybooleantrue—
notestring""—

Підтримка редактора: interactivity.

Перемикач темного режиму pbs/dark-mode-switch

Pro. Кнопка, яка перемикає вебсайт між світлими та темними кольорами і запам’ятовує вибір відвідувача. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
labelstring""—
showLabelbooleanfalse—

Підтримка редактора: interactivity.

Вхід і реєстрація pbs/login-form

Pro. Форма входу або реєстрації WordPress, а також посилання для виходу після авторизації. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
modestring"login"—
redirectstring""—
showRememberbooleantrue—
showLostbooleantrue—
showRegisterbooleantrue—

Міні-кошик pbs/mini-cart

Pro. Кількість товарів і загальна сума в кошику відвідувача, з відкриттям списку товарів у кошику. Залишається актуальним після додавання до кошика навіть на кешованій сторінці. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
labelstring""—

Меню навігації pbs/nav-menu

Безкоштовно. Меню WordPress зі спадними списками та мобільним меню: бічна панель, повноекранне меню або спадний список. Мега-меню доступні у версії Pro. Подивіться, як це працює.

Вкладені блоки: Панель мега-меню (Pro).

АтрибутТипЗа замовчуваннямЗначення
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"—

Підтримка редактора: interactivity.

Захищений паролем контент pbs/protected

Безкоштовно. Блоки, які можуть бачити лише відвідувачі з паролем. Доки вони його не введуть, вміст взагалі відсутній на сторінці. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
lockIdstring""—
hashstring""—
messagestring""—

Деталі публікації pbs/post-meta

Безкоштовно. Автор публікації, дати, категорії, теги, час читання та кількість коментарів. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
itemsarray["author","date","readingTime"]—

Елемент продукту pbs/product-element

Pro. Один елемент товару: його назва, галерея, ціна, рейтинг, додавання до кошика, вкладки, супутні товари, апсейли, бейдж розпродажу або наявність. Показує товар, який переглядають, товар із циклу або вибраний вами. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
partstring"title"title gallery image price rating excerpt description add_to_cart meta tabs related upsells sale_badge stock
productIdinteger0—
levelinteger0—

Індикатор прогресу читання pbs/reading-progress

Безкоштовно. Тонка смуга біля краю вікна, яка заповнюється, коли відвідувачі прокручують сторінку. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
positionstring"top"top bottom

Час читання pbs/reading-time

Pro. Скільки хвилин займає читання цього допису. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
wpmnumber200—
formatstring"long"—
prefixstring""—

Free. Дописи зі спільними категоріями чи тегами, разом із їхніми зображеннями, датами та коротким описом. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
countnumber3—
bystring"both"both categories tags
fallbackbooleantrue—
headingstring""—
headingLevelnumber2—
showImagebooleantrue—
showDatebooleantrue—
showExcerptbooleanfalse—

Пошук pbs/search-form

Pro. Поле пошуку для цього вебсайту. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
labelstring""—
placeholderstring""—
buttonTextstring""—
showLabelbooleanfalse—
iconButtonbooleantrue—
postTypestring""—

Кнопки поширення pbs/share-buttons

Pro. Кнопки, які діляться цією сторінкою в соціальних мережах, електронною поштою або шляхом копіювання посилання. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
networksarray["facebook","x","linkedin","whatsapp"…—
showLabelsbooleanfalse—
shapestring"rounded"—
nativebooleantrue—
labelstring""—

Підтримка редактора: interactivity.

Сторінка магазину pbs/shop-page

Pro. Частина WooCommerce сторінки магазину в шаблоні: власний кошик сторінки або оформлення замовлення (блокове чи класичне), класичний кошик, оформлення замовлення або Мій обліковий запис, чи деталі отриманого замовлення. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
pagestring"content"content cart checkout account order

Шапка сайту pbs/site-header

Pro. Верхня частина вебсайту: логотип, навігація та будь-що інше, в один або кілька рядків; за бажанням закріплена, прозора, зменшувана або приховувана під час прокручування вниз. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
stickybooleanfalse—
transparentbooleanfalse—
shrinkbooleanfalse—
hideOnScrollbooleanfalse—
stickyFromnumber0—

Підтримка редактора: interactivity.

Карта сайту pbs/sitemap

Безкоштовно. Сторінка, на якій перелічено кожну опубліковану сторінку та допис (а також інший публічний контент) зі збереженням дерева сторінок. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
postTypesarray["page","post"]—
showHeadingsbooleantrue—
headingLevelnumber2—

Локатор магазинів pbs/store-locator

Pro. Кожна локація в списку, де відвідувачі можуть шукати або сортувати за відстанню, а також на мапі OpenStreetMap, яка завантажується лише за запитом відвідувача. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
labelstring""—
locationsarray[]—
showSearchbooleantrue—
showMapbooleantrue—
zoominteger0—

Підтримка редактора: interactivity.

Зміст pbs/table-of-contents

Безкоштовно. Список заголовків на сторінці, створений автоматично, який посилається на кожен із них. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
titlestring""—
minLevelinteger2—
maxLevelinteger3—
orderedbooleanfalse—
collapsiblebooleanfalse—
collapsedbooleanfalse—
spybooleantrue—

Казино, iGaming та партнерські програми

Партнерська кнопка pbs/affiliate-button

Pro. Кнопка переходу до пропозиції, позначена як спонсороване посилання, опціонально через коротке посилання, що рахує кліки. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
textstring""—
urlstring""—
linkIdnumber0—
newTabbooleantrue—
variantstring"fill"fill outline
sizestring"medium"small medium large

Перевірка віку pbs/age-gate

Pro. Пропонує відвідувачам підтвердити свій вік перед переглядом вебсайту з можливістю встановлення мінімального віку для кожної країни. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
minAgenumber18—
rulesarray[]—
modestring"confirm"confirm birthdate
rememberDaysnumber30—
titlestring""—
messagestring""—
deniedMessagestring""—

Підтримка редактора: interactivity.

Таблиця порівняння казино pbs/casino-table

Pro. Пропозиції порівнюються пліч-о-пліч, кожна зі своїм бонусом, рейтингом, основними характеристиками, кнопкою та умовами. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
offersarray[]—
captionstring""—
showRankbooleantrue—
showRatingbooleantrue—
showFeaturesbooleantrue—
noticestring""—
agenumber18—

Ціни на криптовалюту pbs/crypto-ticker

Pro. Ціни на криптовалюту від CoinGecko у вигляді біжучого рядка, карток або графіка цін. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
coinsarray["bitcoin","ethereum","solana"]—
currencystring"usd"—
layoutstring"ticker"ticker cards chart
daysnumber7—
labelstring""—

Картка пропозиції pbs/offer-card

Pro. Одна пропозиція: логотип, бонус, ключові особливості, спонсорська кнопка, її умови та вікове обмеження. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
namestring""—
logostring""—
logoIdnumber0—
bonusstring""—
descriptionstring""—
featuresstring""—
ratingnumber0—
urlstring""—
linkIdnumber0—
ctastring""—
termsstring""—
badgestring""—
agenumber18—
headingLevelstring"h2"h2 h3 h4 p

Плюси та мінуси pbs/pros-cons

Pro. Два списки поруч: що добре, а що ні. Подивитися в дії.

АтрибутТипЗа замовчуваннямЗначення
prosTitlestring""—
consTitlestring""—
prosarray[]—
consarray[]—
headingLevelstring"h2"h2 h3 h4 p

Повідомлення про відповідальну гру pbs/rg-notice

Pro. Повідомлення про відповідальну гру та посилання на допомогу, підібрані для країни відвідувача. Подивитися в дії.

АтрибутТипЗа замовчуваннямЗначення
textstring""—
urlstring""—
linkTextstring""—
useHelpbooleantrue—
countriesarray[]—
showAgebooleantrue—
agenumber18—

Оцінка відгуку pbs/review-score

Pro. Загальна оцінка, оцінки за кожним критерієм і вердикт. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
scorenumber8—
scalenumber10—
labelstring""—
criteriaarray[]—
verdictstring""—

Віджети та доповнення

Шорткод (доповнення) pbs/shortcode

Безкоштовно. Шорткод із доповнення, створеного для класичного редактора Page Builder Sandwich, із налаштуваннями, оголошеними доповненням. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
tagstring""—
attrsobject{}—
contentstring""—

Віджет pbs/widget

Безкоштовно. Показує один із зареєстрованих класичних віджетів сайту. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
widgetstring""—
instanceobject{}—
fallbackHtmlstring""—

Область віджетів pbs/sidebar

Безкоштовно. Показує віджети в одній із областей віджетів теми. Подивіться, як це працює.

АтрибутТипЗа замовчуваннямЗначення
sidebarstring""—
fallbackHtmlstring""—