Tạo nút chat nhúng vào website trên manychat

Manychat có thêm thành phần đó là tạo button(nút chat) trong thành phần Embeddable Widgets. Những nút này có thể đặt bất kể ở đâu trên website hay landing page của bạn.

Để giúp bạn hiểu rõ hơn, chúng ta sẽ làm từng bước, để bạn nắm bắt rõ hơn

1. Đăng nhập vào Manychat và chọn phần Growth Tools, bấm New Growth Tools

2. Chọn Embeddable Widgets và bấm chọn Button

Tạo nút chát nhanh trên Manychat
Tạo nút chát nhanh trên Manychat

3. Ở mục Initial State, bạn cấu hình các thành phần sau:

  • Button Type( kiểu nút): Bạn bấm chọn một trong 2 kiểu tùy thích.
  • Button Background, bao gồm: màu cho nút, kích cỡ nút, và nút Button Text(Nút kêu gọi hành động)
Cấu hình nút để nhúng vào website
Cấu hình nút để nhúng vào website

4. Ở mục “Submitted State”, bạn cấu hình các thành phần sau:

  • Khi chọn Redirect to URL, ở ô URL to open after submission, bạn nhập địa chỉ website
  • Ở Open this URL gồm: In a new tab( Khi khách hàng bấm thì tự động chuyển sang 1 tab mới) hoặc In the Current tab(khách hàng bấm vào nút thì sẽ mở website tại trang).
  • Ở mục Colors: Bạn chọn màu cho nút và màu cho chữ
Cấu hình cho nút cảm ơn
Cấu hình cho nút cảm ơn

5. Ở mục Opt-In Actions, bạn chọn như sau:

  • Phần Opt-In Message: Bạn bấm chọn Replace để trỏ đến flow đã thiết lập sẵn
Cấu hình Opt-In Action
Cấu hình Opt-In Action

6. Chọn Flow đã tạo trước đó trên Manychat:

Chọn flow đã tạo sẵn
Chọn flow đã tạo sẵn

Chọn xong, rồi bạn bấm Next để đến bước tiếp theo

7. Copy mã và dán vào Custom HTML trên website hoặc landing page:

Copy mã nhúng vào custom HTML trên website
Copy mã nhúng vào custom HTML trên website

8. Bấm nút Save ở góc phải màn hình trên Manychat

Bấm Save ở góc phải màn hình trên Manychat
Bấm Save ở góc phải màn hình trên Manychat

9. Bấm Check Widget để kiểm tra:

Bấm Check Widget để kiểm tra
Bấm Check Widget để kiểm tra

Các bước có vẻ hơi trừu tượng đúng không nào. Yên tâm, tôi đã làm sẵn video để phục vụ bạn rồi, việc của bạn là làm theo các bước mà tôi hướng dẫn chi tiết:

Đăng ký sử dụng Manychat miễn phí 2020: https://mbsy.co/B8Q7W

Xem Thêm:

Thông tin liên hệ Manychat tại việt Nam:

Công ty TNHH TM ĐT $ PT Giáo Dục HBA.

(Số 275/43, Quang Trung,, Phường 10, Gò Vấp, Hồ Chí Minh)

Fanpage: Many chat

Tham gia Cộng đồng Manychat Việt Nam: Tại đây

Hotline: 0916807329.

 

 

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *