¶ POPUP HIỂN THỊ CƠ BẢN
Chú ý: Nếu nhu cầu chỉ là hiển thị popup → Không cần thực hiện gắn Tracking code Web Push, chỉ cần gắn Tracking code popup tại Trang quản lý popup
¶ 1. Tích hợp Website vào Gapone
Tích hợp Website trên mục Tích hợp kênh gửi tin - Website
B1: Nhập tên miền
B2: Lưu thông tin miền
¶ 2. Gắn mã tracking code vào Website
Chú ý: Tracking code áp dụng cho tất cả các popup đã kích hoạt
B1: Sao chép mã tracking code trên Gapone
B2: Truy cập trang admin website
B3: Truy cập trang chỉnh sửa code
B4: Dán tracking code đã sao chép trên Gapone vào website trong file footer.liquid
¶ 3. Tạo popup form trên Gapone
B1: Vào màn Tạo mới popup
B2: Chọn popup mẫu hoặc Tạo mới popup từ đầu
B3: Nhập Tên popup
B4: Thiết kế Giao diện chính, ấn Tiếp tục khi hoàn thành
B5: Thiết kế Giao diện thành công, ấn Tiếp tục khi hoàn thành
B6: Thêm điều kiện sau đó nhấn Lưu để trở về màn Quản lý popup
¶ 4. Kích hoạt popup
B1: Chọn Website cần kích hoạt: Cho phép chọn nhiều website
B2: Kích hoạt popup
¶ POPUP HIỂN THỊ CUSTOM
Chú ý: Nếu nhu cầu chỉ là hiển thị popup → Không cần thực hiện gắn Tracking code Web Push, chỉ cần gắn Tracking code popup tại Trang quản lý popup
¶ 1. Tích hợp Website vào Gapone
Tích hợp Website trên mục Tích hợp kênh gửi tin - Website
B1: Nhập tên miền
B2: Lưu thông tin miền
¶ 2. Khai báo GAPONE Website Objects (bỏ qua nếu bạn kết nối trên website của Haravan)
Khai báo theo link dưới đây: https://docs.gapone.vn/vi/api-docs#tag/Gapone_Object
¶ 3. Gắn mã tracking code vào Website
Chú ý: Tracking code áp dụng cho tất cả các popup đã kích hoạt
B1: Sao chép mã tracking code trên Gapone
B2: Truy cập trang admin website
B3: Truy cập trang chỉnh sửa code
B4: Dán tracking code đã sao chép trên Gapone vào website trong file footer.liquid
¶ 4. Tạo popup form trên Gapone
B1: Vào màn Tạo mới popup
B2: Chọn popup mẫu hoặc Tạo mới popup từ đầu
B3: Nhập Tên popup
B4: Thiết kế Giao diện chính, ấn Tiếp tục khi hoàn thành
B5: Thiết kế Giao diện thành công, ấn Tiếp tục khi hoàn thành
¶ 5. Cài đặt điều kiện tuỳ chỉnh
TỒNG QUÁT:
Tìm hiểu cách kích hoạt một Popup khi khách truy cập vào trang web của bạn và nhấn vào một nút (hoặc có hành động) bất kì.
Để triển khai, bạn cần tùy chỉnh một đoạn mã ngắn và dán đoạn mã đó vào HTML của trang web của bạn.
B1: Cài đặt điều kiện hiển thị:
- Sau khi hoàn thành thiết kế mẫu form của mình, tại bước Điều kiện hiển thị, mục Điều kiện tùy chỉnh chọn Kích hoạt.
- Lưu ý: Các cài đặt về Hành vi hiển thị sẽ bị vô hiệu hoá nếu Điều kiện tuỳ chỉnh được kích hoạt.
B2: Tạo một nút
- Sao chép mã bên dưới và dán vào HTML của bất kỳ trang nào mà bạn muốn nút xuất hiện.
<button class="gapone_form_trigger">Click here</button>
- Nút này sẽ sử dụng các styles mặc định từ template trang web của bạn. Bạn có thể tùy chỉnh thêm giao diện của nút.
B3: Thêm đoạn mã JavaScript tùy chỉnh vào trang web của bạn
- Dán đoạn mã này ngay bên dưới đoạn mã nút mà bạn đã thêm vào trang web của mình
<script type="text/javascript">
document.querySelector('.gapone_form_trigger').addEventListener('click', function (){
GapitScript.Render(‘FORM_ID’);
});
</script>
- Thay thế FORM_ID bằng ID form của bạn tại đoạn mã Điều kiện tùy chỉnh
- Nếu bạn muốn tùy chỉnh điều kiện kích hoạt, hãy copy đoạn mã cài đặt điều kiện mở form ở Điều kiện tùy chỉnh vào bất kì hành động (click, hover,…) hoặc sự kiện tùy chỉnh nào của bạn mà bạn muốn.
- Sau khi gắn đoạn mã điều kiện tùy chỉnh vào website của bạn, hãy kích hoạt form tại màn Quản lý Popup để form hoạt động
¶ 6. Kích hoạt popup
B1: Chọn Website cần kích hoạt: Cho phép chọn nhiều website
B2: Kích hoạt popup