Định nghĩa theme tái sử dụng
Cấu hình màu thương hiệu, surface, typography, shape, style component và styling annotation trên sơ đồ.
Tùy biến giao diện nhúng
Làm cho catalog phụ tùng nhúng khớp với thương hiệu của bạn.
PartGrid embed theming cho phép đội ngũ gán theme trực quan tái sử dụng cho sơ đồ, collection và trải nghiệm catalog đại lý nhúng để khớp thương hiệu đích trong khi vẫn có governance và dễ bảo trì.
Theme definition tái sử dụng
Runtime theme token được gán
Preview và governance trước khi publish
Same catalog, assigned themes
Choose a destination and watch the embed retheme.
OEM website
Service blue12
Ref 12
Ref 13
Ref 14
Resolved theme tokens
OEM website
Primary#2563EB
Surface#FFFFFF
Hotspot#2563EB
Border#BFDBFE
Radius12px
DensityComfortable
The embed receives controlled tokens from PartGrid. It does not need to scrape the host page CSS.
Vấn đề brand fit
Một embed mạnh vẫn cần trông như thuộc về trải nghiệm của bạn.
Catalog phụ tùng tương tác hữu ích hơn khi sống trong website, dealer portal, customer portal, trang ecommerce và môi trường service hiện có. Embed theming cho đội ngũ cách có kiểm soát để căn chỉnh giao diện mà không biến mỗi deployment thành dự án thiết kế riêng.
Embed nhìn quá chung chung có thể làm giảm niềm tin của khách hàng.
Brand team có thể chặn trải nghiệm hướng khách hàng không nhất quán.
Dealer portal thường cần cách trình bày khác nhau.
Custom CSS cho từng embed không thể mở rộng.
Iframe không nên phụ thuộc vào CSS mong manh của trang host.
Triển khai nhiều collection cần styling có governance.
Cách hoạt động
Định nghĩa theme một lần, gán đúng nơi cần dùng.
PartGrid theme dùng visual token có cấu trúc thay vì snippet CSS rời rạc. Điều đó giúp dễ validate, preview, tái sử dụng và áp dụng qua các trải nghiệm nhúng.
Preview catalog nhúng
Review cảm giác của diagram viewer, danh sách phụ tùng, control, hotspot và button trước khi publish.
Gán đúng nơi cần dùng
Áp dụng theme cho target được hỗ trợ như mặc định công ty, collection, dealer collection hoặc schematic.
Resolve lúc runtime
Embed tải theme token dự đoán được và áp dụng biến styling nội bộ.
Runtime theming
Runtime theming không cần scrape CSS trang host.
PartGrid không cần phụ thuộc vào CSS của website host để style embed. Theme được gán và resolve trong PartGrid. Trải nghiệm nhúng nhận styling token dự đoán được và áp dụng qua biến runtime.
Dễ dự đoán cho developer. An toàn hơn cho brand governance.
Theme proposal có thể dùng input website hoặc brand để tạo draft, nhưng embed đã publish nên dựa trên theme token được gán thay vì scrape CSS live từ trang host.
Đọc tài liệu themingPhạm vi theme
Kiểm soát ngôn ngữ trực quan của embed.
Theme tập trung vào những phần người dùng thực sự thấy: vùng sơ đồ, danh sách phụ tùng, panel, control, button, hotspot, annotation và UI hỗ trợ.
Màu thương hiệu
Màu nhấn
Nền
Surface và panel
Text và muted text
Border
Typography
Bo góc và shape
Mật độ spacing
Button và input
Bảng và tab
Hotspot và active glow
Đường annotation
Badge và dropdown
Giao diện sáng hoặc tối
Gán theme
Áp dụng đúng theme cho đúng trải nghiệm.
Theme assignment giúp đội ngũ áp dụng theme trực quan đúng cấp mà không nhân bản dữ liệu catalog hoặc tạo frontend build one-off.
Mặc định công ty
Theme fallback có governance cho embed tiêu chuẩn.
Embed collection
Tạo style cho collection catalog public trên website hoặc portal.
Dealer collection
Cho embed hướng đại lý giao diện phù hợp trong khi vẫn giữ kiểm soát catalog nguồn.
Schematic embed
Áp dụng theme cụ thể cho sơ đồ quan trọng hoặc ngữ cảnh deployment.
Chuẩn bị thay đổi theme trước khi go live.
Draft và active token giúp đội ngũ test thay đổi trực quan, review preview và publish khi kết quả đã sẵn sàng cho khách hàng.
Tạo điểm khởi đầu từ input brand.
Khi được cấu hình, PartGrid có thể giúp tạo draft theme proposal từ website, logo hoặc brand input. Kết quả vẫn cần review trước khi publish.
Giữ embed đại lý và khách hàng nhất quán.
OEM có thể giữ catalog nguồn có governance trong khi trải nghiệm nhúng hướng đại lý hoặc khách hàng dùng theme phù hợp khi được cấu hình.
Phù hợp deployment
Xây cho deployment embed thực tế.
Embed theming hoạt động cùng workflow iframe, collection, schematic, dealer collection và integration của PartGrid. Nó giúp đội ngũ triển khai sơ đồ phụ tùng tương tác vào môi trường hiện có mà không biến mỗi deployment thành dự án frontend riêng.
Căn chỉnh thương hiệu, không clone toàn bộ website.
Embed theming không phải website builder, CMS, thay thế design system hoặc bản clone tự động của website host. Nó là cách có kiểm soát để áp dụng styling trực quan cho trải nghiệm PartGrid nhúng để cảm giác đồng bộ, đáng tin và dễ triển khai hơn.
FAQ
Câu hỏi về embed theming.
Embed theming là gì?+
Embed theming cho phép đội ngũ áp dụng theme trực quan tái sử dụng cho trải nghiệm catalog PartGrid nhúng, như sơ đồ, collection, dealer collection hoặc schematic khi được hỗ trợ.
PartGrid có scrape CSS website của tôi không?+
Không. Embed theming của PartGrid dựa trên theme token được gán, resolve và áp dụng bởi trải nghiệm nhúng. Theme proposal có thể dùng input từ website hoặc brand để tạo draft khi được cấu hình.
Theme có thể tái sử dụng không?+
Có. Theme được thiết kế để tái sử dụng, giúp đội ngũ áp dụng styling nhất quán qua nhiều trải nghiệm nhúng.
Các collection khác nhau có thể dùng theme khác nhau không?+
Có, khi assignment target được cấu hình. Theme có thể được gán ở các level hỗ trợ như collection, dealer collection, schematic hoặc mặc định công ty.
Có thể preview theme trước khi publish không?+
Có. Theme có thể hỗ trợ workflow preview và draft token để đội ngũ review thay đổi trước khi publish thành styling active.
Có thể theme những yếu tố nào?+
Theme có thể gồm màu thương hiệu, surface, panel, text, muted text, border, typography, shape, spacing, component style, annotation line, marker, hotspot và active state.
AI có thể tạo đề xuất theme không?+
Khi được cấu hình, PartGrid có thể giúp tạo draft theme proposal từ website, logo hoặc brand input. Proposal vẫn nên được review và chỉnh sửa trước khi publish.
Theming có thay thế custom development không?+
Không. Embed theming giảm tùy biến trực quan one-off, nhưng layout, behavior hoặc logic tích hợp riêng vẫn có thể cần custom development.
Sẵn sàng làm catalog phụ tùng nhúng cảm giác như một phần trải nghiệm của bạn?
Cho chúng tôi xem website, dealer portal hoặc use case catalog nhúng của bạn và xem theme PartGrid có thể căn chỉnh trải nghiệm trực quan như thế nào trong khi vẫn giữ workflow catalog có governance.