6. Sản phẩm

Mục sản phẩm sẽ hỗ trợ khách hàng hiển thị các sản phẩm mà bạn đã tạo bên LadiSales ( https://app.ladisales.com ), Haravan, Sapo, Shopify, Wordpress. Nội dung phần sản phẩm bao gồm Product List- giao diện hiển thị, trình bày các sản phẩm, Cart Button- hiển thị tên sản phẩm, biển thể, và nút mua hàng để khách hàng lựa chọn, Cart Icon- hiển thị danh sách các sản phẩm khách hàng đã thêm vào giỏ hàng, Popup checkout- giao diện điền thông tin đặt hàng, sản phẩm khách hàng đã lựa chọn để gửi về các kênh lưu trữ đã thiết lập

Lưu ý về việc tích hợp sản phẩm với các nền tảng website, quản lý bán hàng

Lưu ý : trong trường hợp sử dụng Third Party Checkout thì sẽ KHÔNG có dữ liệu backup trên trang landingpage

Tích hợp tài khoản liên kết và kích hoạt tính năng Sản phẩm

Để hiển thị và sử dụng được phần Product, bạn cần phải tích hợp tài khoản LadiSales, Haravan, Sapo, Shopify, Wordpress. của bạn vào tài khoản liên kết trên LadiPage, và Bật tích hợp trong builder

Bước 1 : Tích hợp thông tin vào mục vào tài khoản liên kết LadiPage và tạo cấu hình form ( trong trường hợp sử dụng POPUP CHECKOUT LadiPage) cho việc lưu trữ thông tin khách đăng ký

Chọn nền tảng website, quản lý bán hàng bạn sử dụng để theo dõi phần hướng dẫn chi tiết

Bước 2 : Bật tích hợp nền tảng trong builder LadiPage

Truy cập vào builder chỉnh sửa LadiPage

Chọn vào mục Thêm mới- Sản phẩm - Thiết lập và chọn tài khoản liên kết nền tảng website, quản lý bán hàng mà bạn đã tích hợp ở bước 1

Third party checkout : Bật sử dụng, khách hàng chọn sản phẩm trên trang landingpage nhưng tiến hành đặt hàng thanh toán trên trang checkout của website của bạn

Third party checkout : Tắt , khách hàng chọn sản phẩm trên trang landingpage , tiến hành đặt hàng trên popup checkout của LadiPage

Product list

Phần giao diện hiển thị các sản phẩm tích hợp từ LadiSale sang LadiPage. Có 2 kiểu giao diện Carousel- Xem thêm( giao diện dạng thu ngắn lại)

Để thiết lập hiển thị các sản phẩm lên giao diện Product list, đầu tiên bạn vào mục Thuộc tính- Dữ liệu, chọn các TAG sản phẩm ( tag sản phẩm với LadiSales và Nhóm sản phẩm với các nền tảng còn lại ) muốn hiển thị trên product list

Để thiết lập nội dung trên Product list, bạn có thể thêm các phần tử Ảnh/ Gallery/ Tiêu đề/ Đoạn Văn/ Cart Button để hiển thị nội dung của sản phẩm, biến thể

Sau khi thêm nội dung vào ô trắng trong phần Product list, bạn sẽ bấm vào phần Thuộc tính của phần tử đó - Dữ liệu- chọn nội dung hiển thị tương ứng

Ảnh/ Gallery: có thể hiển thị ảnh của sản phẩm/biến thể

Đồng bộ sản phẩm LadiSales sang LadiPage, phần ảnh hiển thị ở LadiPage sẽ lấy theo ảnh của biến thể đầu tiên bên LadiSales . Nếu trong trường hợp không có biến thể, sẽ lấy theo ảnh đầu tiên của sản phẩm

Tiêu đề/ Đoạn văn : có thể thiết lập các nội dung như Tên sản phẩm,tên biến thể, giá, mô tả...

Cart Button : danh sách các biến thể của sản phẩm

Đường dẫn chi tiết

Trong mục Product List, khi thiết lập liên kết cho từng nội dung trên Product list, bạn lưu ý thêm 1 tính năng liên quan đến phần Sự kiện ( áp dụng khi tích hợp với sản phẩm từ LadiSales )

Tính năng này giúp bạn khi click vào tiêu đề, nội dung được thiết lập với sự kiện Nhấp chuột - Mở liên kết- Liên kết theo giá trị , sẽ chuyển hướng sang link ĐƯỜNG DẪN CHI TIẾT CỦA SẢN PHẨM đó bên Ladisales

Cart Button

Hiển thị danh sách của biến thể cho sản phẩm bạn tạo

Trong trường hợp Cart button được sử dụng làm 1 phần tử trong Product list, sẽ mặc định Hiển thị toàn bộ danh sách các biến thể của sản phẩm nếu có

Trong trường hợp Cart button được tạo sử dụng riêng rẽ, không nằm trong mục Product list, bạn có thể chọn xem hiển thị toàn bộ hay 1 biến thể cụ thể trong mục Cart button

Bạn vào phần Thuộc tính của Cart button, mục Dữ liệu, chọn Sản phẩm , chọn 1 biến thể cụ thể nếu muốn

Nút MUA NGAY : khách hàng bấm vào nút Mua ngay, sẽ thêm biến thể/sản phẩm bạn vừa chọn vào phần POPUP CHECKOUT ( giao diện điền thông tin đặt hàng ), popup checkout sẽ hiển thị ra

Nút CHỌN MUA: khách hàng bấm vào nút Chọn mua, sẽ thêm biến thể/sản phẩm bạn vừa chọn vào phần POPUP CART ( giao diện phần các sản phẩm trong giỏ hàng của bạn đang chọn), popup cart sẽ hiển thị ra

Thiết lập giao diện cho Cart button : bạn có thể chọn các nội dung hiển thị trên cart button,đổi tên /màu sắc của các nút bấm ...

Biến thể có 3 kiểu hiển thị : Combined, Comboxbox và Label

Label : hiển thị các nội dung của Visual Swatch lấy từ mục sản phẩm của LadiSales , chi tiết cách tạo tại đây. Trong cùng 1 thuộc tính của sản phẩm bên LadiSales, nên chọn cùng 1 kiểu hiển thị của visual swatch là text, ảnh, màu sắc, không nên thiết lập lẫn lộn các kiểu hiển thị cho cùng 1 thuộc tính, để nội dung trên form của LadiPage được đẹp nhất

Cart icon

Cart icon là phần giỏ hàng, hiển thị danh sách các sản phẩm đang được chọn trên trang của bạn

Bạn có thể thiết lập Thay biểu tượng của Cart icon, màu sắc từ phần thiết kế

Sau khi bấm vào Cart icon thì sẽ liên kết mở ra POPUP CART (nội dung này là cố định , không thay đổi được )

Phương thức vận chuyển

Phần phương thức vận chuyển giúp bạn hiển thị phần giá vận chuyển mà bạn đã thiết lập tương ứng với các tỉnh thành, quận huyện của người mua hàng

Phần phí vận chuyển hiển thị theo phần phí được thiết lập từ trong mục Cài đặt > Vận chuyển > Phí vận chuyển tại LadiSales (app.ladisales.com ( Tham khảo chi tiết tại đây )), hoặc các nền tảng Haravan, Sapo,Shopify, Wordpress của bạn, KHÔNG phải thiết lập tại LadiPage h

Phần phí vận chuyển chỉ sử dụng cho phần đăng ký thông tin trên POPUP PRODUCT, không sử dụng được cho form đăng ký và popup thông thường

Phần phí vận chuyển chỉ hiển thị khi form thông tin của bạn có đầy đủ trường Tỉnh-thành/Quận-Huyện/Xã-Phường

Checkout ( popup checkout)

Sau khi khách hàng chọn mua sản phẩm, tiến hành đặt hàng thì sẽ sử dụng phần popup checkout

Bạn vẫn thiết lập Lưu data cho phần form trên popup checkout, để dữ liệu đặt hàng sẽ về các kênh lưu trữ của bạn

Tham khảo chi tiết phần thiết lập Lưu data cho form đăng ký tại đây

Dữ liệu về trường sản phẩm chỉ đưa được về các kênh :LadiSales, Email, Google Sheet,Slack, Telegram, SMTP, API và Haravan/Sapo/Shopify/Wordpress nếu bạn đồng bộ phần sản phẩm và xuất bản trang landingpage sang các nền tảng đó .

Trong trường hợp bạn sử dụng các kênh lưu trữ khác thì sẽ không gửi về trường sản phẩm

Trong trường hợp dùng API:

+ Trường sản phẩm bên LadiPage gửi lên sẽ là cart_products, bạn thiết lập trường nhận dữ liệu tương ứng với trường đó

+Trường tổng tiền bên LadiPage gửi lên là cart_revenue, bạn thiết lập trường nhận dữ liệu tương tứng vơi trường đó

Khi khách hàng bấm vào nút chọn mua trên Cart Button hoặc icon giỏ hàng thì sẽ hiển thị đến POPUP CART.

Giao diện cho phép bạn thay đổi số lượng sản phẩm đặt hàng, xóa đi sản phẩm đã thêm vào

Bấm vào nút Đặt hàng ngay sẽ liên kết đến POPUP CHECKOUT để đặt hàng ( sự kiện này KHÔNG THAY ĐỔI được )

Khi bạn bấm vào nội dung của 1 biến thể, có thể liên kết để hiển thị POPUP PRODUCT tương ứng nội dung của biến thể đó về Ảnh/Tên sản phẩm/Biến thể/ Giá/ Giá so sánh/.... của biến thể/sản phẩm đó

Thiết kế nội dung trên POPUP PRODUCT : tương tự như phần thiết kế phần Product list, bạn sẽ thêm ảnh/gallery/tiêu đề/ Đoạn văn để làm các nội dung hiển thị trên popup

Bấm vào phần Thuộc tính của phần tử, mục Dữ liệu, chọn nội dung hiển thị tương ứng cho phần tử đó

Đi liên kết biến thể,sản phẩm đến POPUP PRODUCT

Bạn có thể đi liên kết cho ảnh, tiêu đề, đoạn văn, nút bấm đến phần popup product

Bước 1 : Kéo phần tử ảnh,tiêu đề, đoạn văn, nút bấm , vào mục Thuộc tính > Dữ liệu> thiết lập sản phẩm/biến thể theo nội dung hiển thị bạn muốn

Bước 2 : Vào mục Sự kiện, chọn liên kết đến POPUP PRODUCT mà bạn đã tạo

Lưu lại Popup cart, Popup checkout,Popup product để làm popup mẫu

Cho phép bạn tạo giao diện của Popup cart, Popup checkout,Popup product trên 1 trang rồi sau đó lưu lại, để có thể sử dụng ở những trang landingpage khác của bạn

Thao tác: tạo nội dung , giao diện các popup theo nhu cầu của bạn , rồi sau đó trên popup, có nút Lưu popup, bạn chọn Lưu để lưu lại popup vào kho POPUP của tôi , và bấm sử dụng cho những trang khác