Newsletter Subscribe

การ์ดเชิญชวนลงทะเบียนรับข่าวสารทางอีเมลสไตล์ widget3

การ์ดเชิญชวนลงทะเบียนรับข่าวสารทางอีเมลสไตล์ widget3 — พื้นหลังไล่สีน้ำเงิน มีหัวข้อ คำอธิบาย ไอคอนเอกสาร 3D และปุ่มลิงก์ไปหน้าสมัครรับข่าวสาร (ตัว widget ไม่มีฟอร์มกรอกอีเมลในตัว)

Set widget3Category investor-servicesScope .stk-w3-newsletter-subscribeSet base widget3

Examples

แต่ละหัวข้อคือ UI คนละรูปแบบ ส่วนขนาดคอลัมน์เป็น layout ของรูปแบบเดียวกัน

UI รูปแบบที่ 1

1 layout

PreviewOpen

defaultการ์ดไล่สีพร้อมปุ่มสมัครGrid 12/12 · Measuring UI… · JavaScript

Composition

โครงสร้างส่วนประกอบหลักที่สรุปจาก HTML ของแต่ละ variant โดยตัด layout wrappers ออก

Variantdefault

Loading composition…

Content Schema

อ่าน schema เต็มและตัวอย่างค่าจาก get_widget ฟิลด์หลัก:

title
description
image_alt
subscribe_label
subscribe_link

Asset URLs

CSS: https://stackui-cdn.intern-studio.com/widgets/widget3/newsletter-subscribe/newsletter-subscribe.css
JS:  https://stackui-cdn.intern-studio.com/widgets/widget3/newsletter-subscribe/newsletter-subscribe.js
Preview: https://stackui-cdn.intern-studio.com/widgets/widget3/newsletter-subscribe/preview.html
Set base: ดู dependencies.setBase จาก get_widget และโหลดก่อน widget CSS

ใช้ get_core ก่อนหนึ่งครั้ง จากนั้นเรียก get_widget โดยส่ง id="newsletter-subscribe" และ set="widget3" เพื่อรับ HTML, CSS, JavaScript, dependencies และ URL ของ asset ที่ตรงกับ environment

Newsletter Subscribe

Examples

การ์ดไล่สีพร้อมปุ่มสมัคร

Composition

Content Schema

Asset URLs

On this page