Hero
เนื้อหาHero
ส่วนหัวหลักของหน้า
ฟิลด์ที่แก้ไขได้
backgroundFitbackgroundImagebackgroundOverlaycta.hrefcta.sizecta.style+14
LandiPilot Docs
คลัง UI Block
ดู UI Block ทั้งหมดที่ใช้สร้างหน้าเพจ พร้อมหมวดหมู่ ฟิลด์ที่แก้ไขได้ และหน้าตาที่เรนเดอร์จริง
พรีวิวแต่ละรายการเรนเดอร์จากคอมโพเนนต์ UI Block จริงที่ LandiPilot ใช้งาน
ดูรายละเอียด
Minimal Hero
เนื้อหาHeroMinimal
ส่วน Hero แบบเรียบง่ายและสะอาด
ฟิลด์ที่แก้ไขได้
backgroundColorcta.hrefcta.sizecta.stylecta.target.anchorBlockIdcta.target.kind+16
Split Hero
เนื้อหาHeroSplit
ส่วน Hero แบบแบ่งครึ่งพร้อมรูปภาพ
ฟิลด์ที่แก้ไขได้
backgroundColorcta.hrefcta.sizecta.stylecta.target.anchorBlockIdcta.target.kind+23
Gradient Hero
เนื้อหาHeroGradient
ส่วน Hero พร้อมพื้นหลังไล่ระดับสีสวยงาม
ฟิลด์ที่แก้ไขได้
cta.hrefcta.sizecta.stylecta.target.anchorBlockIdcta.target.kindcta.target.pageId+23
Video Hero
เนื้อหาHeroVideo
ส่วน Hero ที่น่าประทับใจพร้อมพื้นหลังวิดีโอ
ฟิลด์ที่แก้ไขได้
autoplaycta.hrefcta.sizecta.stylecta.target.anchorBlockIdcta.target.kind+26
Product Hero
เนื้อหาHeroProduct
ส่วน Hero ที่น่าประทับใจสำหรับแสดงสินค้า
ฟิลด์ที่แก้ไขได้
backgroundColorcta.hrefcta.sizecta.stylecta.target.anchorBlockIdcta.target.kind+27
Slider Hero
เนื้อหาHeroSlider
ส่วน Hero แบบไดนามิกที่มีหลายสไลด์
ฟิลด์ที่แก้ไขได้
autoplayautoplayDelayloopminHeightoverlayOpacityshowNavigation+27
Features
เนื้อหาFeatures
แสดงคุณสมบัติหลัก
ฟิลด์ที่แก้ไขได้
backgroundColoritems[].descriptionitems[].iconitems[].link.hrefitems[].link.target.anchorBlockIditems[].link.target.kind+12
Call to Action
เนื้อหาCTA
ส่วนเรียกร้องให้ดำเนินการ
ฟิลด์ที่แก้ไขได้
backgroundColorcta.hrefcta.sizecta.stylecta.target.anchorBlockIdcta.target.kind+11
คำถามที่พบบ่อย
เนื้อหาFAQ
ตอบคำถามในรูปแบบ Q&A
ฟิลด์ที่แก้ไขได้
backgroundColoritems[].answeritems[].questionspacing.marginBottomspacing.marginTopspacing.paddingBottom+6
เส้นแบ่ง
เลย์เอาต์Divider
เส้นแนวนอนเพื่อแบ่งส่วน
ฟิลด์ที่แก้ไขได้
colormarginstylethicknesstypography.textSizewidth
ช่องว่าง
เลย์เอาต์Spacer
เพิ่มช่องว่างระหว่างส่วน
ฟิลด์ที่แก้ไขได้
heighttypography.textSize
ตั้งค่าข้อความ Rich
เนื้อหาRichText
ข้อความรองรับ HTML/Markdown
ฟิลด์ที่แก้ไขได้
backgroundColorcontenteditorialRail.continuationeditorialRail.labeleditorialRail.links[].hrefeditorialRail.links[].label+16
ตั้งค่ารูปภาพ + ข้อความ
เนื้อหาImageText
เลย์เอาต์รูปภาพและข้อความเคียงข้าง
ฟิลด์ที่แก้ไขได้
backgroundColorcontentcta.hrefcta.sizecta.stylecta.target.anchorBlockId+37
แบนเนอร์ CTA
เนื้อหาCTABanner
แบนเนอร์ CTA เต็มความกว้างที่โดดเด่น
ฟิลด์ที่แก้ไขได้
backgroundColorcta.hrefcta.sizecta.stylecta.target.anchorBlockIdcta.target.kind+15
การ์ด CTA
เนื้อหาCTACard
CTA รูปแบบการ์ด
ฟิลด์ที่แก้ไขได้
backgroundColorborderStylecta.hrefcta.sizecta.stylecta.target.anchorBlockId+14
คุณสมบัติสลับ
เนื้อหาFeaturesAlternating
รูปภาพและข้อความในเลย์เอาต์สลับ
ฟิลด์ที่แก้ไขได้
backgroundColorgapimageRatioitems[].cta.hrefitems[].cta.sizeitems[].cta.style+16
คุณสมบัติไอคอน
เนื้อหาFeaturesIcons
แนะนำคุณสมบัติที่เน้นไอคอน
ฟิลด์ที่แก้ไขได้
backgroundColoriconColoriconSizeitems[].descriptionitems[].iconitems[].title+8
การ์ดคุณสมบัติ
เนื้อหาFeaturesCards
แนะนำคุณสมบัติแบบการ์ด
ฟิลด์ที่แก้ไขได้
backgroundColorcardStyleitems[].descriptionitems[].iconitems[].imageitems[].link.href+14
คุณสมบัติเรียงลำดับ
เนื้อหาFeaturesNumbers
แสดงขั้นตอนหรือคุณสมบัติเป็นลำดับ
ฟิลด์ที่แก้ไขได้
backgroundColoritems[].descriptionitems[].numberitems[].titlelayoutnumberColor+9
เปรียบเทียบ
เนื้อหาFeaturesCompare
เปรียบเทียบคุณสมบัติในรูปแบบก่อน/หลัง
ฟิลด์ที่แก้ไขได้
afterLabelbackgroundColorbeforeLabelhighlightAfteritems[].afteritems[].before+9
โชว์เคส
เนื้อหาFeaturesShowcase
แสดงรูปภาพขนาดใหญ่พร้อมรายการคุณสมบัติ
ฟิลด์ที่แก้ไขได้
backgroundColorcta.hrefcta.sizecta.stylecta.target.anchorBlockIdcta.target.kind+14
เบนโตะกริด
เนื้อหาFeaturesBento
เลย์เอาต์กริดไม่สม่ำเสมอแบบ Apple
ฟิลด์ที่แก้ไขได้
backgroundColorgapitems[].coloritems[].descriptionitems[].iconitems[].image+9
ส่วนหัว (เรียบง่าย)
เลย์เอาต์HeaderSimple
การนำทางส่วนหัวแบบเรียบง่าย
ฟิลด์ที่แก้ไขได้
backgroundColorbackgroundOpacitycta.hrefcta.sizecta.stylecta.target.anchorBlockId+30
ส่วนหัว (โลโก้กลาง)
เลย์เอาต์HeaderCentered
ส่วนหัวที่มีโลโก้อยู่ตรงกลาง
ฟิลด์ที่แก้ไขได้
backgroundColorbackgroundOpacityleftNavItems[].hrefleftNavItems[].isExternalleftNavItems[].labelleftNavItems[].target.anchorBlockId+21
ส่วนหัว (โปร่งใส)
เลย์เอาต์HeaderTransparent
ส่วนหัวโปร่งใส (สำหรับวางบน Hero)
ฟิลด์ที่แก้ไขได้
cta.hrefcta.sizecta.stylecta.target.anchorBlockIdcta.target.kindcta.target.pageId+20
ส่วนหัว (เมนูใหญ่)
เลย์เอาต์HeaderMega
ส่วนหัวขนาดใหญ่พร้อมเมนูนำทางแบบเมกะ
ฟิลด์ที่แก้ไขได้
backgroundColorbackgroundOpacitycta.hrefcta.target.anchorBlockIdcta.target.kindcta.target.pageId+38
ส่วนท้าย (เรียบง่าย)
เลย์เอาต์FooterSimple
ส่วนท้ายแบบเรียบง่าย
ฟิลด์ที่แก้ไขได้
backgroundColorcopyrightlinks[].hreflinks[].isExternallinks[].labellinks[].target.anchorBlockId+13
ส่วนท้าย (คอลัมน์)
เลย์เอาต์FooterColumns
ส่วนท้ายหลายคอลัมน์
ฟิลด์ที่แก้ไขได้
backgroundColorcolumns[].links[].hrefcolumns[].links[].isExternalcolumns[].links[].labelcolumns[].links[].target.anchorBlockIdcolumns[].links[].target.kind+16
ส่วนท้าย (โซเชียล)
เลย์เอาต์FooterSocial
ส่วนท้ายเรียบง่ายพร้อมลิงก์โซเชียลมีเดีย
ฟิลด์ที่แก้ไขได้
backgroundColorcopyrighticonSizelayoutlogo.hreflogo.imageUrl+15
ส่วนท้าย (จดหมายข่าว)
เลย์เอาต์FooterNewsletter
ส่วนท้ายพร้อมการสมัครรับจดหมายข่าว
ฟิลด์ที่แก้ไขได้
backgroundColorbuttonTextcopyrightdescriptionheadinglayout+23
คำรับรอง (เรียบง่าย)
เนื้อหาTestimonialSimple
การแสดงคำรับรองเดี่ยวแบบเรียบง่าย
ฟิลด์ที่แก้ไขได้
backgroundColorspacing.marginBottomspacing.marginTopspacing.paddingBottomspacing.paddingTopstyle+9
คำรับรอง (สไลเดอร์)
เนื้อหาTestimonialSlider
สไลเดอร์คำรับรองแบบ Carousel
ฟิลด์ที่แก้ไขได้
autoPlayautoPlayIntervalbackgroundColornavigationLabels.goToSlidenavigationLabels.nextnavigationLabels.prev+15
คำรับรอง (การ์ด)
เนื้อหาTestimonialCards
เลย์เอาต์ Grid แบบการ์ด
ฟิลด์ที่แก้ไขได้
backgroundColorcardStylelayoutshowRatingspacing.marginBottomspacing.marginTop+11
ตารางราคา
เนื้อหาPricingTable
ตารางเปรียบเทียบแผนราคา
ฟิลด์ที่แก้ไขได้
backgroundColorperiodLabels.monthperiodLabels.onceperiodLabels.yearplans[].badgeplans[].cta.href+23
การ์ดราคา
เนื้อหาPricingCards
การแสดงราคาแบบการ์ด
ฟิลด์ที่แก้ไขได้
backgroundColorcardStylelayoutperiodLabels.monthperiodLabels.onceperiodLabels.year+25
แบบฟอร์มติดต่อ
ฟอร์มContactForm
แบบฟอร์มติดต่อที่ปรับแต่งได้
ฟิลด์ที่แก้ไขได้
backgroundColoremailTofields[].labelfields[].options[].labelfields[].options[].valuefields[].placeholder+17
แบบฟอร์มจดหมายข่าว
ฟอร์มNewsletterForm
แบบฟอร์มสมัครรับอีเมล
ฟิลด์ที่แก้ไขได้
backgroundColorlayoutplaceholdersizespacing.marginBottomspacing.marginTop+9
แบบฟอร์ม Lead
ฟอร์มLeadForm
แบบฟอร์มสร้าง Lead
ฟิลด์ที่แก้ไขได้
backgroundColorborderStylefields[].labelfields[].options[].labelfields[].options[].valuefields[].placeholder+22
แกลเลอรี Grid
มีเดียGalleryGrid
แกลเลอรีรูปภาพแบบ Grid
ฟิลด์ที่แก้ไขได้
aspectRatiobackgroundColorgapimages[].altimages[].captionimages[].url+9
แกลเลอรีสไลเดอร์
มีเดียGallerySlider
แกลเลอรีรูปภาพแบบสไลเดอร์
ฟิลด์ที่แก้ไขได้
aspectRatioautoPlayautoPlayIntervalbackgroundColorimages[].altimages[].caption+12
ฝังวิดีโอ
มีเดียVideoEmbed
ฝังวิดีโอ YouTube/Vimeo
ฟิลด์ที่แก้ไขได้
aspectRatioautoPlaybackgroundColorloopmaxWidthmuted+11
สถิติ
เนื้อหาStatsSimple
การแสดงสถิติตัวเลข
ฟิลด์ที่แก้ไขได้
backgroundColorlayoutspacing.marginBottomspacing.marginTopspacing.paddingBottomspacing.paddingTop+10
ลิงก์โซเชียล
โซเชียลSocialLinks
ลิงก์โซเชียลมีเดีย
ฟิลด์ที่แก้ไขได้
backgroundColoriconColoriconSizeiconStylelayoutlinks[].label+10
คำพูด
เนื้อหาQuote
แสดงคำพูดหรือคำรับรอง
ฟิลด์ที่แก้ไขได้
accentColorauthorauthorImageauthorTitlebackgroundColorquote+13
คอลเอาท์
เนื้อหาCallout
เน้นข้อมูลสำคัญ
ฟิลด์ที่แก้ไขได้
borderPositioncontentdismissibleiconspacing.marginBottomspacing.marginTop+5
แอคคอร์เดียน
เนื้อหาAccordion
ส่วนเนื้อหาพับได้
ฟิลด์ที่แก้ไขได้
allowMultiplebackgroundColordefaultOpenFirsticonPositionitems[].contentitems[].isOpen+9
ตาราง
เนื้อหาTable
แสดงข้อมูลในรูปแบบตาราง
ฟิลด์ที่แก้ไขได้
backgroundColorborderedcaptioncompacteditorialRail.continuationeditorialRail.label+21
แท็บ
เนื้อหาTabs
ส่วนเนื้อหาแบบแท็บ
ฟิลด์ที่แก้ไขได้
alignmentbackgroundColordefaultTabspacing.marginBottomspacing.marginTopspacing.paddingBottom+7
ฝัง
มีเดียEmbed
ฝังเนื้อหาภายนอก
ฟิลด์ที่แก้ไขได้
allowFullscreenaspectRatioautoplaycaptionlazyLoadmaxWidth+9
แผนที่ Google
มีเดียGoogleMap
แสดงแผนที่ Google แบบปลอดภัย
ฟิลด์ที่แก้ไขได้
allowFullscreencaptiondescriptionheightlocationmaxWidth+7
CTA แบบแยก
CTACTASplit
ส่วน CTA แบบแบ่งซ้าย-ขวา
ฟิลด์ที่แก้ไขได้
backgroundColordescriptionimageimagePositionprimaryCta.hrefprimaryCta.size+19
คำรับรองแบบคำพูด
โซเชียลTestimonialQuote
บล็อกคำรับรองแบบคำพูดขนาดใหญ่
ฟิลด์ที่แก้ไขได้
authorauthorImageauthorTitlebackgroundColorcompanyLogoquote+9
CTA ลอยตัว
CTACTAFloating
แถบ CTA คงที่ที่ปรากฏเมื่อเลื่อน
ฟิลด์ที่แก้ไขได้
backgroundColorcta.hrefcta.sizecta.stylecta.target.anchorBlockIdcta.target.kind+13
คำถามที่พบบ่อยเกี่ยวกับราคา
ราคาPricingFAQ
คำถามที่พบบ่อยเกี่ยวกับราคา
ฟิลด์ที่แก้ไขได้
backgroundColorfaqTitlefaqs[].answerfaqs[].questionlayoutpricingPlan.cta.href+18
CTA นับถอยหลัง
CTACTACountdown
CTA พร้อมตัวจับเวลานับถอยหลังสำหรับข้อเสนอจำกัด
ฟิลด์ที่แก้ไขได้
backgroundColorcta.hrefcta.sizecta.stylecta.target.anchorBlockIdcta.target.kind+17
คำรับรองแบบวิดีโอ
โซเชียลTestimonialVideo
คำรับรองลูกค้าในรูปแบบวิดีโอ
ฟิลด์ที่แก้ไขได้
aspectRatioauthorauthorImageauthorTitleautoPlaybackgroundColor+11
สลับราคา
ราคาPricingToggle
แสดงราคาแบบสลับรายเดือน/รายปี
ฟิลด์ที่แก้ไขได้
backgroundColordefaultBillingmonthlyLabelplans[].badgeplans[].cta.hrefplans[].cta.size+21
เปรียบเทียบราคา
ราคาPricingComparison
ตารางราคาโดยละเอียดพร้อมเปรียบเทียบฟีเจอร์
ฟิลด์ที่แก้ไขได้
backgroundColorfeatures[].namefeatures[].tooltipplans[].badgeplans[].cta.hrefplans[].cta.size+19
กรณีศึกษา
เนื้อหาCaseStudy
ส่วนเรื่องราวความสำเร็จของลูกค้าโดยละเอียด
ฟิลด์ที่แก้ไขได้
backgroundColorchallengecompanyLogocompanyNamecta.hrefcta.size+25
ค้นหาคำถามที่พบบ่อย
เนื้อหาFAQSearch
ส่วนคำถามที่พบบ่อยพร้อมฟังก์ชันค้นหา
ฟิลด์ที่แก้ไขได้
backgroundColoritems[].answeritems[].questionnoResultsTextsearchPlaceholdersearchResultsLabel+8
หมวดหมู่คำถามที่พบบ่อย
เนื้อหาFAQCategories
ส่วนคำถามที่พบบ่อยจัดตามหมวดหมู่
ฟิลด์ที่แก้ไขได้
backgroundColorcategories[].iconcategories[].items[].answercategories[].items[].questioncategories[].nameexpandFirstItem+8
ฟอร์มเข้าสู่ระบบ
ฟอร์มLoginForm
ฟอร์มยืนยันตัวตนพร้อมรองรับโซเชียลล็อกอิน
ฟิลด์ที่แก้ไขได้
actionUrlbackgroundColoremailLabelforgotPasswordTarget.anchorBlockIdforgotPasswordTarget.kindforgotPasswordTarget.pageId+19
ฟอร์มขอใบเสนอราคา
ฟอร์มQuoteForm
ฟอร์มขอใบเสนอราคาที่ปรับแต่งได้
ฟิลด์ที่แก้ไขได้
backgroundColorfields[].labelfields[].options[].labelfields[].options[].valuefields[].placeholderfields[].required+21
ฟอร์มลงทะเบียน
ฟอร์มRegisterForm
ฟอร์มสร้างบัญชีพร้อมรองรับโซเชียล
ฟิลด์ที่แก้ไขได้
actionUrlbackgroundColorfields[].labelfields[].options[].labelfields[].options[].valuefields[].placeholder+28
ฟอร์มจองนัดหมาย
ฟอร์มBookingForm
ฟอร์มจองนัดหมายพร้อมเลือกวันที่และเวลา
ฟิลด์ที่แก้ไขได้
backgroundColordateLabelemailLabelexcludeDays[]maxDatemessageLabel+19
การ์ดสถิติ
สถิติStatsCards
แสดงสถิติในรูปแบบการ์ด
ฟิลด์ที่แก้ไขได้
backgroundColorcardStylecolumnsshowIconshowTrendspacing.marginBottom+14
สถิติแบบแถบความคืบหน้า
สถิติStatsProgress
แสดงทักษะ/ความคืบหน้าในรูปแบบแถบ
ฟิลด์ที่แก้ไขได้
animatedbackgroundColoritems[].coloritems[].displayValueitems[].labelitems[].value+9
สถิติแบบเคลื่อนไหว
สถิติStatsAnimated
แสดงสถิติพร้อมแอนิเมชันนับเลข
ฟิลด์ที่แก้ไขได้
backgroundColorcolumnsspacing.marginBottomspacing.marginTopspacing.paddingBottomspacing.paddingTop+12
แกลเลอรี่แบบเมซันรี
แกลเลอรีGalleryMasonry
แกลเลอรี่รูปภาพแบบเลย์เอาต์เมซันรี
ฟิลด์ที่แก้ไขได้
backgroundColorcolumnsenableLightboxgapimages[].altimages[].caption+11
พื้นหลังวิดีโอ
วิดีโอVideoBackground
ส่วนฮีโร่พร้อมพื้นหลังวิดีโอ
ฟิลด์ที่แก้ไขได้
autoplayctaButton.stylectaButton.textctaButton.urlloopminHeight+14
แกลเลอรี่ไลท์บ็อกซ์
แกลเลอรีGalleryLightbox
แกลเลอรี่รูปภาพพร้อมการแสดงผลไลท์บ็อกซ์
ฟิลด์ที่แก้ไขได้
aspectRatiobackgroundColorcolumnsenableSlideshowenableZoomgap+14
แกลเลอรี่วิดีโอ
วิดีโอVideoGallery
แกลเลอรี่แสดงคอลเลกชันวิดีโอ
ฟิลด์ที่แก้ไขได้
backgroundColorcolumnsenableFilterfilterAllLabellayoutshowCategory+14
เมนูแบบตาราง
ร้านอาหารMenuGrid
แสดงรายการเมนูในรูปแบบตาราง
ฟิลด์ที่แก้ไขได้
backgroundColorcardStylecolumnscurrencycurrencyPositionitems[].calories+30
การ์ดเมนู
ร้านอาหารMenuCards
แสดงรายการเมนูในรูปแบบการ์ด
ฟิลด์ที่แก้ไขได้
backgroundColorcardStylecolumnscurrencycurrencyPositionitems[].calories+31
เมนูตามหมวดหมู่
ร้านอาหารMenuCategories
แสดงเมนูจัดเรียงตามหมวดหมู่
ฟิลด์ที่แก้ไขได้
backgroundColorcategories[].descriptioncategories[].iconcategories[].items[].caloriescategories[].items[].descriptioncategories[].items[].image+39
เมนูพิเศษ
ร้านอาหารMenuSpecials
แสดงเมนูแนะนำหรือเมนูพิเศษประจำวัน
ฟิลด์ที่แก้ไขได้
autoPlayautoPlayIntervalbackgroundColorcurrencycurrencyPositionitems[].availableUntil+33
ทีมกริด
เนื้อหาTeamGrid
แสดงสมาชิกทีมในรูปแบบกริด
ฟิลด์ที่แก้ไขได้
backgroundColorlayoutmembers[].avatarmembers[].biomembers[].departmentmembers[].name+11
ทีมการ์ด
เนื้อหาTeamCards
แสดงสมาชิกทีมในรูปแบบการ์ด
ฟิลด์ที่แก้ไขได้
backgroundColorcardStylemembers[].avatarmembers[].biomembers[].departmentmembers[].name+12
ทีมสไลเดอร์
เนื้อหาTeamSlider
แสดงสมาชิกทีมในรูปแบบสไลด์
ฟิลด์ที่แก้ไขได้
autoPlayautoPlayIntervalbackgroundColormembers[].avatarmembers[].biomembers[].department+17
ทีมรายละเอียด
เนื้อหาTeamDetailed
แสดงโปรไฟล์สมาชิกทีมแบบละเอียด
ฟิลด์ที่แก้ไขได้
achievementsLabelbackgroundColorlayoutmembers[].achievements[]members[].avatarmembers[].bio+18
โลโก้กริด
เนื้อหาLogoGrid
แสดงโลโก้ลูกค้าหรือพันธมิตร
ฟิลด์ที่แก้ไขได้
backgroundColorgrayscalelayoutlogos[].altlogos[].linklogos[].url+7
โชว์เคสพันธมิตร
เนื้อหาPartnerShowcase
แสดงรายละเอียดพันธมิตรธุรกิจ
ฟิลด์ที่แก้ไขได้
allCategoriesLabelbackgroundColorlayoutlearnMoreLabelpartners[].categorypartners[].description+12
ไทม์ไลน์แนวนอน
เนื้อหาTimelineHorizontal
แสดงเหตุการณ์เรียงตามแนวนอน
ฟิลด์ที่แก้ไขได้
backgroundColorevents[].dateevents[].descriptionevents[].iconevents[].imageevents[].title+11
ไทม์ไลน์การ์ด
เนื้อหาTimelineCards
แสดงเหตุการณ์ในรูปแบบการ์ด
ฟิลด์ที่แก้ไขได้
backgroundColorcardStyleevents[].dateevents[].descriptionevents[].iconevents[].image+12
ไทม์ไลน์
เนื้อหาTimeline
แสดงเหตุการณ์ตามลำดับเวลา
ฟิลด์ที่แก้ไขได้
backgroundColoriconStyleitems[].dateitems[].descriptionitems[].iconitems[].title+8
การ์ดเปรียบเทียบ
เนื้อหาComparisonCards
แสดงการเปรียบเทียบในรูปแบบการ์ด
ฟิลด์ที่แก้ไขได้
backgroundColorcardStylehighlightedBadgeLabelitems[].badgeitems[].features[].includeditems[].features[].text+14
ไทม์ไลน์เปรียบเทียบ
เนื้อหาComparisonTimeline
แสดงการเปรียบเทียบก่อน-หลังในรูปแบบไทม์ไลน์
ฟิลด์ที่แก้ไขได้
afterLabelbackgroundColorbeforeLabelcardStyleevents[].dateevents[].description+12
สไลเดอร์เปรียบเทียบ
มีเดียComparisonSlider
เปรียบเทียบภาพก่อน-หลังด้วยสไลเดอร์
ฟิลด์ที่แก้ไขได้
afterImage.altafterImage.urlafterLabelaspectRatiobackgroundColorbeforeImage.alt+13
หลักฐานทางสังคม
โซเชียลSocialProof
แสดงจำนวนผู้ติดตาม ผู้ใช้ หรือรีวิว
ฟิลด์ที่แก้ไขได้
backgroundColoritems[].iconitems[].labelitems[].linkitems[].platformitems[].value+9
ปุ่มแชร์
โซเชียลSocialShare
เพิ่มปุ่มแชร์โซเชียลมีเดีย
ฟิลด์ที่แก้ไขได้
backgroundColorlayoutplatforms[]shareDescriptionshareTitleshareUrl+8
ฟีดโซเชียล
โซเชียลSocialFeed
แสดงโพสต์จากโซเชียลมีเดีย
ฟิลด์ที่แก้ไขได้
backgroundColorfeeds[].embedHtmlfeeds[].platformlayoutspacing.marginBottomspacing.marginTop+5
ไทม์ไลน์กระบวนการ
เนื้อหาTimelineProcess
แสดงกระบวนการเป็นไทม์ไลน์
ฟิลด์ที่แก้ไขได้
backgroundColorimage.altimage.urllayoutpresentationshowConnectors+12
แกลเลอรีผลงาน
มีเดียGalleryPortfolio
แสดงผลงานในรูปแบบแกลเลอรี
ฟิลด์ที่แก้ไขได้
backgroundColorcategories[]items[].categoryitems[].image.altitems[].image.urlitems[].link+14
FAQ พร้อมแถบด้านข้าง
เนื้อหาFAQSidebar
FAQ แบบมีหมวดหมู่พร้อมนำทางด้านข้าง
ฟิลด์ที่แก้ไขได้
backgroundColorcategories[].items[].answercategories[].items[].questioncategories[].namesidebarPositionspacing.marginBottom+7
แกลเลอรีก่อน/หลัง
มีเดียGalleryBeforeAfter
เปรียบเทียบภาพก่อนและหลัง
ฟิลด์ที่แก้ไขได้
backgroundColorinitialPositionitems[].afterImage.altitems[].afterImage.urlitems[].afterLabelitems[].beforeImage.alt+11
เครื่องเล่นวิดีโอ
มีเดียVideoPlayer
เครื่องเล่นวิดีโอ HTML5 พร้อมตัวควบคุมที่กำหนดเอง
ฟิลด์ที่แก้ไขได้
autoplaybackgroundColorcontrols.fullscreencontrols.playcontrols.playbackSpeedcontrols.progress+13
ฮีโร่แอนิเมชัน
เนื้อหาHeroAnimated
ส่วนฮีโร่พร้อมเอฟเฟกต์แอนิเมชัน
ฟิลด์ที่แก้ไขได้
animation.delayanimation.durationanimation.staggeranimation.typebackgroundColorcta.href+20
เครื่องคำนวณราคา
ฟอร์มPricingCalculator
เครื่องคำนวณราคาแบบโต้ตอบ
ฟิลด์ที่แก้ไขได้
backgroundColorbasePricectaHrefctaLabelctaTarget.anchorBlockIdctaTarget.kind+22
แบบสำรวจ
ฟอร์มSurveyForm
แบบสำรวจและแบบสอบถาม
ฟิลด์ที่แก้ไขได้
allowBackbackgroundColorshowProgressBarspacing.marginBottomspacing.marginTopspacing.paddingBottom+21
แผนภูมิสถิติ
เนื้อหาStatsChart
แสดงสถิติด้วยแผนภูมิแท่ง เส้น วงกลม และโดนัท
ฟิลด์ที่แก้ไขได้
animatebackgroundColorchartTypedata[].colordata[].labeldata[].value+10
บล็อกโค้ด
เนื้อหาCodeBlock
แสดงโค้ดพร้อมไฮไลท์ไวยากรณ์
ฟิลด์ที่แก้ไขได้
backgroundColorcodehighlightLines[]languagemaxHeightshowCopyButton+8
แคตตาล็อกเมนู
ร้านอาหารMenuCatalog
แคตตาล็อกเมนูพร้อมคู่มือราคา หมวดหมู่ และการ์ดรายการ
ฟิลด์ที่แก้ไขได้
backgroundColorcategories[].descriptioncategories[].items[].badgecategories[].items[].caloriescategories[].items[].descriptioncategories[].items[].image+39
การ์ดแคมเปญ
โปรโมชันCampaignCards
การ์ดสำหรับโปรโมชัน รายการตามฤดูกาล และประกาศ
ฟิลด์ที่แก้ไขได้
backgroundColorcardStylecards[].badgecards[].dateLabelcards[].descriptioncards[].href+26
รายการข่าว
ข่าวสารNewsList
รายการข่าวสำหรับประกาศ อัปเดตบริการ ข่าวเผยแพร่ และประกาศการใช้งาน
ฟิลด์ที่แก้ไขได้
backgroundColoreditorialRail.continuationeditorialRail.labeleditorialRail.links[].hrefeditorialRail.links[].labeleditorialRail.links[].target.anchorBlockId+26
สไลด์โปรโมชัน
โปรโมชันHeroPromoCarousel
สไลด์ขนาดใหญ่สำหรับแคมเปญและรายการแนะนำ
ฟิลด์ที่แก้ไขได้
accentTitleautoPlayautoPlayIntervalbackgroundColordescriptioneditorialRail.continuation+35
กริดลิงก์ด่วน
การนำทางQuickLinksGrid
การ์ดลิงก์ด่วนสำหรับหน้าหลัก หมวดหมู่ ช่องทางติดต่อ แผนที่ และการดำเนินการภายนอก
ฟิลด์ที่แก้ไขได้
backgroundColorcolumnslinks[].badgelinks[].descriptionlinks[].hreflinks[].icon+13
ฮีโร่ค้นหารถ
ยานยนต์VehicleHeroSearch
ฮีโร่สำหรับดีลเลอร์พร้อมชิปค้นหา ข้อมูลไฟแนนซ์ สถิติ และปุ่มลิงก์
ฟิลด์ที่แก้ไขได้
backgroundColoreyebrowfilters[].hreffilters[].labelfilters[].target.anchorBlockIdfilters[].target.kind+24
รายการรถพร้อมขาย
ยานยนต์VehicleInventoryGrid
กริด/รายการรถที่แก้ไขได้ พร้อมราคา ค่างวด สเปก พื้นที่ และลิงก์รายละเอียด
ฟิลด์ที่แก้ไขได้
backgroundColorcolumnsctaLabellayoutshowBadgesshowMonthly+28
การ์ดรายการรถ
ยานยนต์VehicleListingCard
การ์ดรถหนึ่งคันแบบแนวนอน สำหรับวางซ้ำเป็นรายการรถที่หน้าตาสม่ำเสมอ
ฟิลด์ที่แก้ไขได้
backgroundColorbadgebodyTypeLabelctaLabelfuelLabelgrade+24
โชว์เคสรถแนะนำ
ยานยนต์FeaturedVehicleShowcase
ส่วนแสดงรถเด่นหรือดีลประจำสัปดาห์สำหรับดีลเลอร์
ฟิลด์ที่แก้ไขได้
backgroundColorctaLabelshowMonthlyspacing.marginBottomspacing.marginTopspacing.paddingBottom+24
รายละเอียดและสเปกรถ
ยานยนต์VehicleDetailSpecs
ส่วนรายละเอียดรถพร้อมแกลเลอรี สเปก ไฟแนนซ์ จุดเด่น และปุ่มติดต่อ
ฟิลด์ที่แก้ไขได้
actions[].hrefactions[].labelactions[].styleactions[].target.anchorBlockIdactions[].target.kindactions[].target.pageId+20
ลิงก์หมวดหมู่รถ
ยานยนต์VehicleCategoryLinks
การ์ดลิงก์ไปยังหมวด Pickup, SUV, Eco Car, EV, พื้นที่ และงบประมาณ
ฟิลด์ที่แก้ไขได้
backgroundColorcategories[].badgecategories[].countLabelcategories[].descriptioncategories[].hrefcategories[].icon+15
ป้ายความน่าเชื่อถือดีลเลอร์
ยานยนต์DealerTrustBadges
ป้ายสำหรับการตรวจสภาพ รับประกัน ไฟแนนซ์ เทิร์นรถ LINE และความน่าเชื่อถือโชว์รูม
ฟิลด์ที่แก้ไขได้
backgroundColorbadges[].descriptionbadges[].hrefbadges[].iconbadges[].metricbadges[].target.anchorBlockId+12
Composition Block
เลย์เอาต์Composition
จัดวางองค์ประกอบเนื้อหาที่ปลอดภัยแยกกันสำหรับเดสก์ท็อป แท็บเล็ต และมือถือ
ฟิลด์ที่แก้ไขได้
typography.textSize