ข้อมูลอ้างอิง
เอกสารอ้างอิงบล็อก Page Builder Sandwich
ทุกบล็อกของ Page Builder Sandwich และ Page Builder Sandwich Pro (ฟรี 44 รายการ, Pro 68 รายการ): ชื่อสำหรับโค้ดและตัวแทน AI, หน้าที่การทำงาน รวมถึงแต่ละแอตทริบิวต์พร้อมประเภทและค่าเริ่มต้น ซึ่งอ่านจากไฟล์ block.json ของปลั๊กอินโดยตรง
เค้าโครงและการออกแบบ
ข้อความเคลื่อนไหว pbs/animated-text
Pro. ย่อหน้าหรือหัวเรื่องที่พิมพ์ตัวเองออกมา หรือมีคำที่ค่อยๆ ปรากฏขึ้นหรือลอยขึ้นมาเมื่อเลื่อนมาเห็น ไม่เคลื่อนไหวสำหรับผู้เยี่ยมชมที่ขอให้ลดการเคลื่อนไหว ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
content | string | "" | — |
tag | string | "p" | p h2 h3 h4 h5 h6 |
effect | string | "fade" | typewriter fade rise |
speed | string | "normal" | slow normal fast |
เครื่องมือแก้ไขรองรับ: interactivity.
ลิงก์ปุ่ม pbs/button
ฟรี ลิงก์ที่จัดรูปแบบเป็นปุ่ม ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
url | string | "" | — |
text | string | "" | — |
style | string | "" | — |
target | string | "" | _blank |
rel | string | "" | — |
align | string | "" | left center right |
wrapStyle | string | "" | — |
wrapped | boolean | false | — |
wrapData | object | — | — |
legacyClass | string | "" | — |
legacyData | object | — | — |
legacy | boolean | false | — |
Container pbs/container
ฟรี กล่องที่จัดวางบล็อกภายในด้วย flexbox หรือกริด ซ้อนคอนเทนเนอร์เพื่อสร้างเลย์เอาต์ใดก็ได้ ยังคงอ่านได้แม้จะปิดใช้งานปลั๊กอิน ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
tag | string | "div" | section div header footer article aside main nav |
width | string | "full" | full boxed |
link | object | — | — |
Cursor effects pbs/cursor-effects
โปร วงแหวน สปอตไลต์ หรือรอยสั้นๆ ที่เคลื่อนตามตัวชี้เมาส์เหนือเซกชันหรือทั้งหน้า ปิดบนหน้าจอสัมผัสและสำหรับผู้เข้าชมที่ขอลดการเคลื่อนไหว ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
effect | string | "ring" | ring spotlight trail |
scope | string | "section" | section page |
เครื่องมือแก้ไขรองรับ: interactivity.
ตัวสลับภาษา pbs/language-switcher
ฟรี ช่วยให้ผู้เยี่ยมชมสามารถอ่านหน้านี้ในภาษาอื่นได้ โดยจัดสไตล์ให้เข้ากับหน้าเว็บของคุณ ต้องใช้ปลั๊กอิน Tranzly สำหรับภาษาต่างๆ ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่เป็นไปได้ |
|---|---|---|---|
design | string | "pills" | list pills buttons dropdown codes |
display | string | "name" | name code name_code |
flags | boolean | false | — |
flagShape | string | "" | rectangle rounded square circle |
flagSize | string | "" | medium small large |
showCurrent | boolean | true | — |
hideMissing | boolean | false | — |
vertical | boolean | false | — |
label | string | "" | — |
vars | object | {} | — |
Marquee pbs/marquee
Pro ข้อความสั้นแถวเดียวที่เลื่อนผ่านหน้าจอ พร้อมปุ่มหยุดชั่วคราว นิ่งอยู่กับที่สำหรับผู้เยี่ยมชมที่ต้องการลดการเคลื่อนไหว ดูตัวอย่างการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่สามารถใช้ได้ |
|---|---|---|---|
items | array | [] | — |
label | string | "" | — |
separator | string | "dot" | dot slash star none |
speed | string | "normal" | slow normal fast |
direction | string | "start" | start end |
เครื่องมือแก้ไขรองรับ: interactivity.
พื้นหลังอนุภาค pbs/particles
Pro ส่วนที่มีจุดลอยอย่างช้าๆ ด้านหลังบล็อก มีเฟรมภาพนิ่งสำหรับผู้เยี่ยมชมที่ต้องการการเคลื่อนไหวน้อยลง ดูตัวอย่างการทำงาน.
| แอตทริบิวต์ | ชนิด | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
color | string | "" | — |
density | string | "normal" | low normal high |
speed | string | "normal" | slow normal fast |
links | boolean | true | — |
เครื่องมือแก้ไขรองรับ: interactivity.
แถว pbs/row
ฟรี แถวของคอลัมน์ ยังคงอ่านได้แม้ว่าจะปิดใช้งานปลั๊กอิน ดูการทำงาน.
บล็อกภายใน: คอลัมน์
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
style | string | "" | — |
width | string | "" | full-width full-width-retain-content |
legacyClass | string | "" | — |
legacyData | object | — | — |
legacy | boolean | false | — |
ส่วนเนื้อหา (Section) pbs/section
ฟรี แถบความกว้างเต็มหน้าจอของหน้าเว็บที่จัดวางเนื้อหาด้วย flexbox หรือ grid ยังคงอ่านได้แม้ว่าจะปิดการใช้งานปลั๊กอินก็ตาม ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่สามารถใช้ได้ |
|---|---|---|---|
tag | string | "section" | section div header footer article aside main nav |
width | string | "boxed" | full boxed |
align | string | "full" | — |
link | object | — | — |
ตัวแก้ไขรองรับ: align.
เนื้อหา
แอกคอร์เดียน pbs/accordion
ฟรี คำถามหรือส่วนที่เปิดและปิดได้ สามารถเลือกเปิดทีละส่วน และเลือกทำมาร์กอัปเป็น FAQ สำหรับโปรแกรมค้นหาได้ ดูการทำงาน.
บล็อกภายใน: รายการแอกคอร์เดียน
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
single | boolean | false | — |
faq | boolean | false | — |
การแจ้งเตือน pbs/alert
ฟรี ข้อความแจ้งเตือนสำหรับผู้เยี่ยมชมของคุณ: ข้อมูล ข้อมูลสำเร็จ คำเตือน หรือข้อผิดพลาด พร้อมหัวข้อเสริมและปุ่มปิด ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
variant | string | "info" | info success warning error |
title | string | "" | — |
content | string | "" | — |
showIcon | boolean | true | — |
dismissible | boolean | false | — |
เครื่องมือแก้ไขรองรับ: interactivity.
ป้ายข้อความ pbs/badge
ฟรี ป้ายกำกับสั้นๆ เช่น ใหม่, ลดราคา หรือ คุ้มค่าที่สุด ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
content | string | "" | — |
variant | string | "accent" | neutral info success warning error accent |
justify | string | "start" | start center end |
รายการตรวจสอบ pbs/checklist
ฟรี รายการงานที่แต่ละรายการถูกทำเครื่องหมายว่าเสร็จแล้วหรือยังต้องทำ ทั้งในรูปแบบข้อความสำหรับโปรแกรมอ่านหน้าจอและเครื่องหมายถูก ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
items | array | [] | — |
accent | string | "primary" | text primary secondary contrast |
Content switcher pbs/content-switcher
Pro ตัวสลับระหว่างเนื้อหาตั้งแต่สองเวอร์ชันขึ้นไป เช่น ราคาแบบรายเดือนและรายปี ดูตัวอย่างการใช้งาน.
บล็อกภายใน: Switcher pane
| แอตทริบิวต์ | ชนิดข้อมูล | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
label | string | "" | — |
Dual heading pbs/dual-heading
ฟรี หัวเรื่องสองส่วน โดยส่วนที่สองจะเน้นด้วยสี การไล่ระดับสี เส้นขอบ หรือเส้นใต้ ดูการทำงาน.
| แอททริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
first | string | "" | — |
second | string | "" | — |
level | integer | 2 | — |
look | string | "accent" | accent gradient outline underline |
stacked | boolean | false | — |
justify | string | "start" | start center end |
รายการฟีเจอร์ pbs/feature-list
ฟรี ฟีเจอร์ในรูปแบบตารางกริด แต่ละรายการมีไอคอน หัวเรื่อง และคำอธิบายสั้นๆ ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
items | array | [] | — |
icon | string | "check" | check star info arrow dot circle |
columns | integer | 3 | — |
level | integer | 2 | — |
accent | string | "primary" | text primary secondary contrast |
อภิธานศัพท์ pbs/glossary
ฟรี คำศัพท์และคำจำกัดความ จัดเรียงตามลำดับ A ถึง Z พร้อมลิงก์เฉพาะของแต่ละคำ สามารถลิงก์การกล่าวถึงคำศัพท์นั้นครั้งแรกในหน้าไปยังคำจำกัดความได้ ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
items | array | [] | — |
sort | boolean | true | — |
showIndex | boolean | false | — |
autoLink | boolean | false | — |
รายการไอคอน pbs/icon-list
ฟรี รายการที่ทุกบรรทัดเริ่มต้นด้วยไอคอน: เครื่องหมายถูก, ลูกศร หรือไอคอนใดๆ จากคลัง ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
items | array | [] | — |
icon | string | "check" | check dot arrow star circle |
layout | string | "stacked" | stacked inline |
accent | string | "primary" | text primary secondary contrast |
กล่องข้อมูล pbs/info-box
ฟรี ไอคอน หัวข้อย่อยสั้นๆ หนึ่งหรือสองประโยค และลิงก์เสริม: สำหรับบริการ สิทธิประโยชน์ หรือรายละเอียดการติดต่อ ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
svg | string | "" | — |
iconRef | string | "" | — |
icon | string | "info" | info star check arrow dot circle |
showIcon | boolean | true | — |
title | string | "" | — |
content | string | "" | — |
linkUrl | string | "" | — |
linkText | string | "" | — |
newTab | boolean | false | — |
align | string | "start" | start center |
level | integer | 2 | — |
accent | string | "primary" | text primary secondary contrast |
โมดอล pbs/modal
ฟรี ปุ่มที่เปิดหน้าต่างขึ้นมาซ้อนทับหน้าเว็บ โดยมีบล็อกใดๆ อยู่ด้านใน ดูตัวอย่างการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
trigger | string | "" | — |
title | string | "" | — |
size | string | "medium" | small medium large |
backdropClose | boolean | true | — |
แผง Off-canvas pbs/off-canvas
ฟรี ปุ่มที่เลื่อนเปิดแผงออกมาจากด้านข้างของหน้าต่าง โดยมีบล็อกใดๆ อยู่ด้านใน ดูตัวอย่างการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
trigger | string | "" | — |
title | string | "" | — |
side | string | "end" | start end |
backdropClose | boolean | true | — |
เรื่อง pbs/posts
Pro เรื่อง หน้า รายการพอร์ตโฟลิโอ หรือสินค้าในรูปแบบการ์ด: ตาราง รายการ ก่ออิฐ หรือภาพสไลด์ พร้อมตัวกรองหมวดหมู่และการแบ่งหน้าหรือ “โหลดเพิ่มเติม” ดูตัวอย่างการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
layout | string | "grid" | grid list masonry carousel |
columns | integer | 3 | — |
postType | string | "post" | — |
perPage | integer | 6 | — |
categories | array | [] | — |
orderBy | string | "date" | date title modified menu_order rand |
order | string | "DESC" | DESC ASC |
showImage | boolean | true | — |
showDate | boolean | true | — |
showExcerpt | boolean | true | — |
showTerms | boolean | false | — |
showPrice | boolean | true | — |
level | integer | 2 | — |
filter | boolean | false | — |
pagination | string | "none" | none numbers more |
autoplay | boolean | false | — |
interval | integer | 5 | — |
loop | boolean | true | — |
arrows | boolean | true | — |
dots | boolean | true | — |
แสดงเพิ่มเติม pbs/show-more
Pro เนื้อหายาวที่ถูกตัดให้มีความสูงตามที่กำหนด พร้อมปุ่มสำหรับแสดงเนื้อหาที่เหลือ ดูตัวอย่างการใช้งาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
height | string | "medium" | small medium large |
moreLabel | string | "" | — |
lessLabel | string | "" | — |
ขั้นตอน pbs/steps
ฟรี ลำดับขั้นตอนของกระบวนการที่มีหมายเลขกำกับ เรียงตามลำดับในแนวตั้งหรือแสดงเคียงข้างกัน ดูตัวอย่างการใช้งาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่เป็นไปได้ |
|---|---|---|---|
items | array | [] | — |
layout | string | "vertical" | vertical horizontal |
level | integer | 2 | — |
accent | string | "primary" | text primary secondary contrast |
แท็บ pbs/tabs
ฟรี เนื้อหาในแท็บ: ผู้เยี่ยมชมสามารถสลับระหว่างพาเนลต่างๆ ได้โดยใช้เมาส์หรือแป้นพิมพ์ ดูการทำงาน.
บล็อกภายใน: Tab
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
label | string | "" | — |
vertical | boolean | false | — |
selected | integer | 0 | — |
Tooltip pbs/tooltip
ฟรี คำหรือวลีที่แสดงคำอธิบายสั้นๆ เมื่อวางเมาส์เหนือหรือโฟกัสด้วยแป้นพิมพ์ ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
text | string | "" | — |
tip | string | "" | — |
placement | string | "top" | top bottom |
การตลาดและการขาย
การทดสอบ A/B pbs/ab-test
Pro ส่วนเนื้อหาสองเวอร์ชัน: ผู้เยี่ยมชมแต่ละคนจะเห็นเพียงเวอร์ชันเดียว และหน้าจอการทดสอบ A/B จะแสดงให้เห็นว่าเวอร์ชันใดให้ผลลัพธ์ที่ดีกว่า ดูการทำงานจริง.
บล็อกภายใน: เวอร์ชัน A/B
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่เป็นไปได้ |
|---|---|---|---|
testId | string | "" | — |
name | string | "" | — |
split | number | 50 | — |
goal | string | "" | — |
หัวข้อเคลื่อนไหว pbs/animated-headline
Pro หัวข้อที่มีคำสำคัญเปลี่ยนไปมา พร้อมปุ่มหยุดชั่วคราวและไม่มีการเคลื่อนไหวสำหรับผู้เยี่ยมชมที่ต้องการการเคลื่อนไหวน้อยลง ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
before | string | "" | — |
words | array | [] | — |
after | string | "" | — |
effect | string | "fade" | fade slide type |
level | integer | 2 | — |
interval | integer | 2500 | — |
เครื่องมือแก้ไขรองรับ: interactivity.
Before and after pbs/before-after
Pro รูปภาพสองภาพซ้อนกันพร้อมแถบเลื่อนเพื่อเปรียบเทียบ ดูตัวอย่างการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
beforeUrl | string | "" | — |
beforeId | integer | 0 | — |
beforeAlt | string | "" | — |
beforeLabel | string | "" | — |
afterUrl | string | "" | — |
afterId | integer | 0 | — |
afterAlt | string | "" | — |
afterLabel | string | "" | — |
position | integer | 50 | — |
เครื่องมือแก้ไขรองรับ: interactivity.
การเรียกร้องให้ดำเนินการ (Call to action) pbs/call-to-action
ฟรี หัวข้อ ประโยค และปุ่มหนึ่งหรือสองปุ่มที่ขอให้ผู้เยี่ยมชมดำเนินการ ดูตัวอย่างการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
title | string | "" | — |
content | string | "" | — |
level | integer | 2 | — |
primaryText | string | "" | — |
primaryUrl | string | "" | — |
primaryNewTab | boolean | false | — |
secondaryText | string | "" | — |
secondaryUrl | string | "" | — |
secondaryNewTab | boolean | false | — |
layout | string | "stacked" | stacked split |
align | string | "center" | start center |
คลิกเพื่อแชร์คำคม pbs/click-to-tweet
Pro ข้อความอ้างอิงพร้อมปุ่มที่เปิดโพสต์บน X ที่มีข้อความอ้างอิงและลิงก์ไปยังหน้านี้ ดูตัวอย่างการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
quote | string | "" | — |
via | string | "" | — |
url | string | "" | — |
buttonText | string | "" | — |
ตารางเปรียบเทียบ pbs/comparison-table
ฟรี แผนบริการหรือสินค้าแบบเทียบเคียงกัน พร้อมเครื่องหมายใช่และไม่ใช่ที่โปรแกรมอ่านหน้าจออ่านออกเสียงเป็นคำพูด ดูตัวอย่างการทำงาน.
| แอททริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
caption | สตริง | "" | — |
columns | อาร์เรย์ | [] | — |
rows | อาร์เรย์ | [] | — |
stickyHeader | บูลีน | false | — |
onlyDifferences | บูลีน | false | — |
ปุ่มติดต่อ pbs/contact-buttons
ฟรี ปุ่มสำหรับโทร, อีเมล, ส่งข้อความ หรือทักคุณทาง WhatsApp ดูตัวอย่างการใช้งาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
items | array | [] | — |
message | string | "" | — |
นับถอยหลัง pbs/countdown
Pro ตัวจับเวลานับถอยหลังสู่วันที่ที่กำหนด หรือการนับถอยหลังแบบเอเวอร์กรีนที่เริ่มต้นเมื่อผู้เยี่ยมชมแต่ละคนเข้ามาเป็นครั้งแรก ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่เป็นไปได้ |
|---|---|---|---|
mode | string | "date" | date evergreen |
date | string | "" | — |
evergreenHours | integer | 24 | — |
label | string | "" | — |
expiredText | string | "" | — |
showSeconds | boolean | true | — |
เครื่องมือแก้ไขรองรับ: interactivity.
Counter pbs/counter
Pro ตัวเลขที่นับขึ้นเมื่อเลื่อนมาปรากฏในมุมมอง พร้อมป้ายกำกับ ดูการทำงานจริง.
| แอตทริบิวต์ | ชนิด | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
start | number | 0 | — |
end | number | 100 | — |
decimals | integer | 0 | — |
duration | integer | 2000 | — |
prefix | string | "" | — |
suffix | string | "" | — |
label | string | "" | — |
separator | boolean | true | — |
เครื่องมือแก้ไขรองรับ: interactivity.
โค้ดคูปอง pbs/coupon-code
Pro. โค้ดส่วนลดที่ผู้เยี่ยมชมสามารถเปิดเผยและคัดลอกได้ด้วยการคลิกเพียงครั้งเดียว ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่เป็นไปได้ |
|---|---|---|---|
code | string | "" | — |
description | string | "" | — |
buttonText | string | "" | — |
expires | string | "" | — |
เครื่องมือแก้ไขรองรับ: interactivity.
กล่องพลิก pbs/flip-box
Pro การ์ดที่จะพลิกเพื่อแสดงข้อมูลเพิ่มเติม: เมื่อวางเมาส์เหนือ, เมื่อโฟกัสด้วยแป้นพิมพ์, หรือกดปุ่มบนหน้าจอสัมผัส ดูตัวอย่างการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
svg | string | "" | — |
iconRef | string | "" | — |
frontTitle | string | "" | — |
frontText | string | "" | — |
backTitle | string | "" | — |
backText | string | "" | — |
buttonText | string | "" | — |
buttonUrl | string | "" | — |
effect | string | "flip" | flip fade |
level | integer | 2 | — |
เครื่องมือแก้ไขรองรับ: interactivity.
แบบฟอร์ม pbs/form
ฟรี แสดงฟอร์มจาก Contact Form 7, WPForms, Gravity Forms หรือ Fluent Forms โดยจัดรูปแบบให้เข้ากับเว็บไซต์ของคุณ ดูการทำงานจริง.
| Attribute | Type | Default | Values |
|---|---|---|---|
provider | string | "" | cf7 wpforms gravityforms fluentforms |
formId | string | "" | — |
fieldStyle | string | "outlined" | outlined filled underlined |
buttonWidth | string | "auto" | auto full |
แบบฟอร์ม pbs/form-builder
Pro ฟอร์มติดต่อ ขอใบเสนอราคา ลงทะเบียน หรือฟอร์มแบบหลายขั้นตอนพร้อมระบบป้องกันสแปม การอัปโหลดไฟล์ และฟิลด์แบบมีเงื่อนไข ข้อมูลที่ส่งแต่ละรายการสามารถส่งทางอีเมล บันทึกไว้ ส่งไปยังเว็บฮุก หรือเพิ่มลงในรายชื่ออีเมลได้ ดูการทำงานจริง.
บล็อกภายใน: ช่องแบบฟอร์ม, ขั้นตอนของแบบฟอร์ม
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
formId | string | "" | — |
title | string | "" | — |
submitText | string | "" | — |
successMessage | string | "" | — |
redirectUrl | string | "" | — |
trackEvent | string | "" | — |
actions | object | {} | — |
Hotspots pbs/hotspots
Pro. รูปภาพพร้อมจุดต่างๆ ที่เปิดข้อความสั้นๆ เมื่อเลือก ดูตัวอย่างการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
imageUrl | string | "" | — |
imageId | integer | 0 | — |
imageAlt | string | "" | — |
points | array | [] | — |
เครื่องมือแก้ไขรองรับ: interactivity.
กริดโลโก้ pbs/logo-grid
Pro. โลโก้ลูกค้าหรือพันธมิตรในรูปแบบกริด แต่ละรายการสามารถใส่ลิงก์ได้ ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
logos | array | [] | — |
columns | integer | 4 | — |
grayscale | boolean | true | — |
โลโก้เลื่อน (Logo marquee) pbs/logo-marquee
Pro โลโก้เลื่อนผ่านไปอย่างช้าๆ พร้อมปุ่มหยุดชั่วคราว นิ่งอยู่กับที่สำหรับผู้เยี่ยมชมที่ต้องการการเคลื่อนไหวน้อยลง ดูตัวอย่างการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่เป็นไปได้ |
|---|---|---|---|
logos | array | [] | — |
speed | string | "normal" | slow normal fast |
grayscale | boolean | true | — |
เครื่องมือแก้ไขรองรับ: interactivity.
แอนิเมชัน Lottie pbs/lottie
Pro แอนิเมชัน Lottie จากไฟล์ที่คุณอัปโหลด เล่นบนไซต์นี้ได้โดยไม่ต้องส่งคำขอออกไปภายนอก ดูตัวอย่างการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่เป็นไปได้ |
|---|---|---|---|
fileId | integer | 0 | — |
fileName | string | "" | — |
label | string | "" | — |
loop | boolean | true | — |
play | string | "view" | view load hover |
speed | number | 1 | — |
เครื่องมือแก้ไขรองรับ: interactivity.
สมัครรับจดหมายข่าว pbs/newsletter
Pro แบบฟอร์มสมัครรับข้อมูลทางอีเมลสำหรับ Mailchimp, MailPoet หรือ AWeber พร้อมช่องทำเครื่องหมายยินยอมและข้อความที่ชัดเจนเมื่อสำเร็จหรือล้มเหลว ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
service | string | "mailpoet" | mailpoet mailchimp aweber |
list | string | "" | — |
heading | string | "" | — |
text | string | "" | — |
buttonText | string | "" | — |
consentText | string | "" | — |
successText | string | "" | — |
layout | string | "stacked" | stacked inline |
เครื่องมือแก้ไขรองรับ: interactivity.
รายการราคา pbs/price-list
Pro รายการที่มีชื่อ ราคา และคำอธิบายสั้นๆ เช่น เมนูอาหารหรือรายการบริการ ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่เป็นไปได้ |
|---|---|---|---|
items | array | [] | — |
ตารางราคา pbs/pricing-table
โปร แผนต่างๆ เคียงข้างกันพร้อมราคา คุณสมบัติ และปุ่ม พร้อมสวิตช์สลับรายเดือน / รายปีให้เลือก ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
plans | array | [] | — |
billingToggle | boolean | false | — |
currency | string | "$" | — |
monthlyLabel | string | "" | — |
yearlyLabel | string | "" | — |
yearlyNote | string | "" | — |
level | integer | 2 | — |
เครื่องมือแก้ไขรองรับ: interactivity.
แถบโปรโมชัน pbs/promo-bar
Pro แถบประกาศแบบบางที่แสดงอยู่ด้านบนหรือด้านล่างของหน้าจอ ซึ่งผู้เยี่ยมชมสามารถปิดได้ ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
content | string | "" | — |
linkText | string | "" | — |
linkUrl | string | "" | — |
newTab | boolean | false | — |
position | string | "top" | top bottom inline |
dismissible | boolean | true | — |
variant | string | "dark" | dark accent light |
เครื่องมือแก้ไขรองรับ: interactivity.
การแจ้งเตือนยอดขายล่าสุด pbs/social-proof
Pro การแจ้งเตือนขนาดเล็กเกี่ยวกับคำสั่งซื้อจริงล่าสุดจาก WooCommerce หรือ Easy Digital Downloads: ชื่อจริงและเมืองของผู้ซื้อ เฉพาะผู้ซื้อที่ยินยอมในขั้นตอนการชำระเงิน ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่เป็นไปได้ |
|---|---|---|---|
source | string | "auto" | auto woocommerce edd |
count | integer | 10 | — |
maxAgeDays | integer | 14 | — |
showFor | integer | 6 | — |
gap | integer | 12 | — |
position | string | "start" | start end |
showProduct | boolean | true | — |
showTime | boolean | true | — |
เครื่องมือแก้ไขรองรับ: interactivity.
แถบแชร์ pbs/share-bar
Pro ปุ่มสำหรับแชร์หน้านี้บนเครือข่ายโซเชียล ทางอีเมล ผ่านเมนูแชร์ของอุปกรณ์ หรือโดยการคัดลอกลิงก์ ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
networks | array | [] | — |
layout | string | "inline" | inline floating |
label | string | "" | — |
เครื่องมือแก้ไขรองรับ: interactivity.
ไอคอนโซเชียล pbs/social-icons
ฟรี ลิงก์ไปยังโปรไฟล์ของคุณ แสดงผลด้วยไอคอนเฉพาะของเครือข่ายนั้นๆ ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่เป็นไปได้ |
|---|---|---|---|
items | array | [] | — |
look | string | "filled" | plain filled outline |
shape | string | "circle" | circle rounded square |
size | string | "medium" | small medium large |
justify | string | "start" | start center end |
newTab | boolean | true | — |
ทีม pbs/team
Pro. สมาชิกในทีมพร้อมรูปถ่าย ชื่อ บทบาท ประวัติโดยย่อ และลิงก์ ดูตัวอย่างการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
members | array | [] | — |
columns | integer | 3 | — |
level | integer | 2 | — |
คำรับรอง pbs/testimonial
ฟรี ข้อความรับรองจากลูกค้าพร้อมชื่อ ตำแหน่ง รูปภาพ และการให้คะแนนดาวที่เป็นตัวเลือก ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
quote | string | "" | — |
name | string | "" | — |
role | string | "" | — |
imageUrl | string | "" | — |
imageId | integer | 0 | — |
imageAlt | string | "" | — |
rating | integer | 0 | — |
layout | string | "stacked" | stacked side |
align | string | "start" | start center |
ไทม์ไลน์ pbs/timeline
Pro เหตุการณ์ตามลำดับพร้อมวันที่ เรียงตามแนวเส้น ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่เป็นไปได้ |
|---|---|---|---|
items | array | [] | — |
level | integer | 2 | — |
ป้ายรับรองความน่าเชื่อถือ pbs/trust-badges
Pro ข้อความสั้นๆ สร้างความมั่นใจพร้อมไอคอน: ชำระเงินปลอดภัย, จัดส่งฟรี, คืนสินค้าง่าย ดูตัวอย่างการใช้งาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่เป็นไปได้ |
|---|---|---|---|
badges | array | [] | — |
layout | string | "row" | row grid |
ปุ่มแชท WhatsApp pbs/whatsapp
ฟรี ปุ่มลอยที่มุมหน้าเว็บซึ่งจะเปิดแชท WhatsApp ถึงคุณ ดูตัวอย่างการใช้งาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
phone | string | "" | — |
message | string | "" | — |
label | string | "" | — |
showLabel | boolean | false | — |
position | string | "end" | end start |
รูปภาพ วิดีโอ และสื่อ
โปรแกรมดูโมเดล 3D pbs/model-viewer
Pro โมเดล 3D (glTF หรือ GLB) ที่ผู้เยี่ยมชมสามารถหมุนและซูมได้ และเลือกแสดงในรูปแบบความจริงเสริม (AR) ได้ ดูการทำงานจริง.
| แอตทริบิวต์ | ชนิด | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
src | string | "" | — |
alt | string | "" | — |
poster | string | "" | — |
autoRotate | boolean | false | — |
ar | boolean | false | — |
เครื่องเล่นเสียง pbs/audio-player
Pro. เครื่องเล่นพอดแคสต์หรือเพลง: ตอน รูปภาพหน้าปก และความเร็วในการเล่นรอบๆ เครื่องเล่นของเบราว์เซอร์เอง ดูการทำงาน.
| แอตทริบิวต์ | ชนิด | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
tracks | array | [] | — |
title | string | "" | — |
artwork | object | — | — |
ปฏิทินการจอง pbs/booking
ฟรี ปฏิทินการจอง Calendly หรือ Cal.com ซึ่งจะโหลดขึ้นมาเฉพาะเมื่อผู้เข้าชมต้องการเท่านั้น ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่เป็นไปได้ |
|---|---|---|---|
provider | string | "calendly" | calendly cal |
url | string | "" | — |
label | string | "" | — |
เครื่องมือแก้ไขรองรับ: interactivity.
แกลเลอรี pbs/gallery
โปร รูปภาพในรูปแบบ masonry, justified หรือตารางที่เท่ากัน พร้อมเปิดในไลท์บ็อกซ์ที่เข้าถึงได้สะดวก ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
images | array | [] | — |
layout | string | "masonry" | masonry justified grid |
columns | integer | 3 | — |
lightbox | boolean | true | — |
captions | boolean | false | — |
ไอคอน pbs/icon
ฟรี ไอคอน SVG มาร์กอัปจะได้รับการทำความสะอาดก่อนที่จะแสดงผล ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่เป็นไปได้ |
|---|---|---|---|
svg | string | "" | — |
style | string | "" | — |
iconRef | string | "" | — |
display | string | — | inline block |
justify | string | "start" | start center end |
label | string | "" | — |
แอกคอร์เดียนรูปภาพ pbs/image-accordion
โปร. แผงรูปภาพวางเรียงเคียงข้างกัน โดยแผงที่อยู่ใต้ตัวชี้เมาส์หรือการโฟกัสด้วยแป้นพิมพ์จะขยายกว้างขึ้นเพื่อแสดงข้อความ ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่เป็นไปได้ |
|---|---|---|---|
items | array | [] | — |
แผนที่ pbs/map
ฟรี แผนที่สถานที่จาก OpenStreetMap: ไม่ต้องใช้คีย์ และไม่มีการโหลดข้อมูลใดๆ จาก OpenStreetMap จนกว่าผู้เข้าชมจะร้องขอแผนที่ ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
lat | number | — | — |
lng | number | — | — |
zoom | number | 14 | — |
label | string | "" | — |
เครื่องมือแก้ไขรองรับ: align, interactivity.
รูปภาพพารัลแลกซ์ pbs/parallax-image
Pro รูปภาพที่เคลื่อนไหวตามการเลื่อนหน้าเว็บ และหยุดนิ่งสำหรับผู้เยี่ยมชมที่ต้องการการเคลื่อนไหวน้อยลง ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่เป็นไปได้ |
|---|---|---|---|
image | object | — | — |
strength | string | "medium" | low medium high |
height | string | "medium" | small medium large |
โปรแกรมดู PDF pbs/pdf-viewer
Pro PDF ที่แสดงบนหน้าเว็บโดยเบราว์เซอร์ พร้อมลิงก์สำหรับเปิด ดูการทำงาน.
| แอททริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
src | string | "" | — |
title | string | "" | — |
height | string | "medium" | small medium large |
คิวอาร์โค้ด pbs/qr-code
ฟรี คิวอาร์โค้ดสำหรับที่อยู่เว็บหรือข้อความใดๆ ที่สร้างขึ้นบนเว็บไซต์ของคุณเอง (ไม่มีการใช้บริการคิวอาร์โค้ดภายนอก) ดูการทำงาน.
| แอททริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
text | string | "" | — |
svg | string | "" | — |
alt | string | "" | — |
caption | string | "" | — |
สไลเดอร์ pbs/slider
Pro คารูเซิลของสไลด์ รูปภาพ โพสต์ หรือสินค้า: เลื่อนผ่านหน้าจอ (swipe) ปุ่มกด หรืออัตโนมัติ และเข้าถึงได้ง่าย ดูการทำงาน.
บล็อกภายใน: สไลด์
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
label | string | "" | — |
source | string | "slides" | slides images posts products |
images | array | [] | — |
postType | string | "post" | — |
perPage | integer | 6 | — |
categories | array | [] | — |
orderBy | string | "date" | date title modified menu_order rand |
order | string | "DESC" | DESC ASC |
showImage | boolean | true | — |
showDate | boolean | true | — |
showExcerpt | boolean | true | — |
showTerms | boolean | false | — |
showPrice | boolean | true | — |
effect | string | "slide" | slide fade kenburns |
perView | integer | 1 | — |
perViewTablet | integer | 1 | — |
perViewMobile | integer | 1 | — |
autoplay | boolean | false | — |
interval | integer | 5 | — |
loop | boolean | true | — |
arrows | boolean | true | — |
dots | boolean | true | — |
แกลเลอรีวิดีโอ pbs/video-gallery
Pro ตารางกริดของวิดีโอ YouTube และ Vimeo จะโหลดเมื่อผู้เยี่ยมชมกดเล่นเท่านั้น โดยภาพโปสเตอร์จะเก็บไว้บนไซต์ของคุณ ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
videos | array | [] | — |
columns | integer | 3 | — |
เพลย์ลิสต์วิดีโอ pbs/video-playlist
Pro เครื่องเล่นเดียวและรายการวิดีโอ: ไฟล์ของคุณเอง หรือ YouTube และ Vimeo ที่จะโหลดเมื่อถูกเลือกเท่านั้น ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
videos | array | [] | — |
label | string | "" | — |
ข้อมูล แผนภูมิ และตาราง
แผนภูมิ pbs/chart
Pro. แผนภูมิแท่ง แผนภูมิเส้น หรือแผนภูมิวงกลมที่แสดงผลบนเซิร์ฟเวอร์ พร้อมตัวเลขในตารางสำหรับทุกคนที่ไม่สามารถดูแผนภูมิได้ ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
type | string | "bar" | bar line pie |
title | string | "" | — |
labels | array | [] | — |
series | array | [] | — |
valuePrefix | string | "" | — |
valueSuffix | string | "" | — |
height | string | "medium" | short medium tall |
showLegend | boolean | true | — |
showValues | boolean | false | — |
Code pbs/code
ฟรี รายการโค้ดพร้อมการเน้นไวยากรณ์ หมายเลขบรรทัด และปุ่มคัดลอก ยังคงอ่านได้ง่ายแม้ว่าจะปิดใช้งานปลั๊กอิน ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
code | string | "" | — |
language | string | "auto" | — |
filename | string | "" | — |
lineNumbers | boolean | false | — |
copy | boolean | true | — |
wrap | boolean | false | — |
เครื่องมือแก้ไขรองรับ: interactivity.
ตารางข้อมูล pbs/data-table
Pro. ตารางที่ผู้เข้าชมสามารถจัดเรียงและค้นหาได้ ซึ่งยังคงอ่านง่ายบนโทรศัพท์ วางหรือนำเข้าไฟล์ CSV ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
caption | string | "" | — |
columns | array | [] | — |
rows | array | [] | — |
sortable | boolean | true | — |
searchable | boolean | true | — |
layout | string | "stack" | stack scroll |
striped | boolean | true | — |
rowHeaders | boolean | false | — |
เครื่องมือแก้ไขรองรับ: interactivity.
กิจกรรม pbs/events
Pro กิจกรรมที่กำลังจะมาถึงในรูปแบบรายการหรือปฏิทินรายเดือน ในเขตเวลาของเว็บไซต์ กิจกรรมที่ผ่านมาแล้วจะออกจากรายการโดยอัตโนมัติ ดูการทำงานจริง.
| แอตทริบิวต์ | ชนิด | ค่าเริ่มต้น | ค่าที่เป็นไปได้ |
|---|---|---|---|
events | array | [] | — |
view | string | "list" | list calendar |
showPast | boolean | false | — |
source | string | "manual" | manual tec |
tecCategory | string | "" | — |
limit | number | 20 | — |
categories | array | [] | — |
hideCanceled | boolean | false | — |
hidePostponed | boolean | false | — |
เครื่องมือแก้ไขรองรับ: interactivity.
รีวิว Google และ Trustpilot pbs/reviews
Pro รีวิว Google และ Trustpilot ของคุณในรูปแบบตาราง ตัวเลื่อน หรือป้ายสัญลักษณ์ อัปเดตข้อมูลเบื้องหลังวันละครั้ง หน้าเว็บจึงไม่ต้องรอการตอบสนองจากบริการใดบริการหนึ่ง ดูการทำงาน.
| แอททริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่เป็นไปได้ |
|---|---|---|---|
source | string | "both" | both google trustpilot |
layout | string | "grid" | grid slider badge |
minRating | integer | 4 | — |
order | string | "newest" | newest best |
count | integer | 6 | — |
showDate | boolean | true | — |
showSummary | boolean | false | — |
label | string | "" | — |
เครื่องมือแก้ไขรองรับ: interactivity.
แผนผังองค์กร pbs/org-chart
Pro. ใครขึ้นตรงต่อใคร ในรูปแบบแผนผังบุคคลพร้อมบทบาทและรูปภาพ ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่เป็นไปได้ |
|---|---|---|---|
label | string | "" | — |
people | array | [] | — |
แถบแสดงความคืบหน้า pbs/progress-bar
ฟรี. แถบพร้อมป้ายกำกับที่แสดงความคืบหน้า เช่น ทักษะหรือเป้าหมาย ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่เป็นไปได้ |
|---|---|---|---|
label | string | "" | — |
value | integer | 50 | — |
max | integer | 100 | — |
showValue | boolean | true | — |
วงกลมแสดงความคืบหน้า pbs/progress-circle
Pro. วงแหวนที่เติมเต็มตามค่าที่กำหนด พร้อมตัวเลขและป้ายกำกับที่เป็นข้อความจริง ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
value | ตัวเลข | 75 | — |
max | ตัวเลข | 100 | — |
label | ข้อความ | "" | — |
format | ข้อความ | "percent" | percent value |
size | ข้อความ | "medium" | small medium large |
thickness | ข้อความ | "normal" | thin normal thick |
ลูปการสืบค้น pbs/query-loop
Pro แสดงรายการโพสต์ สินค้า ผู้ใช้ หมวดหมู่ หรือฟิลด์ repeater ที่ผ่านการกรองและจัดเรียง ด้วยการ์ดที่คุณออกแบบเพียงครั้งเดียว ตัวกรองแบบสดและหน้าเสริม ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่เป็นไปได้ |
|---|---|---|---|
loopId | string | "" | — |
source | string | "posts" | posts users terms field |
postType | string | "post" | — |
inherit | boolean | false | — |
terms | array | [] | — |
metaKey | string | "" | — |
metaValue | string | "" | — |
metaCompare | string | "=" | = != > >= < <= LIKE EXISTS NOT EXISTS |
orderBy | string | "date" | — |
orderMetaKey | string | "" | — |
order | string | "DESC" | DESC ASC |
perPage | integer | 6 | — |
offset | integer | 0 | — |
excludeCurrent | boolean | false | — |
taxonomy | string | "category" | — |
hideEmpty | boolean | true | — |
fieldProvider | string | "meta" | — |
fieldKey | string | "" | — |
columns | integer | 3 | — |
layout | string | "grid" | grid list |
pagination | string | "none" | none numbers prevnext |
filters | array | [] | — |
filterPosition | string | "top" | top start |
live | boolean | true | — |
noResults | string | "" | — |
เครื่องมือแก้ไขรองรับ: interactivity.
Roadmap pbs/roadmap
Pro สิ่งที่วางแผนไว้ กำลังดำเนินการ และเสร็จสิ้น ในรูปแบบบอร์ดสามคอลัมน์หรือเป็นรายการเดียว ดูตัวอย่างการใช้งาน.
| แอททริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
items | array | [] | — |
layout | string | "board" | board list |
headingLevel | integer | 2 | — |
Star rating pbs/star-rating
ฟรี การให้คะแนนที่แสดงเป็นรูปดาว ทีละขั้นละครงดาว ดูตัวอย่างการใช้งาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
rating | number | 4 | — |
max | integer | 5 | — |
showValue | boolean | false | — |
การสร้างเว็บไซต์และการนำทาง
กล่องผู้เขียน pbs/author-box
Pro ผู้เขียนโพสต์นี้: รูปภาพ, ชื่อ, ประวัติ และลิงก์ ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
showAvatar | boolean | true | — |
showBio | boolean | true | — |
showPosts | boolean | true | — |
showWebsite | boolean | true | — |
avatarSize | number | 96 | — |
headingLevel | string | "h2" | — |
โปรไฟล์ผู้เขียน pbs/user-profile
ฟรี รูปภาพ ชื่อ ประวัติย่อ และลิงก์ของผู้เขียน หรือของผู้ใช้ที่เลือกไว้ ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
source | string | "author" | author user |
userId | number | 0 | — |
showAvatar | boolean | true | — |
showBio | boolean | true | — |
showLinks | boolean | true | — |
กลับไปด้านบน pbs/back-to-top
Pro ปุ่มที่มุมหน้าจอที่พาผู้เยี่ยมชมกลับไปด้านบนสุดของหน้าเว็บ ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
label | string | "" | — |
position | string | "end" | — |
showAfter | number | 400 | — |
showLabel | boolean | false | — |
เครื่องมือแก้ไขรองรับ: interactivity.
Breadcrumbs pbs/breadcrumbs
Pro เส้นทางจากหน้าแรกไปยังหน้านี้ พร้อมข้อมูลที่มีโครงสร้างสำหรับเครื่องมือค้นหา ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
showHome | boolean | true | — |
homeLabel | string | "" | — |
separator | string | "chevron" | — |
showCurrent | boolean | true | — |
schema | boolean | true | — |
เวลาทำการ pbs/business-hours
โปร เวลาทำการของคุณตลอดทั้งสัปดาห์ พร้อมข้อความ “เปิดอยู่ตอนนี้” ที่คำนวณตามเขตเวลาของเว็บไซต์ของคุณ ดูตัวอย่างการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
title | string | "" | — |
days | array | [{"closed":true,"ranges":[]},{"closed… | — |
showOpenNow | boolean | true | — |
highlightToday | boolean | true | — |
note | string | "" | — |
เครื่องมือแก้ไขรองรับ: interactivity.
สวิตช์โหมดมืด pbs/dark-mode-switch
Pro ปุ่มที่สลับเว็บไซต์ระหว่างสีสว่างและสีมืด และจดจำตัวเลือกของผู้เยี่ยมชม ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
label | string | "" | — |
showLabel | boolean | false | — |
เครื่องมือแก้ไขรองรับ: interactivity.
เข้าสู่ระบบและลงทะเบียน pbs/login-form
Pro แบบฟอร์มเข้าสู่ระบบหรือลงทะเบียนของ WordPress และลิงก์ออกจากระบบหลังจากลงชื่อเข้าใช้แล้ว ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
mode | string | "login" | — |
redirect | string | "" | — |
showRemember | boolean | true | — |
showLost | boolean | true | — |
showRegister | boolean | true | — |
รถเข็นขนาดเล็ก pbs/mini-cart
Pro จำนวนสินค้าในรถเข็นและยอดรวมของผู้เยี่ยมชม ซึ่งจะเปิดแสดงรายการในรถเข็น อัปเดตข้อมูลให้เป็นปัจจุบันเสมอหลังจากเพิ่มสินค้าลงในรถเข็น แม้ในหน้าที่แคชไว้ ดูตัวอย่างการทำงาน.
| แอตทริบิวต์ | ชนิดข้อมูล | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
label | string | "" | — |
เมนูการนำทาง pbs/nav-menu
ฟรี เมนู WordPress พร้อมเมนูดรอปดาวน์และเมนูมือถือ: แผงเลื่อนด้านข้าง, เมนูแบบเต็มหน้าจอ หรือดรอปดาวน์ เมกาเมนูใช้งานได้ด้วย Pro ดูการทำงานจริง.
บล็อกภายใน: แผงเมกาเมนู (Pro)
| แอตทริบิวต์ | ชนิด | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
menuId | number | 0 | — |
orientation | string | "horizontal" | horizontal vertical |
collapse | string | "mobile" | mobile tablet always never custom |
openOn | string | "click" | click hover |
label | string | "" | — |
breakpoint | number | 900 | — |
mobileStyle | string | "drawer" | drawer fullscreen dropdown |
drawerSide | string | "end" | end start |
toggleIcon | string | "menu" | menu menu-alt grid none |
toggleLabel | string | "" | — |
toggleShowLabel | boolean | true | — |
toggleStyle | string | "outline" | outline solid plain |
closeOnLink | boolean | true | — |
mobileSubmenus | string | "collapsed" | collapsed expanded |
closeDelay | number | 150 | — |
animation | string | "fade" | none fade slide |
skipLink | boolean | false | — |
skipTarget | string | "main" | — |
เครื่องมือแก้ไขรองรับ: interactivity.
เนื้อหาที่ป้องกันด้วยรหัสผ่าน pbs/protected
ฟรี บล็อกที่เฉพาะผู้เข้าชมที่มีรหัสผ่านเท่านั้นจึงจะมองเห็นได้ เนื้อหาจะไม่ปรากฏในหน้าเว็บเลยจนกว่าจะป้อนรหัสผ่าน ดูการทำงานจริง.
| แอททริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
lockId | string | "" | — |
hash | string | "" | — |
message | string | "" | — |
รายละเอียดโพสต์ pbs/post-meta
ฟรี ผู้เขียนโพสต์, วันที่, หมวดหมู่, แท็ก, เวลาในการอ่าน และจำนวนความคิดเห็น ดูการทำงาน.
| แอททริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
items | array | ["author","date","readingTime"] | — |
องค์ประกอบสินค้า pbs/product-element
Pro ส่วนหนึ่งของสินค้า: ชื่อสินค้า, แกลเลอรี, ราคา, คะแนนรีวิว, ปุ่มหยิบใส่ตะกร้า, แท็บ, สินค้าที่เกี่ยวข้อง, สินค้าแนะนำ (upsells), ป้ายลดราคา หรือสถานะสินค้า แสดงสินค้าที่กำลังดูอยู่ สินค้าจากลูป หรือสินค้าที่คุณเลือก ดูตัวอย่างการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
part | string | "title" | title gallery image price rating excerpt description add_to_cart meta tabs related upsells sale_badge stock |
productId | integer | 0 | — |
level | integer | 0 | — |
แถบความคืบหน้าในการอ่าน pbs/reading-progress
ฟรี แถบบางๆ ที่ขอบหน้าต่างที่จะเติมเต็มเมื่อผู้เยี่ยมชมเลื่อนดูหน้าเว็บ ดูตัวอย่างการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
position | string | "top" | top bottom |
เวลาในการอ่าน pbs/reading-time
Pro. โพสต์นี้ใช้เวลาอ่านกี่นาที ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
wpm | number | 200 | — |
format | string | "long" | — |
prefix | string | "" | — |
โพสต์ที่เกี่ยวข้อง pbs/related-posts
Free. โพสต์ที่มีหมวดหมู่หรือแท็กร่วมกับโพสต์นี้ พร้อมรูปภาพ วันที่ และบทสรุป ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
count | number | 3 | — |
by | string | "both" | both categories tags |
fallback | boolean | true | — |
heading | string | "" | — |
headingLevel | number | 2 | — |
showImage | boolean | true | — |
showDate | boolean | true | — |
showExcerpt | boolean | false | — |
ค้นหา pbs/search-form
Pro ช่องค้นหาสำหรับเว็บไซต์นี้ ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
label | string | "" | — |
placeholder | string | "" | — |
buttonText | string | "" | — |
showLabel | boolean | false | — |
iconButton | boolean | true | — |
postType | string | "" | — |
ปุ่มแชร์ pbs/share-buttons
Pro. ปุ่มที่ใช้แชร์หน้านี้ไปยังเครือข่ายโซเชียล ทางอีเมล หรือโดยการคัดลอกลิงก์ ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
networks | array | ["facebook","x","linkedin","whatsapp"… | — |
showLabels | boolean | false | — |
shape | string | "rounded" | — |
native | boolean | true | — |
label | string | "" | — |
เครื่องมือแก้ไขรองรับ: interactivity.
หน้าร้านค้า pbs/shop-page
Pro ส่วน WooCommerce ของหน้าร้านค้าในเทมเพลต: รถเข็นหรือหน้าชำระเงินของหน้านั้นๆ (แบบบล็อกหรือแบบคลาสสิก), รถเข็นแบบคลาสสิก, หน้าชำระเงิน หรือบัญชีของฉัน หรือรายละเอียดเมื่อได้รับคำสั่งซื้อแล้ว ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
page | string | "content" | content cart checkout account order |
ส่วนหัวของเว็บไซต์ pbs/site-header
โปร ด้านบนสุดของเว็บไซต์: โลโก้ ระบบนำทาง และอื่นๆ ในแถวเดียวหรือหลายแถว โดยสามารถเลือกให้ติดค้าง โปร่งใส ย่อขนาด หรือซ่อนขณะเลื่อนหน้าจอลงได้ ดูการทำงานจริง.
| แอตทริบิวต์ | ชนิด | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
sticky | boolean | false | — |
transparent | boolean | false | — |
shrink | boolean | false | — |
hideOnScroll | boolean | false | — |
stickyFrom | number | 0 | — |
เครื่องมือแก้ไขรองรับ: interactivity.
แผนผังเว็บไซต์ pbs/sitemap
ฟรี หน้าที่แสดงรายการทุกหน้าและทุกโพสต์ที่เผยแพร่แล้ว (รวมถึงเนื้อหาสาธารณะอื่น ๆ) โดยคงโครงสร้างผังหน้าเว็บไว้ ดูตัวอย่างการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
postTypes | array | ["page","post"] | — |
showHeadings | boolean | true | — |
headingLevel | number | 2 | — |
ระบบค้นหาร้านค้า pbs/store-locator
โปร ทุกสถานที่ในรายการที่ผู้เยี่ยมชมสามารถค้นหาหรือจัดเรียงตามระยะทางได้ และแสดงบนแผนที่ OpenStreetMap ซึ่งจะโหลดเฉพาะเมื่อผู้เยี่ยมชมร้องขอเท่านั้น ดูตัวอย่างการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
label | string | "" | — |
locations | array | [] | — |
showSearch | boolean | true | — |
showMap | boolean | true | — |
zoom | integer | 0 | — |
เครื่องมือแก้ไขรองรับ: interactivity.
สารบัญ pbs/table-of-contents
ฟรี รายการหัวข้อต่างๆ บนหน้าเว็บที่สร้างขึ้นโดยอัตโนมัติ ซึ่งจะลิงก์ไปยังแต่ละหัวข้อ ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
title | string | "" | — |
minLevel | integer | 2 | — |
maxLevel | integer | 3 | — |
ordered | boolean | false | — |
collapsible | boolean | false | — |
collapsed | boolean | false | — |
spy | boolean | true | — |
คาสิโน, iGaming และแอฟฟิลิเอต
ปุ่มแอฟฟิลิเอต pbs/affiliate-button
Pro. ปุ่มไปยังข้อเสนอที่ทำเครื่องหมายว่าเป็นลิงก์ที่ได้รับการสนับสนุน ซึ่งสามารถเลือกผ่านลิงก์สั้นที่นับจำนวนคลิกได้ ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
text | string | "" | — |
url | string | "" | — |
linkId | number | 0 | — |
newTab | boolean | true | — |
variant | string | "fill" | fill outline |
size | string | "medium" | small medium large |
เครื่องมือกำหนดอายุ pbs/age-gate
Pro. ขอให้ผู้เยี่ยมชมยืนยันอายุก่อนที่จะดูเว็บไซต์ โดยกำหนดอายุขั้นต่ำตามแต่ละประเทศ ดูตัวอย่างการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
minAge | number | 18 | — |
rules | array | [] | — |
mode | string | "confirm" | confirm birthdate |
rememberDays | number | 30 | — |
title | string | "" | — |
message | string | "" | — |
deniedMessage | string | "" | — |
เครื่องมือแก้ไขรองรับ: interactivity.
ตารางเปรียบเทียบคาสิโน pbs/casino-table
Pro เปรียบเทียบข้อเสนอแบบเคียงข้างกัน แต่ละข้อเสนอมีโบนัส การจัดอันดับ ไฮไลท์ ปุ่ม และข้อกำหนด ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
offers | array | [] | — |
caption | string | "" | — |
showRank | boolean | true | — |
showRating | boolean | true | — |
showFeatures | boolean | true | — |
notice | string | "" | — |
age | number | 18 | — |
ราคาคริปโต pbs/crypto-ticker
Pro. ราคาคริปโทเคอร์เรนซีจาก CoinGecko ในรูปแบบแถบวิ่ง (ticker) การ์ด หรือกราฟราคา ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
coins | array | ["bitcoin","ethereum","solana"] | — |
currency | string | "usd" | — |
layout | string | "ticker" | ticker cards chart |
days | number | 7 | — |
label | string | "" | — |
Offer card pbs/offer-card
Pro ข้อเสนอเดียว: โลโก้, โบนัส, ไฮไลท์, ปุ่มได้รับการสนับสนุน, ข้อกำหนดและเงื่อนไข และการแจ้งเตือนอายุ ดูตัวอย่างการใช้งานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
name | string | "" | — |
logo | string | "" | — |
logoId | number | 0 | — |
bonus | string | "" | — |
description | string | "" | — |
features | string | "" | — |
rating | number | 0 | — |
url | string | "" | — |
linkId | number | 0 | — |
cta | string | "" | — |
terms | string | "" | — |
badge | string | "" | — |
age | number | 18 | — |
headingLevel | string | "h2" | h2 h3 h4 p |
ข้อดีและข้อเสีย pbs/pros-cons
Pro สองรายการเคียงข้างกัน: อะไรที่ดีและอะไรที่ไม่ดี ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
prosTitle | string | "" | — |
consTitle | string | "" | — |
pros | array | [] | — |
cons | array | [] | — |
headingLevel | string | "h2" | h2 h3 h4 p |
การแจ้งเตือนการเล่นการพนันอย่างมีความรับผิดชอบ pbs/rg-notice
Pro ข้อความเกี่ยวกับการเล่นพนันอย่างมีความรับผิดชอบและลิงก์ความช่วยเหลือ ซึ่งเลือกตามประเทศของผู้เยี่ยมชม ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
text | string | "" | — |
url | string | "" | — |
linkText | string | "" | — |
useHelp | boolean | true | — |
countries | array | [] | — |
showAge | boolean | true | — |
age | number | 18 | — |
คะแนนรีวิว pbs/review-score
Pro คะแนนโดยรวม คะแนนสำหรับแต่ละเกณฑ์ และข้อสรุป ดูการทำงานจริง.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
score | number | 8 | — |
scale | number | 10 | — |
label | string | "" | — |
criteria | array | [] | — |
verdict | string | "" | — |
วิดเจ็ตและส่วนเสริม
ชอร์ตโค้ด (ส่วนเสริม) pbs/shortcode
ฟรี ชอร์ตโค้ดจากส่วนเสริมที่เขียนขึ้นสำหรับเครื่องมือแก้ไข Page Builder Sandwich แบบคลาสสิก พร้อมการตั้งค่าที่ส่วนเสริมประกาศไว้ ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
tag | string | "" | — |
attrs | object | {} | — |
content | string | "" | — |
วิดเจ็ต pbs/widget
ฟรี แสดงหนึ่งในวิดเจ็ตแบบคลาสสิกที่ลงทะเบียนไว้ของเว็บไซต์ ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่าที่ใช้ได้ |
|---|---|---|---|
widget | string | "" | — |
instance | object | {} | — |
fallbackHtml | string | "" | — |
พื้นที่วิดเจ็ต pbs/sidebar
ฟรี แสดงวิดเจ็ตในพื้นที่วิดเจ็ตแห่งใดแห่งหนึ่งของธีม ดูการทำงาน.
| แอตทริบิวต์ | ประเภท | ค่าเริ่มต้น | ค่า |
|---|---|---|---|
sidebar | string | "" | — |
fallbackHtml | string | "" | — |