Hướng dẫn nền tảng FastOG
FastOG tạo ra hình ảnh xuất hiện khi ai đó chia sẻ một trong các trang của bạn — sản phẩm, danh mục, trang chủ, bài viết blog. Nó thay thế hình mặc định tĩnh bằng một ảnh bìa động: ảnh sản phẩm, giá hiện tại, đánh giá, logo của bạn và bất kỳ tiêu đề nào bạn chọn.
Hướng dẫn này là bản đồ tổng quan. Nó trình bày từng tính năng làm gì, nơi thay đổi tính năng đó trên mỗi nền tảng, và gói nào bao gồm tính năng đó. Đối với API, ký HMAC và các hướng dẫn framework, hãy bắt đầu tại tài liệu tham khảo API.
FastOG chạy ở đâu
| Nền tảng | Vị trí ứng dụng | Những gì người bán mở |
|---|---|---|
| WooCommerce | WordPress admin → FastOG | Studio để chỉnh sửa ảnh bìa, Plan để thay đổi gói, Support để gửi ticket, Tools cho phần kết nối |
| Shopify | Shopify admin → Apps → FastOG | Covers, Plan, Support; thông tin kết nối nâng cao nằm ở cuối ứng dụng |
| Wix | Wix dashboard → Apps → FastOG | Covers, Customize, Plans |
Lần đầu mở ứng dụng, bạn sẽ được hướng dẫn thiết lập ngắn gọn: chọn loại trang nào có ảnh bìa và chọn giao diện khởi đầu. Bạn có thể thay đổi cả hai sau này — không có gì trong phần thiết lập là cố định vĩnh viễn.
Cách chọn ảnh bìa
FastOG ký một URL cho trang được chia sẻ. Yêu cầu mang theo cửa hàng và loại trang, và máy chủ áp dụng quy tắc đã lưu cho loại trang đó:
- Quy tắc theo loại trang — ảnh bìa bạn đã chỉnh sửa trong mục Covers cho sản phẩm, bộ sưu tập/danh mục, trang chủ hoặc bài viết blog.
- Quy tắc cụ thể hơn, nếu có quy tắc khớp — quy tắc cho thẻ, danh mục, nhà cung cấp hoặc bộ sưu tập sẽ được ưu tiên hơn quy tắc theo loại trang.
- Ảnh bìa riêng cho từng sản phẩm, nếu đã được lưu — cụ thể nhất trong tất cả; có sẵn trên gói Pro trở lên.
Nếu không có quy tắc nào khớp, trang sẽ giữ ảnh của theme. Mỗi nền tảng cung cấp ảnh bìa riêng cho từng loại trang, vì vậy việc thay đổi ảnh bìa sản phẩm không ảnh hưởng đến trang chủ.
Ảnh bìa và loại trang
Mở Covers (Shopify, Wix) hoặc FastOG → Studio (WooCommerce) và chọn loại trang phía trên bản xem trước.
| Nền tảng | Loại trang |
|---|---|
| WooCommerce | Sản phẩm, Danh mục, Trang chủ, Bài viết blog |
| Shopify | Sản phẩm, Bộ sưu tập, Trang chủ, Bài viết blog |
| Wix | Sản phẩm, Bộ sưu tập, Trang chủ, Bài viết blog, Trang site |
Mỗi tab có giao diện riêng, nội dung riêng và các công tắc trực tiếp riêng. Lưu một loại trang không bao giờ làm thay đổi loại trang khác. Bản xem trước chính là ảnh bìa thật: nó được render từ cùng template và props mà trang thực tế sẽ dùng.
WooCommerce cũng đặt một bảng ảnh bìa nhỏ trên màn hình chỉnh sửa sản phẩm, để bạn có thể xem và thay đổi ảnh bìa mà không cần rời khỏi sản phẩm. Shopify đặt một block FastOG trên trang sản phẩm trong trang quản trị vì lý do tương tự. Wix giữ mọi thứ trong ứng dụng.
Chọn giao diện
Giao diện là bố cục mà ảnh bìa vẽ ra — tức template. Trình chọn hiển thị toàn bộ danh mục, với các giao diện bị khóa được đánh dấu theo gói mở khóa chúng.
| Gói | Giao diện |
|---|---|
| Community | Bộ miễn phí |
| Starter | Bộ Starter được tuyển chọn |
| Pro | Mọi template |
| Scale | Mọi template, kèm render ưu tiên |
Một giao diện bị khóa là một cửa sổ trưng bày, không phải một lựa chọn: bạn có thể xem trước nó, và lời nhắc nâng cấp nêu rõ gói mở khóa nó. Việc lưu bị từ chối ở phía server, nên bản xem trước và ảnh bìa thực tế không thể khác nhau.
Trình chọn tương tự cũng được dùng khi bạn bắt đầu từ trình hướng dẫn thiết lập, và bạn có thể đổi giao diện của một loại trang mà không đụng đến các loại trang khác.
Sao chép và kiểu dáng
Sau phần giao diện, trình chỉnh sửa có hai nhóm trường:
- Nội dung — tiêu đề, phụ đề, huy hiệu, các dòng tính năng, hình ảnh và bất kỳ nội dung nào khác mà template đó hiển thị. Các trường để trống sẽ dùng dữ liệu của chính cửa hàng khi template có thể điền vào.
- Kiểu dáng — chủ đề, màu sắc, phông chữ, hoa văn và phần hoàn thiện. Kiểu dáng được áp dụng riêng cho từng template: một giá trị phù hợp trong bố cục này sẽ không bị áp đặt lên bố cục khác.
Trên WooCommerce và Shopify, mọi gói đều có thể chỉnh sửa nội dung và kiểu dáng của quy tắc áp dụng cho toàn cửa hàng. Trên Wix, các trường nội dung và kiểu dáng tự do thuộc về trình dựng tùy chỉnh Pro: gói Starter chọn giao diện, còn các trường cố định của preset được hiển thị thay vì cho phép chỉnh sửa tự do.
Trình chỉnh sửa theo từng sản phẩm chỉ có ở gói Pro dùng chính các trường đó áp dụng cho một mục (xem bên dưới), cộng thêm phần ghi đè logo.
Một trường được đánh dấu không bao giờ điền được là trường mà FastOG từ chối tự tạo ra. Đánh giá là trường hợp phổ biến: một hàng sao trống sẽ không được điền bằng điểm trung bình giả.
Tín hiệu trực tiếp
Tín hiệu trực tiếp là các công tắc ẩn bên dưới, không phải nội dung bạn gõ. Chúng quyết định liệu ảnh bìa có được hiển thị giá trị mà FastOG đã biết tại thời điểm chia sẻ hay không:
| Tín hiệu | Nội dung hiển thị | Gói |
|---|---|---|
| Giá | Giá hiện tại, bao gồm gạch ngang giá so sánh khi sản phẩm đang giảm giá | Mọi gói |
| Giảm giá | Dải ruy băng giảm giá / cách hiển thị giá so sánh | Mọi gói |
| Tồn kho | Sắp hết hàng ("Chỉ còn 3") và hết hàng | Mọi gói |
| Điểm đánh giá và số lượng đánh giá | Điểm trung bình thực tế và số lượng đánh giá của cửa hàng | Starter trở lên |
| Ngưỡng đánh giá | Ẩn hoàn toàn hàng sao khi dưới mức điểm đánh giá hoặc số lượng đánh giá tối thiểu | Pro trở lên |
Mục đích của công tắc là cho phép bạn giữ một trường trong bố cục nhưng ẩn nó đi khi dữ liệu yếu. Một sản phẩm 3,1 sao với hai đánh giá thường trông tốt hơn khi không có hàng sao nào so với việc có một hàng sao yếu bên cạnh giá.
Tắt một tín hiệu không xóa bất cứ thứ gì: giá trị vẫn được đọc từ cửa hàng, và ảnh bìa chỉ đơn giản là không in nó ra. Bật lại sẽ hiển thị nó trở lại ở lần render tiếp theo.
Ảnh bìa theo từng sản phẩm và từng mục
Ảnh bìa theo từng sản phẩm là ảnh bìa được lưu cho một mục, được xếp lớp lên trên quy tắc theo loại trang. Đây là tính năng của gói Pro và Scale.
| Nền tảng | Nơi mở tính năng |
|---|---|
| WooCommerce | Màn hình chỉnh sửa sản phẩm → bảng FastOG cover → Customize cover |
| Shopify | Mở sản phẩm trong trang quản trị Shopify → khối sản phẩm FastOG → Customize cover |
| Wix | Chưa hỗ trợ theo từng mục; hãy dùng ảnh bìa theo loại trang hoặc một giao diện hiển thị tốt cho mọi sản phẩm |
Trên gói Pro, bạn có thể thay đổi giao diện, nội dung, huy hiệu và kiểu dáng cho riêng sản phẩm đó. Những sản phẩm không có phần ghi đè vẫn tiếp tục dùng quy tắc theo loại trang. Xóa phần ghi đè trên một sản phẩm sẽ khôi phục ảnh bìa dùng chung; lựa chọn đã lưu vẫn được giữ lại, không bị xóa, nếu sau này gói dịch vụ thay đổi.
Bảng sản phẩm cũng có liên kết đến Studio, để quy tắc áp dụng cho toàn cửa hàng chỉ cách một cú nhấp khi sản phẩm không cần ảnh bìa riêng.
Quy tắc cho từng nhóm sản phẩm
Một quy tắc theo phạm vi (scoped rule) tinh chỉnh ảnh bìa sản phẩm cho một nhóm sản phẩm — thẻ (tag), danh mục (category), loại sản phẩm (product type), bộ sưu tập (collection, trên Shopify) hoặc nhà cung cấp (vendor). Đây là tính năng thuộc gói Scale.
Mở Covers → Covers for specific products (tiêu đề giống nhau trên WooCommerce và Shopify). Thêm một quy tắc, chọn phạm vi và giao diện, rồi lưu. Những sản phẩm khớp sẽ dùng giao diện và nội dung của quy tắc; các sản phẩm còn lại giữ ảnh bìa theo loại trang.
Kết quả khớp cụ thể nhất sẽ được ưu tiên, nên bạn không cần quản lý thứ tự. Bộ đếm quy tắc hiển thị số lượng bạn đã dùng trong hạn mức của gói; có thể xóa một quy tắc bất cứ lúc nào. Wix hiện chưa hỗ trợ quy tắc theo phạm vi.
Chiến dịch và lịch hoàn nguyên
Lịch hoàn nguyên là nửa an toàn của một chiến dịch: bạn xuất bản ảnh bìa Black Friday hoặc ảnh bìa theo mùa ngay bây giờ và chọn ngày giờ mà nó sẽ hoàn nguyên về ảnh bìa đã hiển thị trước đó. Nửa hoàn nguyên có sẵn trên mọi gói, kể cả Community.
Lịch bắt đầu là nửa thuộc gói Scale. Trên gói Scale, bạn cũng có thể đặt ngày ảnh bìa chiến dịch bắt đầu hiển thị; dưới gói Scale, phần bắt đầu bị tạm dừng, với thiết kế và các ngày được giữ lại để có thể tiếp tục sau khi nâng cấp. Cả hai chuyển đổi đều được kiểm tra mỗi năm phút, và thời gian dùng múi giờ hiển thị bên dưới các trường.
Cả hai nửa đều cần một điểm kết thúc: một chiến dịch có phần bắt đầu nhưng không có phần kết thúc sẽ không bao giờ được gỡ xuống, vì vậy biểu mẫu sẽ từ chối nó. Xóa phần kết thúc sẽ hủy chiến dịch. Không có gì bị xóa khi gói bị hết hạn — các ngày và thiết kế vẫn được giữ lại.
Xuất PNG
Thao tác Tải xuống PNG sẽ kết xuất ảnh bìa bạn đang xem ở kích thước 1200×630 và tải xuống. Đây là tính năng dành cho gói Pro và Scale trên WooCommerce và Shopify; Wix chưa cung cấp tính năng này.
Tệp được tạo từ chính template và props của trình chỉnh sửa, nên nó khớp với bản xem trước thay vì một template xuất riêng. Hãy dùng tính năng này cho danh sách trên marketplace, một bộ slide hoặc một bài đăng thủ công khi bạn không thể dùng URL trực tiếp.
Gói dịch vụ, phạm vi bao phủ và giới hạn
FastOG bán phạm vi bao phủ, không bán lượt render. Mỗi gói bao phủ một số lượng mục trong danh mục của bạn và một tập hợp tính năng; số lượt render không bị giới hạn.
| Community | Starter | Pro | Scale | |
|---|---|---|---|---|
| Giá | Miễn phí | $19 / tháng | $49 / tháng | $119 / tháng |
| Số mục được bao phủ | 100 | 250 | 1.000 | Không giới hạn |
| Loại trang | Tất cả | Tất cả | Tất cả | Tất cả |
| Giao diện | Bộ miễn phí | Bộ tuyển chọn | Tất cả | Tất cả |
| Giá, khuyến mãi và tồn kho | Có | Có | Có | Có |
| Đánh giá (số sao + số lượt) | — | Có | Có | Có |
| Ngưỡng đánh giá | — | — | Có | Có |
| Ảnh bìa riêng cho từng sản phẩm | — | — | Có | Có |
| Ánh xạ metafield | — | — | Có | Có |
| Xuất PNG | — | — | Có | Có |
| Quy tắc cho dòng sản phẩm | — | — | — | Có |
| Khởi động chiến dịch | — | — | — | Có |
| Trả về theo lịch | Có | Có | Có | Có |
| Ưu tiên render | — | — | — | Có |
Bảng phạm vi bao phủ hiển thị số lượng mục mà gói của bạn bao phủ, được phân tách theo sản phẩm, danh mục, trang chủ và bài viết blog. Nếu danh mục vượt quá giới hạn, bảng sẽ nêu tên gói tiếp theo và giới hạn của gói đó; hệ thống không âm thầm dừng render. Nâng cấp từ Plan (WooCommerce, Shopify) hoặc Plans (Wix).
Thanh toán theo năm là cùng một bậc với giá của 10 tháng cho một năm 12 tháng. Wix tính phí qua Wix; WooCommerce và Shopify tính phí qua chế độ xem gói trong ứng dụng.
Wix dùng cùng thang bậc nhưng chưa hỗ trợ ghi đè riêng cho từng sản phẩm, quy tắc theo phạm vi hay xuất PNG. Gói dịch vụ vẫn kiểm soát phạm vi bao phủ, giao diện, đánh giá và trình tạo tùy chỉnh trên nền tảng này.
Kiểm tra tình trạng và làm mới bộ nhớ đệm
Ứng dụng chạy một bước kiểm tra tình trạng ngắn và giữ toàn bộ danh sách phía sau Details / What we checked. Nó trả lời những câu hỏi thực sự làm hỏng bản xem trước:
- FastOG có đọc được dữ liệu và danh mục của cửa hàng này không?
og:imagecủa storefront đang trỏ tới FastOG, hay một theme hoặc plugin SEO đang thắng?- Sản phẩm mẫu có thật không, và bản xem trước có dùng nó không?
- Khóa ký (signing key) và kết nối còn hợp lệ không?
Mỗi phát hiện đều kèm theo cách khắc phục nếu có. report là khối để sao chép vào tin nhắn hỗ trợ; nó được thiết kế để dán nguyên văn, không phải để diễn giải.
Ảnh bìa đã thay đổi không phải lúc nào cũng là ảnh bìa mà nền tảng đã đọc lại. URL đã ký là tất định, nên bản thân hình ảnh sẽ cập nhật; thứ bị lưu đệm là bản sao bản xem trước trang của nền tảng. Hãy scrape lại hoặc chờ bộ nhớ đệm của nền tảng hết hạn — xem hướng dẫn về bộ nhớ đệm và cách buộc Facebook làm mới. Nếu og:image của trang vẫn là của theme, bước kiểm tra tình trạng sẽ cho thấy một plugin khác hoặc theme đang thắng.
Hỗ trợ
Sử dụng Hỗ trợ khi gặp vấn đề về thiết lập, phân phối ảnh bìa, thanh toán hoặc sản phẩm. Hãy bao gồm trang hoặc sản phẩm bị ảnh hưởng, điều bạn mong đợi và điều đã xảy ra; báo cáo tình trạng (health report) là tệp đính kèm nhanh nhất. Đây là hỗ trợ sản phẩm bất đồng bộ, không phải chat trực tiếp hay tư vấn chung.
Trước khi mở ticket, hãy thử kiểm tra tình trạng: nó phát hiện các nguyên nhân phổ biến (chưa kết nối, không phân phối ảnh bìa, plugin SEO ghi đè og:image, bộ nhớ đệm nền tảng cũ).
Khắc phục sự cố trong một trang
| Triệu chứng | Kiểm tra trước tiên |
|---|---|
| Liên kết được chia sẻ không có hình ảnh | Kiểm tra tình trạng → storefront og:image có phải của FastOG không? Loại trang đã được hỗ trợ chưa? |
| Bản xem trước hiển thị giá cũ | Bộ nhớ đệm của nền tảng; URL trực tiếp được ký theo mỗi lần render. Thu thập lại dữ liệu trang |
| Ảnh bìa hiển thị sai kiểu | Quy tắc theo loại trang, quy tắc theo phạm vi, hoặc ghi đè theo từng sản phẩm (quy tắc cụ thể nhất sẽ thắng) |
| Kiểu bị khóa không lưu được | Kiểu đó thuộc gói cao hơn; trình chọn sẽ nêu tên gói |
| Thiếu đánh giá | Sản phẩm chưa có đánh giá nào, hoặc gói thấp hơn Starter, hoặc công tắc đánh giá đang tắt |
| Thay đổi theo từng sản phẩm không có tác dụng | Ảnh bìa theo từng sản phẩm thuộc gói Pro/Scale, và máy chủ từ chối lưu nếu gói thấp hơn |
| Ảnh bìa bị mờ trên WhatsApp | Xem kích thước ảnh OG và bản xem trước trên WhatsApp |
Liên quan
Dùng thử miễn phí — không cần đăng ký
Xem trước và kiểm tra hình ảnh OG động trong vài giây.
Mở Trình kiểm tra hình ảnh OG miễn phí