Floating Button

Trình hướng dẫn từng bước

Bấm Create from your website > Build it step by step. Cột Design your FAB button: chọn icon hoặc ảnh, Curve, màu nền, màu icon, Position (Left, Center, Right) và Bottom spacing. Cột List & tools: chọn link có sẵn và gạt bật nút liên hệ ở Support, Share. Bấm Generate menu là xong.

Tự dựng

Bấm Create from a template > Browse templates rồi chọn thẻ Blank để có nút trống. Bạn thêm từng nút con bằng Add item, rồi tự đặt link cho mỗi nút. Muốn thiết kế phối sẵn thì chọn một mẫu khác trong thư viện.

Nút liên hệ: chạm một lần là tới cửa hàng

Nhóm nút hay nhất của FAB, trình hướng dẫn gạt bật ở Support: Shopify Inbox (mở khung chat và tự ẩn bong bóng chat gốc cho gọn góc màn hình), Call, SMS, WhatsApp, Zalo, Messenger và Email. Mỗi nút nhập một thông tin (số điện thoại, tên Messenger hoặc địa chỉ email), chạm là mở đúng ứng dụng trên máy khách.

Thêm: bật công cụ ở trình hướng dẫn, hoặc ở popup Add item chọn mẫu liên hệ rồi nhập thông tin. Gắn link cho mục menu

Share: chia sẻ trang

Ở Share: nút Facebook và X để khách chia sẻ trang đang xem.

Thêm và sắp xếp mục menu

Mở Mobile Menu từ nút nổi

Tạo nút chỉ có một mục và đặt link của mục đó là Open another Navi+ Mobile menu: chạm nút là ngăn kéo Mobile Menu trượt ra, không cần nút ☰ của theme.

Tạo Mobile Menu

Link tự gõ: gọi, email, WhatsApp

Mục nào cũng nhận link tự gõ: tel:+84901234567 để gọi, mailto:[email protected] để gửi email, https://wa.me/84901234567 để mở WhatsApp.

Tra cứu mọi loại link

Turn on là nút hiện ngay

Tắt thì góc trang trống, bật thì nút hiện ở góc đã chọn. Khách chạm vào thì các nút con xòe ra. Hiện trên điện thoại hay máy tính chọn ở Configure (Show menu on mobile, Show menu on desktop); góc đặt và lề đặt riêng cho từng thiết bị, ví dụ góc phải trên điện thoại nhưng góc trái trên máy tính.