Cách tạo popups giỏ hàng trong Elementor

Nội dung

popups

Popups có thể là một công cụ mạnh mẽ để tăng sự tương tác và chuyển đổi trên website của bạn. Trong blog này, THEWEB sẽ hướng dẫn bạn cách tạo một popup giỏ hàng đơn giản chỉ bằng sử dụng Elementor.

Popups giỏ hàng sẽ xuất hiện sau khi người dùng không hoạt động trên trang cửa hàng và khuyến khích họ chia sẻ cửa hàng của bạn với bạn bè của họ.

popups

Bước 1: Tạo mẫu popups mới

Đầu tiên, bạn cần tạo một template popup mới trong Elementor. Điều này có thể được thực hiện bằng cách chọn Templates > Popups > Add New. Tại đây, bạn có thể chọn một mẫu từ thư viện hoặc bắt đầu từ đầu.

Bước 2: Thiết kế nội dung popups

Tiếp theo, thêm văn bản, hình ảnh và nút chia sẻ vào cửa sổ bật lên của bạn bằng widget . Đảm bảo căn chỉnh mọi thứ vào giữa.

popups

Bước 3: Tùy chỉnh hiệu ứng xuất hiện

Sau khi bạn đã thêm nội dung của popups, hãy đi tới Popup Settings và thêm hiệu ứng animation Slide In Right bằng cách sử dụng trình đơn thả xuống Entrance Animation và đặt thời lượng thành “1”

Entrance Animation

Bước 4: Thêm điều kiện và quy tắc nâng cao

Tiếp theo, nhấp vào Publish để mở Publish Settings.

Trong tab Conditions, tạo điều kiện để nhắm mục tiêu một trang duy nhất và chọn trang thanh toán của bạn:

display

Sau đó, chuyển đến tab Triggers và bật quy tắc After Inactivity và đặt khoảng 20 giây.

display

Nếu bạn không cần bất kỳ quy tắc nâng cao nào cho cửa popups, lưu và đóng để hoàn tất.

Bạn cũng có thể tham khảo hướng dẫn cụ thể ở blog How to Create a Shopping Cart Popup hoặc Introducing Popup Builder ở website chính thức của Elementor, hoặc qua video hướng dẫn dưới đây

Popups khi được thiết kế và sử dụng đúng cách, có thể là một phần quan trọng của chiến lược marketing trực tuyến của bạn. Với Elementor, việc tạo và quản lý popups trở nên dễ dàng và linh hoạt hơn bao giờ hết.

Hy vọng bài blog này sẽ giúp bạn tạo ra những popups ấn tượng và hiệu quả trên trang web của mình. Nếu bạn cần thêm thông tin chi tiết hoặc hướng dẫn cụ thể, đừng ngần ngại liên hệ với THEWEB qua các phương thức sau:

📩 info@theweb.vn

☎️ 0908 929 869 / 0938733321

📍 Số 120, đường 410, P. Phước Long A, Tp. Thủ Đức, Tp. Hồ Chí Minh, Việt Nam.

Cùng chủ đề
Mỗi website một câu chuyện
Góc chia sẻ

Lập trình website