Tạo popup lấy email khách hàng, đăng ký nhận email khi vào website.

Đăng bởi Trần Lâm

Bài viết hôm nay em sẽ hướng dẫn anh/chị tạo popup cho khách hàng đăng ký nhận mail khi vào website. Trước tiên anh/chị hãy xem demo ở đây:

Link: https://shop-test-lam.myharavan.com/

Link hình ảnh minh họa:

Khi vào website nó sẽ hiện lên 1 cái popup để khách hàng đăng ký nhận quảng cáo hay thông tin khi có khuyến mãi. Chỉ cần điền mail, khi đó mail điền sẽ vào trang quản trị admin phần Khách hàng.

Để thực hiện được anh/chị cần làm theo những bước như sau:

Bước 1: Anh/ chị tạo 1 file tên là: form_email_popup.liquid nằm trong Snippets như hình bên dưới:

Bước 2: Sau đó anh/chị chèn đoạn code liquid này vào trong file Snippets vừa tạo. Có đính kèm file và hình ảnh hướng dẫn, anh/chị có thể xem dễ dàng thực hiện.

Link file:form_email_popup

Link hình:

Bước 3: Sau đó anh/chị chèn css vào cuối file css

Link css:link_css

link hình:

Bước 4: Sau đó anh/chị chèn tiếp settings để thay đổi nội dung popup, để cuối file settings.html hoặc để trên đầu cùng.

link file settings:link_settings

link hình:

Bước 5 : Sau đó anh/chị tiếp tục chèn đoạn code html vào trong thẻ body ở theme.liquid

link file:link_html

link hình:

Bước 6: vào settings lại các nội dung như hình bên dưới em demo:

Cuối cùng các anh/chị vào lại website, nhiều lúc nó lưu lại local nên em khuyên hãy bật trình duyệt ẩn danh lên:đối với chrome và cốc cốc (ctrl+shift+n) để test thử. mail của khách hàng nhập nó sẽ nằm ở mục khách hàng như hình demo bên dưới:

Chúc anh chị thành công !!!!!!

Haravan code

Bài viết mới

Tạo popup lấy email khách hàng, đăng ký nhận email khi vào website.