# Giới thiệu về BePage Chào mừng bạn đến với BePage – Nền tảng thiết kế Landing Page quảng cáo bán hàng hiệu quả Zozo - Nền tảng thiết kế web bán hàng online cung cấp các giải pháp đồng bộ hỗ trợ khách hàng đẩy mạnh việc quảng bá, bán hàng online. Chỉ với "3 cú nhấp chuột" Zozo mang đến cho khách hàng một nền tảng web bán hàng chuẩn nhất, thân thiện nhất.\ \ Cho dù bạn chuẩn bị mở một website bán hàng online mới hay quan tâm đến việc sử dụng Zozo làm nền tảng thương mại điện tử, bạn có thể bắt đầu tìm hiểu thông tin về Zozo tại đây. Đầu tiên bạn hãy đăng ký dùng thử miễn phí trong 15 ngày, bước tiếp theo là hãy làm theo hướng dẫn thiết lập ban đầu để bắt đầu sử dụng Zozo web. Hướng dẫn thiết lập ban đầu rất quan trọng để các bạn cần hoàn thành trước khi bắt đầu bán hàng trên website. Các hướng dẫn trong bao gồm: * Bảng điều khiển * Đăng nhập * Đăng ký tài khoản * Tổng quan # Hướng dẫn sử dụng tài liệu \#1 Nền tảng quản lý bán hàng trực tuyến. Zozo cung đầy đủ các Giải pháp hỗ trợ chuyển đổi mô hình Kinh doanh sang trực tuyến, mở rộng kênh bán hàng, số hóa doanh nghiệp. Trong kho tài liệu này chúng tôi sẽ đưa ra hướng dẫn từ A -> Z để giúp bạn sử dụng tất cả các dịch vụ chúng tôi cung cấp. Từ hướng dẫn chi tiết các tính năng, cách sử dụng và các hướng dẫn cấu hình các tính năng trong từng sản phẩm. Dưới đây là các tips để bạn tìm thông tin trong trang tài liệu này được hiệu quả nhất: # Quản lý gói dịch vụ # Tạo dùng thử Sau khi đăng ký tài khoản, bạn sẽ được điều hướng sang trang quản lý dịch vụ, tại đây sẽ hiện 1 popup đăng ký dùng thử, bạn chị cần nhấn vào Đăng ký ngay, hệ thống sẽ tự động tạo cho bạn 1 gói dịch vụ BePage dùng thử trong vòng 30 ngày. ![](/files/-Mg0FUDZeSta8I0xSnvJ) **Lưu ý:** mỗi tài khoản chỉ được tạo 1 gói dùng thử duy nhất. Để có trải nghiệm liền mạch và sử dụng toàn bộ tính năng cao cấp của BePage, bạn chỉ cần đăng ký ngay 1 gói dịch vụ tại đây [Bảng giá](https://bepage.vn/bang-gia). # Gia hạn gói ## Thực hiện gia hạn Tại màn hình trang danh sách dịch vụ, bạn nhấn vào nút **"Gia hạn"** tại gói dịch vụ cần gia hạn. ![](/files/-Mg0A8G3ZwT3OJ4LbO6_) Tiếp đó bạn sẽ được đưa sang trang gia hạn với giao diện như sau, bạn nhấn vào **"Tiếp tục"** ![](/files/-Mg0Awz1swPQES4mWotS) Bạn sẽ được đưa sang trang **"Giỏ hàng"** và tiếp tục nhấn vào **"Tiếp tục"** để thực hiện điền thông tin và **Thanh toán** ![](/files/-Mg0CRaG22Mmy3cfpg-n) Sau khi thanh toán thành công và đã nhận được thông báo về mail là đã gia hạn thành công bạn vui lòng đăng xuất tài khoản và đăng nhập lại để cập nhật lại thông tin gói dịch vụ. # Quản lý landing page theo gói Tại trang quản lý dịch vụ, bạn chỉ cần **nhấn vào tên gói dịch vụ** hoặc **nhấn vào dấu 3 chấm** và chọn **Danh sách Landing page**. ![](/files/-Mg0I78zijZm_PiuQG4R) # Quản lý landing page # Tạo trang Sau khi đăng nhập vào tài khoản, bạn nhấn vào nút Tạo Trang để tạo một trang landing page mới ![](/files/E4IoF9r5j11JjD0K3JJk) Sau đó, bạn có thể chọn 1 trang trắng nếu như muốn tự mình thiết kế riêng, hoặc chọn những landing page mẫu có sẵn do BePage cung cấp, với nhiều ngành nghề khác nhau. Và bắt đầu chỉnh sửa hình ảnh và nội dung. ![](/files/-Mg0_UE8OxW9FQEkxPgw) # Nhân bản trang Khi muốn nhân bản một trang landing page bất kỳ, hãy chọn biểu tượng dấu ... góc phải, chọn **Nhân Bản** ![](/files/oMSY87XZcWYpe3YctFgv) Sau đó, hộp thoại nhân bản trang sẽ hiện ra. Bạn hãy thay tên Landing page mới -> Nhấn **Nhân bản.** ![](/files/-Mg0amBXjesEUVXEAgde) # Cấu hình trang Để cấu hình trang cho landing page, bạn vào biểu tượng bánh răng Thiết lập ở bên phải landing page -> chọn **SEO & Social** ![](/files/ZchyHhPCGZCJuvyYGPN3) Lúc này, cửa sổ thiết lập trang sẽ hiện ra như hình bên dưới: ![](/files/-Mi5hP03dcNP5c-f0OOG) ### Thiết lập SEO & Social **Tiêu đề trang**: Chính là phần text thông tin hiển thị khi trỏ vào tab chứa landing page của bạn ![](/files/-Mi5iS7PVSDgZRxpm2f3) **Mô tả trang**: Đây là phần text mô tả trang landing page của bạn, hiện lên khi bạn chia sẻ link landing page trên các nền tảng khác: facebook, telegram, zalo.... ![](/files/-Mi5j2144v3nFPnxZvN_) **Từ khóa về trang:** Bạn điền từ khóa về lĩnh vực của bạn nhé. Ví dụ: landing page của bạn bán về Áo Thun Nam, bạn hãy điền từ khóa : Áo Thun Nam nhé! **Hình ảnh khi chia sẻ**: Là hình ảnh hiển thị cho landing page của bạn khi chia sẻ trên các nền tảng: facebook, zalo, telegram.... ![](/files/-Mi5jmg86haOTwEjU6WF) **Hình ảnh favicon:** Là hình ảnh thu nhỏ (có thể là logo của công ty bạn) hiển thị trên tab landing page của bạn. ![](/files/-Mi5kFsuYtclCTnTtEhR) ### Mã chuyển đổi Đây là nơi bạn gắn mã pixel Facebook, Mã theo dõi google, google analytics, google tag manager để phục vụ việc theo dõi hành vi khác hàng trên trang landing page của bạn. ![](/files/-Mi5kTowMUuWbNIpdSSw) # Xóa trang Để xóa trang landing page, bạn chỉ cần click vào biểu tượng ...góc bên phải. Sau đó nhấn **Xóa.** ![](/files/QZpVi01HontvZxD9KOOm) # Sao lưu (Backup) Để sao lưu Landing page, nhằm lưu giữ và khôi phục lại dữ liệu thiết kế Landing page, bạn thực hiện các bước sau: * Nhấn vào biểu tượng ...góc bên phải tại Landing page cần sao lưu. Sau đó nhấn **Backup** ![](/files/CCKIAn6caTD4uVpb0kjU) Bạn sẽ được đưa sang trang **Sao lưu dữ liệu** của trang Landing Page ![](/files/7NesqhVq7H0KnJQW7scQ) Tại đây bạn nhấn **Lưu** để tạo bản sao lưu, tối đa 5 sao lưu / 1 Landing Page Hoặc nhấn vào **Khôi phục** tại thời điểm tạo sao lưu trước đó ![](/files/lTYwdzobS1WqYMi1Z12h) # Xuất bản landing page # Trỏ tên miền ## **Trỏ tên miền chính** Vào phần quản trị tên miền ở nơi bạn mua tên miền và cấu hình **2** bản ghi sau để điều hướng tên miền đó về địa chỉ của BePage: **Host record: www**\ **Type (Loại): CNAME**\ **Value (Giá trị):** [**dns.bepage.net**](https://dns.bepage.net) **Host record: @**\ **Type (Loại): A**\ **Value (Giá trị): 103.57.221.50** ## **Trỏ tên miền phụ** Giả sử tên miền chính của bạn là tenmiencuaban.com, và bạn muốn tạo một tên miền phụ là [khuyenmai.tenmiencuaban.com](http://sanphama.tenmiencuaban.com/) thì:\ Chọn tên miền chính bạn muốn cài đặt, sau đó tạo một bản ghi mới và điền các giá trị như sau:\ **Host record: khuyenmai**\ **Type (Loại): CNAME**\ **Value (Giá trị):** [**dns.bepage.net**](https://dns.bepage.net) # Tạo và xác thực tên miền tại BePage Sau khi thực hiện [trỏ tên miền về BePage](https://help.zozo.vn/bepage/xuat-ban/tro-ten-mien), bạn truy cập tab[ Tên miền](https://app.bepage.vn/websites/domain) để thực hiện kết nối tên miền vào tài khoản của bạn. Tại đây bạn có thể thực hiện [**Mua tên miền mới**](https://inet.vn/dang-ky-ten-mien) hoặc **Sử dụng tên miền có sẵn.** ![](/files/-Mg0LVIYgtbD_1GOw-PY) Sau khi mua tên miền và đã [trỏ tên miền về BePage](https://help.zozo.vn/bepage/xuat-ban/tro-ten-mien) thành công hoặc sử dụng tên miền có sẵn, bạn nhấn vào **Sử dụng tên miền có sẵn** và nhập tên miền, sau đó nhấn **Tiếp tục.** ![](/files/-Mg0M7GS1C_rB1UnIt_8) Tiếp tục nhấn **Hoàn thành** ![](/files/-Mg0MP2nTRis00yfTEK6) Sau đây là màn hình quản lý tên miền sau khi đã cấu hình thành công. ![Hiển thị khi tên miền đã xác thực](/files/-Mg0NAoDPaOdBgA5GSGM) ![Hiển thị khi tên miền chưa được xác thực](/files/-Mg0McHJ14uVKAKmq2H-) **Lưu ý:** Mỗi tên miền (hoặc tên miền phụ) chỉ được liên kết với 1 tài khoản duy nhất. # Xuất bản Landing Page với tên miền riêng Sau khi cập nhật và xuất bản thành công, bạn chọn **Dùng tên miền riêng**, tiếp theo bạn chọn tên miền muốn xuất bản (điền thêm đường dẫn của trang nếu cần), cuối cùng bạn chỉ cần nhấn **Xuất bản lại**. ![](/files/-Mg0OpI9D28WrnaZBQOa) **Lưu ý:** chỉ có thể xuất bản thành công với các tên miền đã thực hiện xác thực kết nối với BePage, vui lòng xem [hướng dẫn tạo và xác thực tên miền tại đây.](https://help.zozo.vn/bepage/xuat-ban/tao-va-xac-thuc-ten-mien-tai-bepage) # Lưu trữ dữ liệu # Kết nối Lưu trữ về email Đầu tiên bạn lựa chọn vào tab **Kết nối** và nhấn vào nút **Thêm tài khoản liên kết**. Sau đó lựa chọn loại tài khoản là **Email** và điền các thông tin yêu cầu để cấu hình lưu trữ. ![Màn hình thêm tài khoản kết nối loại Email](/files/-Mg1ZLRwNBsyIQTfO7Fy) Bạn cần phải điền đầy đủ các mục thông tin sau: * **Tên gợi ý:** tên để phân biệt giữa các tài khoản liên kết. * **Tiêu đề mail:** tên tiêu đề mail bạn sẽ nhận được khi khách hàng gửi thông tin từ trang landing page. * **Email nhận thông tin:** email nhận thông tin của khách hàng gửi về khi khách hàng gửi thông tin từ trang landing page. Cuối cùng nhấn **Tiếp tục** để lưu cấu hình. # Kết nối Lưu trữ về API Đầu tiên bạn lựa chọn vào tab **Kết nối** và nhấn vào nút **Thêm tài khoản liên kết**. Sau đó lựa chọn loại tài khoản là **API** và điền các thông tin yêu cầu để cấu hình lưu trữ. ![Màn hình thêm tài khoản kết nối loại API](/files/-Mg1_Zh-Uhrxkwp-UheZ) Bạn cần phải điền đầy đủ các mục thông tin sau: * **Tên gợi ý:** tên để phân biệt giữa các tài khoản liên kết. * **API URL:** đường dẫn url nhận dữ liệu. * **API Content Type:** loại dữ liệu gửi lên API URL. * **API Request Header:** một giải pháp đi kèm với dữ liệu gửi kèm đến API URL để có thể nhận dạng nguồn dữ liệu. Cuối cùng nhấn **Tiếp tục** để lưu cấu hình. # Kết nối lưu trữ về Google sheet Đầu tiên bạn lựa chọn vào tab **Kết nối** và nhấn vào nút **Thêm tài khoản liên kết**. Sau đó lựa chọn loại tài khoản là **Google sheet** và điền các thông tin yêu cầu để cấu hình lưu trữ. ![Màn hình thêm tài khoản kết nối loại Google sheet](/files/-Mg1bEeo-YJEgoSSgt5Z) Bạn cần phải điền đầy đủ các mục thông tin sau: * **Tên gợi ý:** tên để phân biệt giữa các tài khoản liên kết. Tiếp theo, bạn nhấn vào **Đăng nhập bằng Google** để kết nối tài khoản google của bạn. Một cửa sổ sẽ hiện ra, tại đây bạn **đăng nhập tài khoản google** và **chọn tài khoản** để thực hiện liên kết với BePage. ![](/files/-Mg1dHHzFPvk1CHu5Au5) Tiếp theo tích vào tất cả các quyền truy cập để BePage có thể hỗ trợ bạn lưu trữ dữ liệu trên Google sheet ![](/files/-Mg1e6s-QW5av29awK0B) Màn hình hiển thị như sau là bạn đã liên kết thành công, tiếp theo bạn nhấn vào **dấu 3 chấm** và chọn vào **Danh sách** để thực hiện tạo sheet lưu trữ trên **Google sheet** ![](/files/-Mg1ene8sKOncJTHfcfP) Nhấn **Tạo mới** và điền tên sheet để nhận dạng, trong ví dụ này sẽ là **Lưu trữ 01/08** và nhấn **Tiếp tục**. ![](/files/-Mg1fzqg5O5_5D2RzDOZ) Đây là màn hình hiển thị sau khi tạo sheet thành công, bạn nhấn **Chọn.** ![](/files/-Mg1h3VIB2P7crU3ljaa) ![](/files/-Mg1hNXyngQavKMUucdx) Cuối cùng nhấn **Tiếp tục** để lưu cấu hình. # Lưu trữ data form Sau khi thực hiện kết nối lưu trữ thành công đến kênh lưu trữ mà bạn muốn, quay lại trang builder và chọn vào form muốn cấu hình lưu trữ. **Bước 1:** Nhấn vào form và chọn **LƯU DATA** ![](/files/-Mg3oERE-PLk7QV2dqX7) **Bước 2:** **Chọn cấu hình lưu trữ** mong muốn và nhấn **Cập nhật** ![](/files/-Mg3oa0B-PYRiV7MUNY3) **Bước 3:** Tiến hành lưu trang và **Xuất bản lại** để cập nhật trang. # Các phần tử cơ bản # Liên kết Tính năng liên kết cho phép tạo các liên kết trong landing page của bạn. Để tạo liên kết, bạn hãy thực hiện theo các bước sau: #### Bước 1: **Thêm mới** -> **Liên kết** ![](/files/9IPzqgnxhxW8NE4K1AGy) #### Bước 2: Click đúp vào để thay đổi nội dung text và kích thước text ![](/files/mCj5YR8atzbMmwHQ7nOt) #### Bước 3: Chèn link vào text Bạn chọn Thiết lập nâng cao ![](/files/r3GAlFXZdiJcBTIcKlgs) * Link: Nơi điền link trang đích vào * Target: chọn mở tại cửa sổ hiện tại hoặc mở link ở cửa sổ mới * Nofollow: Bật notfollow nếu bạn chắc chắn về website mà link này trỏ về/ Tắt Notfolow nếu bạn chắc chắn về website mà link này trỏ về # Khối hình ảnh (slide) Khối hình ảnh cho phép bạn tạo nhanh các hình ảnh chạy dưới dạng slide trong landing page Để tạo khối hình ảnh (slide) bạn chỉ cần thao tác theo các bước sau: Bước 1: **Thêm mới** -> **Section hình ảnh** ![](/files/vcoXGo5DXg49Kp8AFdgI) Bước 2: Khối hình ảnh hiện ra -> Chọn: **Thêm ảnh** -> Chọn các hình ảnh muốn đưa vào khối hình ảnh (lưu ý: nhấn giữ ctrl và chọn các ảnh, hình nào muốn hiển thị trước thì tích chọn trước) -> nhấn: **Sử dụng** ![](/files/FuDN9uhuvPYUzS4kVEij) Bước 3: Tùy chỉnh khối hình ảnh ( slide) theo mong muốn Sau khi đã chọn được các hình ảnh bạn có thể tùy chỉnh cho khối hình ảnh với các thông số: * Tự động chạy * Thời gian chạy * Kiểu hiển thị * Hiển thị ảnh thumbs( các ảnh chú thích) * Vị trí thumbs * Chiều rộng và chiều cao của thumbs ![](/files/WZlFDpU37HrK6Lv5qdyV) Để hiểu rõ từng tùy chọn sẽ hiển thị khối hình ảnh như thế nào hãy thực hành ngay nhé! # Nhúng video vào landing page Người dùng thường nhúng video vào để Người dùng thường nhúng video vào để giới thiệu công ty, sản phẩm hoặc dịch vụ mình đang kinh doanh. Giúp cho khách hàng có cái nhìn toàn diện hơn và tăng sự tin tưởng hơn. Để nhúng video vào landing page rất đơn giản, bạn chỉ cần làm theo các bước sau: Bước 1: Chọn **Thêm mới** -> **Video** ![](/files/FNEUUMgNfvTIuXujtYdN) Bước 2: Khung video hiện ra, bạn bấm Thiết lập nâng cao -> Paste link youtube video bạn muốn chèn vào landing page Bạn có thể tùy chọn thêm cho video: * Tự động chạy: Khi kéo đến khu vực có video, video sẽ tự động chạy * Lặp lại: Khi phát hết video, video sẽ tự động phát lặp lại thêm * Tắt tiếng: Tắt hoàn toàn tiếng của Video ![](/files/EIL0eR0IeF89Imnvs45g) Sau đó, bạn có thể kéo co giãn kích thước để video có kích thước phù hợp với landing page của bạn. Cuối cùng là Lưu -> Xuất bản là xong! Chúc bạn thành công! # Bản đồ Để chèn bản đồ vào Landing page, bạn hãy thực hiện các bước sau: **Bước 1:** Truy cập vào Google Map, Search địa chỉ công ty/shop **Bước 2:** Nhấn vào nút chia sẻ -> Nhúng bản đồ -> Sao chép mã HTML ![](/files/IKMurWsYqOPd7xBNg7yx) ![](/files/XIo8FPZH9ekuCdVAU1F1) **Bước 3:** Vào chỉnh sửa trang landing page thêm mới -> Mã HTML -> Thiết lập nâng cao -> Paste mã HTML bản đồ bạn vừa sao chép vào ![](/files/USbbfVjg0CidNbg0YRFD) **Bước 4:** Điều chỉnh kích thước bản đồ Bạn thay đổi phần width (chiều rộng) và height( chiều cao) trong mã HTML theo kích thước mình mong muốn nhé! Kết quả sẽ ra như hình dưới đây: ![](/files/n41WzhOg9Ylz7DlGwom1) # Popup Thông báo bằng PopUp gây được rất nhiều sự chú ý của những người truy cập trang web vì chúng hiển thị đè lên toàn bộ nội dung của trang web. Muốn xem được nội dung của trang web người sử dụng phải tiế ### Cách tạo popup Để tạo popup mới, bạn chọn: Biểu tượng Popup -> Thêm mới -> chọn Sử dụng popup trắng để thiết kế 1 popup mới ![](/files/aCccUvqYXqO7IiJ6iCPw) Bạn sẽ có 2 lựa chọn: * Tạo Popup trắng: Tạo popup mới * Popup của tôi: Sử dụng lại các popup bạn đã lưu lại từ trước đó ![](/files/2KJqa9Zay05tptTynvEA) Khi tạo popup trắng, bạn có thể thêm các Phần tử tùy chọn bên trái: Tiêu đề, hình ảnh, shape, form đăng ký....để tạo thành 1 popup như ý ! ### Tên Popup Để xem tên popup của bạn, hãy click vào nút Thiết lập nâng cao. Tên của popup sẽ hiển thị trong phần này. ![](/files/-Mi5egCh0HESmBln6POy) ### Tùy chỉnh thời gian xuất hiện popup Bạn có thể tùy chỉnh thời gian xuất hiện popup trên trang: Hiển thị ngay khi vào trang hoặc sau bao nhiêu giây bằng cách thay đổi thông số ở phần "cửa sổ" ![](/files/-Mi5f8K5GU1Qi6uW0eTH) Ngoài ra, bạn có thể chỉnh sửa nền , bo góc, đổ bóng....popup như các phần tử khác bằng cách thay đổi thông số các mục tương ứng trong phần **Thiết lập nâng cao** ![](/files/-Mi5fgp9BDONH7p2QAZb) # Form Form là nơi để thu thập thông tin khách hàng. Khách hàng sẽ điền vào form để gửi thông tin mua hàng về shop. Thông tin thu thập sẽ được gửi về bạn theo hình thức google sheet/email/API tùy vào cài đặt ## Tạo mới form Để tạo mới 1 form bất kỳ, bạn sẽ vào **Thêm mới** -> **Form** ![](/files/dPR3e0LNWEuwrT532p70) ## Tùy chỉnh thông tin form Tùy vào các thông tin mua hàng, bạn có thể điều chỉnh các tùy chọn data bằng cách **thêm trường/ xóa trường** ### **Thêm trường:** Chọn form -> Nhấn **Thêm Trường** ![](/files/B1Hx4jOxL2mp9VriPOPV) Tại đây, bạn có thể chọn loại trường data bạn muốn thêm và tùy chọn **Bắt buộc nhập** hay **không bắt buộc nhập** ![](/files/KOFUydn2bnYxuQ9o1wiX) ### Xóa trường Chọn trường đó -> nhấn **xóa** ![](/files/oe5TF9GLE7hFovLaNnEo) ### Lưu data khách hàng Để lưu data khách hàng, chọn form và nhấn **Lưu data** ![](/files/mr1heCV7Czm3D4LJJJi5) Tại đây, bảng **Cấu hình Form** xuất hiện ![](/files/SVT2UzcSsgafATJnKvW8) 1. **Trang cảm ơn**: Bạn có thể chọn popup mặc định hoặc trang cảm ơn khác * Poup mặc định: Sau khi khách hàng điền thông tin mua hàng xong, sẽ hiển thị lên Lời nhắn của bạn với khách hàng. Nó có thể là: Cảm ơn bạn đã đăng ký, chúng tôi đã nhận được yêu cầu của bạn, chúng tôi sẽ liên hệ lại với bạn ngay! * Trang cảm ơn khác: Sau khi khách hàng điền thông tin mua hàng xong sẽ được điều hướng đến 1 trang cảm ơn mà bạn thiết kế riêng. Có thể là website hoặc cũng chính là 1 trang landing page ngắn gọn, bắt mắt. 2**. Cấu hình lưu trữ Form** Bạn sẽ chọn danh sách bạn đã cài đặt trước trong phần [Lưu trữ dữ liệu](https://help.bepage.vn/bepage/luu-tru-du-lieu) để quyết định data từ form này sẽ lưu ở đâu. **3. Mã chuyển đổi Facebook / Google Analytics** Khi khách hàng điền form đăng ký, bạn sẽ tự định nghĩa hành động đó có nghĩa là **Hoàn thành đăng ký (Complete Registration),** hay là **Mua hàng (Purchase),** hay là **Lead,** tùy thuộc vào tính chất nội dung của form và mục đích tối ưu quảng cáo của bạn. 4\. **Mã chuyển đổi Google Ads** Bạn hãy điều mã chuyển đổi Google Ads của mình vào đây để theo dõi số lượng lu ## # Section Section là một đoạn nội dung trên Landing Page. Mỗi đoạn nội dung có một ý nghĩa riêng và kết hợp với nhau thành một chuỗi nội dung có tính thuyết phục cao ## Thêm mới section Để thêm khối mới, chọn Biểu tượng "**Section**" bên trái landing page. ## Di chuyển section lên trên - xuống dưới Để chi chuyển section lên trên hoặc xuống dưới, chọn ![](/files/-Mg-tTnE1oPEZURf6tM4) ![](/files/-Mg-tXF_GPeQ_A_S6xLq) ## Lưu section Lưu section mà bạn thích ở thanh công cụ của section. Sau đó nhập tên cho section và bấm Lưu ![](/files/-Mg-tlrhxB5QBgHW6xuS) ## Xóa section Xóa section sẽ xóa toàn bộ nội dung và thiết kế của section đó. Bạn có thể Ctrl+Z để hoàn tác lại thao tác đó nếu bấm nhầm. ![](/files/-Mg-txZp_UP7v0xq64T3) ### Ẩn/hiện section Đôi khi bạn cần ẩn/hiện section ở 2 phiên bản destop/ mobile. Để ẩn/hiện section bạn thao tác như sau: Click vào section -> Nhấn ẩn/hiện section ![](/files/QZfV5YEZYjh76ENJOKgQ) # Bảng Tính năng này cho phép bạn tạo 1 bảng thông tin trên landing page một cách nhanh chóng, dễ dàng Bước 1: Chọn **Thêm mới** -> **Bảng** ![](/files/UgxO9G8FW5KdHxyHypjw) Bước 2: Điền các số lượng cột dọc, hàng ngay muốn tạo ![](/files/-Mg-uT2ZoouXvyyzpNZ-) Bước 3: Click vào text để thay đổi nội dung bảng {% embed url="" %} # Shape Để thêm mới Shape, chọn **Thêm mới** -> **Shape** ![](/files/62GSKQxe6Mffc9YD5drJ) Tìm kiếm các shape phù hợp trên các phần **Pattern/Background/Icon/Arrow** hoặc bạn có thể **gõ trực tiếp cụm từ** khóa cần tìm vào ô trống và nhấn **tìm kiếm** ![](/files/3NTG7LGn5IyHJnsOmtTe) # Tiêu đề và đoạn văn Hướng dẫn thao tác về tiêu đề và đoạn văn ## Tiêu đề Phần tử **Tiêu đề** cho phép bạn chèn tiêu đề cho đoạn văn trong Landing Page. Để chèn Tiêu đề bạn có thể làm theo các bước sau đây: 1. Chọn **Thêm mới** và chọn phần **Tiêu đề** 2. Click đúp chuột để bôi đen và thay đổi tiêu đề 3. Chọn tiêu đề -> Sử dụng thanh công cụ nhanh để: Sao chép, nhân bản, xóa và Thiếp lập nâng cao 4. Để thay đổi Kích thước, màu sắc, viền bo viền, đổ bóng....Chọn Tiêu đề -> **Thiết lập nâng cao** và điều chỉnh các thông số theo mong muốn ![](/files/-Mg-wSiR0teUqs-sr1r3) ## Đoạn văn bản Phần tử Đoạn văn cho phép bạn chèn một đoạn văn bản vào Landing Page. Để chèn Đoạn văn bạn có thể làm theo các bước sau đây:\ 1\. Thêm mới -> Đoạn văn 2\. Click đúp chuột đê bôi đen và thay đổi nội dung đoạn văn 3\. Chọn đoạn văn -> Sử dụng thanh công cụ nhanh để: Sao chép, nhân bản, xóa và **Thiếp lập nâng cao** ![](/files/wsriZ1r3Q5jRhlagJC7U) # Danh sách Hướng dẫn các thao tác về danh sách Thêm danh sách mới: Chọn **Thêm mới** -> **Danh sách.** Bôi đen danh sách để thay đổi nội dung Chọn danh sách -> **Thiết lập nâng cao** để thay đổi: màu sắc, cỡ chữ, viền, đổ bóng.... ![](/files/lSosnyytifugMOu7wp3B) # Hình hộp Hướng dẫn các thao tác về hình hộp Phần tử Hình hộp cho phép bạn thêm hình hộp vào Landing Page. Để chèn Hình hộp vào Landing Page bạn có thể làm theo các bước sau đây: Bước 1: Chọn **Thêm mới** -> **Hình hộp** Bước 2: Kéo thả tự do + thay đổi kích thước hình hộp Bước 3: Click vào hình hộp, chọn Thay đổi tùy chỉnh để thay đổi nâng cao ( màu sắc, bo viền, đổ bóng...) ![](/files/TQhHq0UZhGu0uR9eHivo) ## Thiết lập nâng cao cho hình hộp {% embed url="" %} # Nút bấm Hướng dẫn các thao tác về nút bấm ## Thêm mới nút bấm và thay text Để thêm nút bấm, bạn hãy chọn: **Thêm mới** -> **Nút Bấm** Click đúp chuột vào text để thay đổi text nút bấm ![](/files/go5xiDkn2m4CQ8kObtPU) ## Thay đổi kích thước và màu sắc {% embed url="" %} ## Đổ bóng nút bấm {% embed url="" %} ## Viền nút bấm và nhân bản nút bấm {% embed url="" %} # Hình ảnh Các thao tác về hình ảnh ## Thêm ảnh Vào **Thêm Mới** -> **Hình ảnh**. ![](/files/46GR1a9KRsr7EZHIQ5zf) Giao diện hiện ra khung như hình bên dưới. Nhấn nút **Thay ảnh** để chọn hình ảnh muốn tải lên. ![](/files/-Mg-oXXkHfMFiOTQHsxZ) ## Điều chỉnh kích thước ảnh: Chọn **Thiết lập nâng cao** ![](/files/-Mg-oiGv2Bq5AH_wndRc) Ở bảng Kiểu hiển thị: \- Chọn **Default**: Ảnh trở về kích thước mặc định của ảnh \- Chọn **Cover:** Cắt ảnh theo kích thước tùy chỉnh của khung hình \- Chọn **Fill:** Co giãn chiều rộng/ngang của ảnh vừa với khung hình \- Chọn **Unset:** Trở về mặc định thích thước khung hình ![](/files/-Mg-otxu2BirdCYMb-Is) ## Bo góc ảnh Ảnh sau khi Thêm mới có thể **bo góc** để mềm mại hơn: {% embed url="" %} ## Đổ bóng cho ảnh Để bức ảnh có chiều sâu hơn, bạn có thể thao tác đổ bóng cho ảnh. {% embed url="" %} {% content-ref url="/pages/-Mfxv8SM0TUe5uS71xn3" %} [Hình ảnh](/bepage/cac-phan-tu-co-ban/hinh-anh) {% endcontent-ref %} # Mã HTML Thêm mã HTML vào trang Vào **Thêm mới** -> **Mã HTML** ![](/files/zPqwnxNgjDwMsCMRJoAA) Giao diện sẽ thêm 1 khung như sau vào trang builder ![](/files/TcwaorESatbOQyBm6q0o) Tại phần thiết lập tương tự như các phần tử trong trang, bạn sẽ có thêm 1 ô để nhập Mã HTML, bạn có thể nhập mã HTML tuỳ chỉnh của riêng bạn hoặc các mã: Google Map,.... vào trong trang và có thể điều chỉnh lại kích thước cho phù hợp với vị trí bạn cần hiển thị Mã HTML này trên trang. # Iframe Thêm Iframe Vào Thêm mới -> Iframe ![](/files/Uwq9Xr5JEI0iF7l8i6Oa) Giao diện sẽ thêm 1 khung như sao vào trang builder ![](/files/mY66dHUSobggYogcrmfX) Tại phần thiết lập tương tự như các phần tử trong trang, bạn sẽ có thêm 1 ô để nhập 1 đường dẫn mà bạn muốn chèn vào trang đã thiết kế sẵn vào trang Landing Page, bạn có thể điều chỉnh lại kích thước cho phù hợp với vị trí bạn cần hiển thị Iframe này trên trang tương tự như các phần tử khác. # Notify Notify là ứng dụng hỗ trợ tạo các thông báo theo nội dung được cấu hình sẵn nhằm tạo ra các lượt tương tác ảo trên trang Landing Page của bạn, giúp tăng sống động trên trang Landing Page ## Thêm Notify Vào Thêm mới -> Notify ![](/files/PIcCwj6hMNqqwdHaFTlz) ## Cấu hình Notify Chọn vào Notify cần cấu hình, tại đây bạn cần nhập Google Sheet ID **Google Sheet ID** là ID của file sheet trên trang [https://docs.google.com/spreadsheets](https://docs.google.com/spreadsheets/u/0/) ![](/files/uUICIDicPjI3DUPbk0hO) Bạn chỉ cần cập nhật nội dung file sheet theo mẫu sau: [File sheet mẫu](https://docs.google.com/spreadsheets/d/19A52YZV34knfcZw2dwzu9JLAn8NGa64wdep9PREUHi4/edit?usp=sharing) Hệ thống sẽ tự động nhận các trường dữ liệu và đưa vào Notify. **Lưu ý**: Không được thay đổi các trường tiêu đề: Title, Content, Time, Image Giải thích các trường dữ liệu: * Title: tiêu đề của thông báo hoặc nội dung khác tuỳ theo nhu cầu * Content: nội dung của thông báo hoặc nội dung khác tuỳ theo nhu cầu * Time: nội dung thời gian của thông báo hoặc nội dung khác tuỳ theo nhu cầu * Image (tuỳ chỉnh): Nếu các trường này có dữ liệu, hình ảnh sẽ được thay thế vào hình ảnh mặc định của hệ thống ![](/files/VVRssC2a03Ij7awWi9rT) # Thiết kế cho phần tử # Ghim phần tử Ghim phần tử nhằm mục đích luôn giữ hiển thị cho một phần tử hoặc một nhóm phần tử nào đó. Ghim phần tử thường được sử dụng với các nút **Call To Action.** Bạn có thể tạo hiệu ứng ghim cho 1 phần tử hoặc 1 nhóm các phần tử. Bằng cách: * Chọn phần tử cần cấu hình, Click vào biểu tượng **Thiết lập nâng cao**, trong popup mở ra chọn tab **NÂNG CAO** ![](/files/-MlXvPpoqaqhOfdH8gyz) * Tại mục **GHIM PHẦN TỬ,** lựa chọn **CÓ,** tại đây chúng ta điền các thông số về **Vị trí** (vị trí luôn hiển thị phần tử), các thông số về **khoảng cách** (ví dụ: cách lề trái và cách lề dưới) ![](/files/-MlXv_UCavNOVyFJvFl2) Chúc các bạn thành công. # Tạo nhóm phần tử Khi có nhiều phần tử, bạn có thể **tạo nhóm gộp chúng lại** để tiện di chuyển hoặc nhân bản. {% embed url="" %} # Hiệu ứng cho phần tử Bạn có thể tạo hiệu ứng chuyển động cho 1 phần tử hoặc 1 nhóm các phần tử. Bằng cách: * Click vào biểu tượng **Thiết lập nâng cao** * Bảng hiệu ứng hiện ra. Bạn hãy chọn **hiệu ứng** mong muốn + thời gian chờ + thời gian chạy và có lặp lại hiệu ứng này hay không. ![](/files/-Mg0jwAAqAE3wxLI_eUI) Khi bạn chọn hiệu ứng bất kỳ, phần tử hoặc nhóm phần tử sẽ **chạy trước** để bạn có thể quan sát và lựa chọn được hiệu ứng phù hợp nhất! Ngoài ra, bạn có thể chọn hiệu ứng và nhấn mũi tên lên xuống ở bàn phím để trải nghiệm lần lượt từng hiệu ứng một. # Sự kiện cho phần tử # Sự kiện mở cuộc gọi Sự kiện mở email cho phép khi click vào một nút hoặc phần tử nào đó ( hình ảnh/đoạn văn...) thì lập tức sẽ mở cuộc gọi đến số điện thoại bạn đã cài đặt trước (áp dụng cho thiết bị di động). Để thực hiện cài đặt sự kiện mở cuộc gọi, các bạn có thể làm như sau Bước 1: Chọn phần tử cần cấu hình, Click vào biểu tượng **Thiết lập nâng cao**, trong popup mở ra chọn tab **SỰ KIỆN** ![](/files/-MlXygyZmq25JUlElOWF) Bước 2: Tại tab **SỰ KIỆN** chúng ta chọn mục sự kiện **Mở cuộc gọi** và nhập số điện thoại cần gọi đến. ![](/files/-MlXzG7gHlM4aADvglxE) # Sự kiện mở emal Sự kiện mở email cho phép khi click vào một nút hoặc phần tử nào đó ( hình ảnh/đoạn văn...) thì lập tức sẽ mở email bạn đã cài đặt trước. ![](/files/-Mg0ltwq2h1F22bZPwhc) ![](/files/-Mg0lyBaz7P-Iku4D0hE) # Sự kiện mở popup Sự kiện mở popup cho phép khi click vào một nút hoặc phần tử nào đó ( hình ảnh/đoạn văn...) thì lập tức sẽ mở popup bạn đã cài đặt trước. Để cài đặt sự kiện, chúng ta làm như sau:\ Bước 1: Chọn phần tử cần cấu hình, chọn **Thiết lập nâng cao,** tại bảng cài đặt, chọn tab **SỰ KIỆN** ![](/files/-MlYDYyXs5zsv_erL-n3) Bước 2: Tại mục **Sự kiện** chọn **Mở popup** và chọn popup đã tạo từ trước. ![](/files/-MlYEIaLY6b04TLHivRo) # Sự kiện chuyển section Sự kiện mở email cho phép khi click vào một nút hoặc phần tử nào đó ( hình ảnh/đoạn văn...) thì lập tức sẽ nhảy về một section nào đó bạn đã cài đặt sẵn. Ví dụ: khi click vào nút Xem bảng giá -> ngay lập tức màn hình sẽ nhảy đến section Bảng giá mà bạn đã cài đặt trước. Để cài đặt **sự kiện chuyển seciton**: Bước 1: Click chọn nút/phần tử muốn cài đặt sự kiện Bước 2: Chọn mục **Sự kiện** -> Chọn **chuyển khối** -> chọn section bạn muốn áp dụng sự kiện chuyển section ![](/files/-Mg0n1Vj9NLZYv_TQca1) # Sự kiện mở liên kết Sự kiện mở liên kết cho phép khi click vào một nút hoặc phần tử nào đó ( hình ảnh/đoạn văn...) thì lập tức sẽ mở ra đường link của liên kết bạn đã cài đặt sẵn. Một trang web chẳng hạn. Để cài đặt **sự kiện mở liên kết:** Bước 1: Click chọn nút/phần tử muốn cài đặt sự kiện Bước 2: Chọn mục **Sự kiện** -> Chọn **mở liên kết** -> điền vào đường link bạn muốn áp dụng sự kiện mở liên kết Bước 3: Lựa chọn hành động mở ở **cửa sổ hiện tại**: load ngay liên kết/ hoặc **cửa sổ mới** ( mở ra tab mới) ![](/files/-Mg0nirIERQFbMG4uY2h) # Thiết lập trang landing page # Cài đặt mô tả trang # Mã theo dõi và chuyển đổi # Hướng dẫn cài đặt mã Google Ads Tính năng Theo dõi lượt chuyển đổi có thể giúp bạn biết mức độ hiệu quả của lượt nhấp vào quảng cáo trong việc thúc đẩy khách hàng thực hiện hành động trên trang web của bạn, chẳng hạn như mua hàng. Về cơ bản các bước cài đặt sẽ là: Lấy mã Google Ads -> Tạo hành động chuyển đổi trên Google Ads -> Gắn ID và nhãn chuyển đổi vào sự kiện ### Lấy mã Google Ads và gắn vào trang landing page Truy cập tài khoản Google Ads và làm theo các bước dưới đây để lấy Google Ads ID Vào mục "Công cụ và cài đặt", chọn "Trình quản lý đối tượng" ![](/files/voS3uNK339HbkT4SDk2n) Vào mục "Nguồn đối tượng" ![](/files/BcLQOzXpmQiUGrcy1eoC) Xem "Chi tiết" ![](/files/ToJUSQkb9ZkczK0JSWHj) Chọn "Thiết lập thẻ" và "Tự cài đặt thẻ" ![](/files/DV0Nkfj3t8pDnDWIeNMY) ![](/files/ecslx86V1SmcFc4daF5t) Sau đó bạn sao chép đoạn mã này -> Truy cập vào landing page -> **Thiết lập** -> **SEO & social** -> **Mã chuyển đổi** -> Paste mã vào ô **Google Ads ID** ![](/files/40Hd86Q9bbfCzSJvvVvc) Như vậy là bạn đã hoàn thành việc lấy mã Google Ads gắn vào trang landing page rồi đấy! ### Tạo hành động chuyển đổi trên Google Ads Nếu bạn đang cần theo dõi hành động hoàn tất form đăng ký hoặc hành động nhấp chuột vào một nút nào đó trên trang, thì trước tiên bạn cần Thiết lập Hành động chuyển đổi đó trên Google Ads trước. Các bước thực hiện như sau: Truy cập vào tài khoản của bạn -> **Công cụ và cài đặt** -> **Lượt chuyển đổi** ![](/files/nMrKAxCYinXm4ppwcque) Nhấn vào biểu tượng dấu + để tạo hành động chuyển đổi mới ![](/files/QCXrJMzCgtt5LY3zK2wc) ![](/files/xWa6Y8kkWi8XvYksxtBR) ![](/files/LulERj61Zca1mVbrNoPE) ![](/files/PexF6zPUYw3InxhWUcoj) ![](/files/uUSOdmAmst46cLISyPsc) ![](/files/dcpobVwB7XdtSD6ACFfP) ### Gắn ID và nhãn chuyển đổi vào sự kiện trên landing page **Theo dõi sự kiện hoàn tất form đăng ký:** Để theo dõi sự kiện hoàn tất form đăng ký, bạn vào phần **Lưu data** của form, sau đó trong mục mã sự kiện chuyển đổi, nhập **ID chuyển đổi** và **Nhãn chuyển đổi** đã lấy ở bước trên và điền vào 2 ô tương ứng ở mục **Mã chuyển đổi Google Ads**: ![](/files/3V0WK0oB7HW6tRMr3hJ3) ![](/files/SyTlWIdRMdlbWIIvH1fJ) **Theo dõi sự kiện nút bấm** chọn nút bấm muốn theo dõi chuyển đổi -> Thiết lập nâng cao -> Sự Kiện -> Điền ID và nhãn chuyển đổi google vào đây ![](/files/039EH5JljqOeZMBz3gNE) Chúc các bạn thành công! # Hướng dẫn chèn Facebook Pixel Việc chèn Facebook Pixel vào landing page để chúng ta có thể theo dõi các hành vi và chuyển đổi của khách hàng trên trang landing page của bạn. Việc này giúp ích bạn trong việc target khách hàng tiềm Để chèn mã Pixel Facebook thì gồm 3 bước: 1. Lấy mã Pixel Facebook từ tài khoản quảng cáo 2. Chèn vào Landing pagae của bạn 3. Thử nghiệm xem việc chèn pixel đã ok chưa ### Lấy mã Pixel Facebook Bước 1: Truy cập vào Trình quản lý quảng cáo tại link Bước 2: Nhấp vào thanh **Trình quản lý quảng cáo**, chọn **Pixel**. ![](/files/EACIggL83sxANqKdm2gR) Bước 3: chọn **Thiết lập Pixel**. ![](/files/P9PiPiNi4kSk4zfFPvrr) Bước 4: Trong hộp thoại, Nhà bán hàng chọn **Tự cài đặt mã thủ công**. ![](/files/usGTKiZdm4Pf16VN5h9Q) Bước 5: Trong hộp thoại **Cài đặt mã pixel**, Nhà bán hàng xem các mục 1,2,3. Sau đó sao chép đoạn mã, chọn **Tiếp tục**. ![](/files/v6n2T1ldSRVLor4FcVb0) Bước 6: Trong hộp thoại **Thêm sự kiện**, Nhà bán hàng xem các mục 1,2,3. Tại mục 2, Nhà bán hàng lựa chọn các sự kiện muốn theo dõi. Nhấp **Xong** để hoàn tất ![](/files/MWbePtAdwwi2URb5rs1p) Bước 7: Lúc này, việc tạo Pixel hoàn tất. Nhà bán hàng sao chép lại **ID pixel.** ![](/files/61sw4M86tD6qR9Vvdxq9) ### **Chèn mã Pixel vào Landing page BePage** Sau khi đã có mã pixel, bạn truy cập vào trang landing page của bạn. Vào Thiết lập -> SEO and social Cửa sổ Thiết lập trang hiện ra, bạn vào mục Mã chuyển đổi và paste ID pixel vào đó. Vậy là xong rồi! ![](/files/3odZStXzMcrDoLZAtZCL) ### **Theo dõi hoạt động Pixel** Sau khi đã cài đặt xong các mã theo dõi chuyển đổi, bạn có thể kiểm tra hoạt động của pixel bằng 2 cách: **Cách 1: Sử dụng Facebook Pixel Helper** Việc cài đặt tiện ích Facebook Pixel Helper trên trình duyệt Chrome giúp bạn dễ dàng kiểm tra hoạt động của Facebook Pixel trên trang tất cả các trang website và Landing Page có gắn Pixel. Lưu ý là tiện ích Facebook Pixel Helper hoạt động trên Chrome nên trước đó bạn cần cài đặt trình duyệt Chrome. Các bước cài đặt tiện ích Facebook Pixel Helper như sau: Bước 1**:** Truy cập [Facebook Pixel Helper ](https://chrome.google.com/webstore/detail/facebook-pixel-helper/fdgfkebogiimcoedlicjlajpkdmockpc?hl=vi) Bước 2: Nhấp vào + Add to Chrome (Thêm vào Chrome). Bước 3: Nhấp vào Add extension (Thêm tiện ích). Sau khi cài đặt tiện ích này thành công, bạn sẽ nhìn thấy thông báo cho biết plugin đã được thêm vào Chrome và một biểu tượng nhỏ sẽ hiển thị trong thanh địa chỉ. Nếu các sự kiện được cài đặt trên Landing Page hoạt động thành công thì sẽ được tích xanh. ![](/files/TfHPUmWqDPYMqr5rW13T) Cách 2: **Sử dụng công cụ Test event trên Facebook.** Truy cập vào trình quản lý pixel và vào mục Test events (kiểm nghiệm sự kiện). ![](/files/40g3GYiTIU95T4PoGRRm) Nhập đường dẫn Landing Page của bạn và mở trang rồi thao tác các sự kiện nhấp chuột, điền form. Nếu pixel hoạt động thì các sự kiện bạn đã cài đặt sẽ được ghi nhận ở mục này: ![](/files/zwyIuJjPWqO6t9RFVxgh) Như vậy là bạn đã hoàn thành xong toàn bộ quy trình cài đặt Facebook Pixel để theo dõi chuyển đổi. Chúc các bạn thành công! # Hướng dẫn khởi tạo Google analytics #### **Bước 1: Thiết lập tài khoản** Truy cập vào **Google Analytics** theo đường link Nhấn vào **Bắt đầu đo lường => Điền các thông tin tài khoản => Tiếp tục** ![](/files/4QWnae8VjG9TuXxPxdDc) #### **Bước 2: Thiết lập thuộc tính** ![](/files/hV21lKIfL0oW06rZpxhC) **+ Tên thuộc tính:** Bạn nên điền luôn tên website mà bạn muốn theo dõi. Vì 1 tài khoản của bạn có thể thêm nhiều thuộc tính tương ứng với nhiều website để theo dõi. Vậy nên, điền luôn tên thuộc tính chính là tên website để bạn tiện theo dõi sau này. **+ Múi giờ báo cáo:** Chọn Việt Nam và múi giờ GMT +07: Giờ Việt Nam **+ Đơn vị tiền tệ:** Đồng Việt Nam \=> Nhấn **Tiếp theo** #### **Bước 3: Giới thiệu về doanh nghiệp của bạn** ![](/files/huoXuLaQX32wEIwuqYUd) #### **Bước 4: Chấp nhận điều khoản** ![](/files/PNj3qqV4bcn43F7Qyj0U) **Bước 5: Lấy mã theo dõi** Vào **Quản trị** => Ở phần thuộc tính chọn **Luồng dữ liệu** => Chọn **Web** => Điền **địa chỉ trang landing page** và **tên luồng** => **Tạo luồng** ![](/files/LVqzbWihWtJIATGoJMgR) Lúc này, Google sẽ trả về cho bạn Thông tin chi tiết về luồng của bạn. **Bạn đã tạo thành công tài khoản Google analytics dùng để theo dõi trang landing page của mình rồi đấy!** # Hướng dẫn cài đặt Google Analytics Cài đặt Google Analytics trên Landing Page sẽ giúp bạn thống kê và đo lường được các chỉ số cần thiết như lượng người truy cập, nguồn truy cập, số lượng chuyển đổi, hành vi người dùng trên trang. Trước tiên bạn cần có tài khoản Google Analytics, cách khởi tạo vui lòng xem hướng dẫn Khởi tạo Google Analytics của Zozo đã hướng dẫn trước đó [tại đây](https://help.bepage.vn/bepage/thiet-lap-trang-landing-page/ma-theo-doi-va-chuyen-doi/huong-dan-khoi-tao-google-analytics). Sau khi đã khởi tạo tài khoản Google analytics, chúng ta bắt đầu gắn mã lên landing page ### **Lấy mã Google Analytics và gắn lên landing page** Bước 1: Truy cập vào tài khoản google anayltics -> Chọn **Quản Trị**-> **Luồng dữ liệu-**> Click vào luồng dữ liệu ![](/files/5OpuaNnsEt9DzsSmRYn2) Khi cửa sổ Thông tin chi tiết về luồng hiện ra, chọn **Coppy Mã đo lường** ![](/files/JrDro4eC9Ht2VQbs1o8K) Bước 2: Truy cập vào landing page -> Chọn SEO & social -> Mã chuyển đổi -> Paste mã đo lường vào mục **Google Analytics ID** ![](/files/we5MBYwiO5sc4AcXnjMw) Sau đó hãy nhấn lưu -> xuất bản Như vậy là bạn đã cài đặt thành công mã Google Analytics vào trang landing page của bạn rồi đó! ### Cài đặt theo dõi Form đăng ký Sau khi cài đặt Google Analytics vào landing page, chúng ta cần cài đăt theoi dõi Form đăng ký để Google Analytics có thể theo dõi và báo cáo chi tiết cho chúng ta số lượt điền form trong 1 khoảng thời gian cố định ( 1 ngày, 1 tuần, 1 tháng...) Để cài đặt theo dõi form đăng ký, bạn hay thao tác như sau: Bước 1: Truy cập vào Form cần theo dõi -> Lưu data ![](/files/YDqWYrH1Rw4X2PKqIZow) Bước 2: Chọn tùy chọn sự kiện Trong phần Mã sự kiện chuyển đổi, bạn chọn trong danh sách mã sự kiện mà bạn muốn ghi nhận. Chỉ cần chọn 1 trong 3 tùy chọn **Hoàn thành đăng ký (Complete Registration), Mua hàng (Purchase), và Lead**, không cần thêm code nào cả vì BeOage đã cài đặt sẵn code. ![](/files/il9gwFKWoCxWk9cdIuJT) Như vậy là bạn đã cài đặt xong theo dõi sự kiện chuyển đổi ở form. Bạn cần xuất bản trang Landing Page để lưu thay đổi này. ### Đo lường sự kiện nhấp chuột Việc này hiểu nôm na đơn giản là, bạn có một nút bấm và bạn muốn cài đặt bộ đếm rằng có bao nhiêu người đã bấm vào nút này trong Google analytics. Thao tác rất đơn giản, bạn hãy chon nút bấm -> **Thiết lập nâng cao** -> **Sự kiện** -> **Đo lường sự kiện nhấp chuột**. Ở đây, bạn hãy đặt tên cho sự kiện bạn muốn theo dõi. Chẳng hạn: Click chuột ![](/files/xH5jAbztF7He8XFq9ttn) ### Kiểm tra hoạt động của mã Google Analytics Bạn truy cập trang landing page của mình, thao tác các hành vi nhấp chuột, đặt hàng và theo dõi xem các hành vi này đã được Google Analytics ghi nhận thành công chưa ( truy cập vào trình quản lý Google Analytics , vào mục **Thời gian thực** ) ![](/files/ibzjFF8JCIHdYfX7PkjD) Bạn cần chờ một khoảng thời gian để dữ liệu ghi nhận trên báo cáo tại mục Hành vi -> Sự kiện. Ở đây, số liệu sẽ hiện ra chi tiết số **người dùng truy cập, các sự kiện nhấp chuột** đăng ký form....chứng tỏ bạn đã cài đặt thành công Google Analytics lên trang landing page của mình. ![](/files/qD96vcAEqpxL1kmAJtnL) Chúc các bạn thành công! # Hướng dẫn gắn mã Google Tag Manager Đầu tiên, hãy lấy mã ID **Google Tag Manager theo các bước sau:** Bước 1: Truy cập > Đăng nhập vào tài khoản Google > Tạo một tài khoản và điền các thông số ![](/files/l9dt6W9aeopmDpw4HXh6) Trong đó: * Tên tài khoản: Bạn có thể sử dụng tên gọi bất kỳ. Tuy nhiên tôi khuyên bạn nên sử dụng tên công ty hoặc tên website của mình để tiện cho công việc quản lý * Quốc Gia: Việt Nam * Tên vùng chứa: Cũng tương tự như tên tài khoản bạn có thể điền bất kỳ tên gì để tiện cho việc theo dõi. * Nền tảng nhắm mục tiêu: Web Sau khi click vào nút “**Tạo**“, một cửa sổ sẽ hiện ra hiển thị những thông tin về điều khoản để có thể sử dụng Google Tag Manager. Ở đó, bạn không cần phải quan tâm đến chúng, bạn chỉ cần click “**Có”**. Giao diện làm việc của Google Tag Manager hiện ra, bạn chỉ cần lấy mã ID tại góc phải màn hình là được. ![](/files/BYhWJgC7gSPp6l4ehaSI) ### Cài đặt mã Google Tag Manager vào Landing page Để cài đặt mã **Google Tag Manager** thì bạn chỉ cần truy cập vào phần Thiết lập -> SEO & social -> Điền mã ID Google Tag Manager vào đây ![](/files/BHvBGwM19emqw60LDUtf) # Hướng dẫn cài đặt mã Tiktok Pixcel Về cơ bản các bước cài đặt sẽ là: Lấy mã Tiktok Pixel -> Gắn ID vào Mã chuyển đổi trên builder Tại trang Tiktok Ads Manager bạn chọn vào phần menu **Assets** -> **Event** Sau đó tiếp tục nhấn vào mục **Manager** của **Website Pixel** ![](/files/kJTk0jXMZzQTVuoYkeC0) Tiếp tục nhấn vào **Create Pixel**, tại đây sẽ hiển thị 1 cửa sổ để bạn điền **Tên pixel** và chọn **Manually install pixel code** sau đó nhấn **Next.** Kế tiếp sẽ có thêm 1 cửa sổ thứ 2 xuất hiện, bạn chọn **Standard Mode** và tiếp tục **Next.** ![](/files/wzoDxpUdfa7GX9hL5pH6) ![](/files/C7xpckxTM9wehYLt7IXb) Sau khi tạo thành công sẽ có 1 trang hiển thị như sau ![](/files/FHBj2pM2B82JENixg2Iu) Bạn **copy ID được khoanh đỏ** như hình trên sau đó quay lại trang builder nhấn **Thiết lập** -> **Mã chuyển đổi** ![](/files/BhYcl1A659kDz2WAsQxQ) Điền ID vừa copy được vào ô nhập Tiktok Pixel ID và nhấn **Lưu** Cuối cùng, bạn chỉ cần xuất bản lại trang Landing Page là đã thành công quá trình cài đặt mã Tiktok Pixel. # Các tính năng mở rộng # Tạo menu ghim ở đầu trang Menu ghim ở đầu trang giúp khách hàng khi lướt landing page dễ dàng có thể click vào những mục trên menu và nhanh chóng trở lại những section khách hàng quan tâm, cần tìm hiểu kỹ hơn Bước đầu tiên, hãy tạo 1 menu hoàn chỉnh. Ở thanh menu bạn có thể để những mục quan trọng mà khách hàng quan tâm hơn cả. Giả sử menu landing page chương trình Black Friday của Zozo như sau: ![](/files/IPzuHccmdsX3fumF5WtS) Ở menu bao gồm những dịch vụ của Zozo: Thiết kế web, Email marketing và landing page. Ngoài ra, có nút liên hệ để khách hàng muốn liên hệ với Zozo để được tư vấn thì sẽ click vào đó. ### Ghim menu ở đầu trang Việc ghim menu chính là để menu được cố định ở vị trí trên cùng tự động, khi khách hàng lướt landing page thì menu này vẫn hiển thị Để ghim menu, bạn chọn section menu -> **Thiết lập nâng cao** -> **Nâng cao** Ở mục Ghim phần tử chọn **Có** -> vị trí **trên cùng tự động** ![](/files/7x4kwTu7u8G9LmyvmBSj) Chúc các bạn thành công! # Facebook chat Về cơ bản các bước sẽ là: Chèn biểu tượng Messenger Facebook vào, sau đó gắn link fanpage/trang cá nhân bạn. Hãy cùng thực hiện cùng BePage nhé! Đầu tiên, hãy lên phần **Shape** -> Chèn biểu tượng **Messenger Facebook** vào, đổ màu xanh ![](/files/J18wMv9ODqONKrUsb1fn) Tiếp theo: **Ghim** Biểu tượng Messenger Facebook ở 1 vị trí bạn muốn ( thông thường ghim dưới cùng bên phải hoặc bên trái trang landing page) Bạn nhớ điều chỉnh khoảng cách dưới và phải để được vị trí phù hợp nhé! ![](/files/UwU7LpflCfz8Z1RJkq1a) Cuối cùng là lấy đường link Messenger của Fanpage gắn vào biểu tượng Messenger Facebook Cách lấy link Messenger của Fanpage: Vào **Cài đặt trang**-> **Nhắn tin** -> Coppy đường link **URL Messenger của bạn** Sau đó click vào Biểu tượng Messenger Facebook -> Thiết lập nâng cao -> Sự kiện và gắn link vào ô: Liên kết ![](/files/VhX7fSLbo935Bx8TM99d) Cuối cùng là lưu và xuất bản. Chúc bạn thành công! # Zalo chat Về cơ bản các bước sẽ là: Chèn biểu tượng Zalo chat vào, sau đó gắn link SĐT của bạn. Hãy cùng thực hiện cùng BePage nhé! Đầu tiên, bạn hãy lên google lấy biểu tượng Zalo và tải về dưới dạng png nền trong suốt Tiếp theo, thêm biểu tượng Zalo vào trang landing page của bạn. Điều chỉnh kích thước cho phù hợp. Ghim biểu tượng Zalo vào vị trí mong muốn ( thông thường ở góc dưới cùng bên trái hoặc phải) và điều chỉnh vị trí cho phù hợp. Chèn link chat Zalo SĐT của bạn vào biểu tượng Zalo và xuất bản. ( link chat Zalo SĐT của bạn có cú pháp: [https://zalo.me/sdtcuaban ](https://zalo.me/0936326855)giả sử, bạn có sdt 0967.855xxx thì link để chèn vào biểu tượng Zalo sẽ là: [https://zalo.me/0967855xxx](https://zalo.me/0936326855) ) Bạn có thể tham khảo qua video hướng dẫn dưới đây: {% embed url="" %} # Đồng hồ đếm ngược Tính năng đồng hồ đếm ngược tạo ra những số đếm ngược theo thời gian đã đặt trước. Mục đích chính thường được đặt trong các form, các section báo giá, khuyến mãi tạo sự cấp thiết cho khách hàng. Để tạo một đồng hồ đếm ngược, các bạn có thể làm theo hướng dẫn sau. Bước 1: tại builder, trên thanh công cụ bên trái, chọn **Thêm mới** và lựa chọn mục **Đếm ngược** ![](/files/N9FzsVT3Gqt1UynjdG7s) Bước 2: Sau khi click chọn **Đếm ngược** hệ thống sẽ tạo ra 1 ô đồng hồ đếm ngược thời gian ![](/files/ejQ0GFxQAV9sJ68MQlci) Bước 3: Kéo thả vào vị trí cần đặt đồng hồ và nhập dữ liệu thời gian cần đếm ngược Ví dụ: đếm ngược còn 10ph sẽ hết chương trình khuyến mãi ![](/files/xmgJUkCkhD7vdHY5AUgq) Sau khi **Lưu** và **Xuất bản** landing page, đồng hồ đếm ngược sẽ đếm từ 10ph. Chúc các bạn thanh # Bật tắt grid Grid (lưới) là tính năng giúp cho việc căn chỉnh các phần tử một cách chính xác, giúp kéo thả các phần tử có khoảng cách bằng nhau dễ dàng hơn. Để bật tắt tính năng grid, các bạn có thể làm theo hướng dẫn sau. Trong builder Landing page, tại thanh công cụ bên trái, chọn Bật/tắt Grid để bật hoặc tắt tính năng tạo lưới. ![](/files/dtctUiz5eOaxLnWuGKqZ) ![](/files/Ld9KGBmw5nhUtIiQWnbH) # Chèn bản đồ Khi khách hàng truy cập vào landing page của bạn, thì bản đồ sẽ giúp khách hàng tìm được đường đến công ty/doanh nghiệp của bạn dễ dàng hơn. Để chèn bản đồ từ Google Maps vào BePage bạn có thể thực hiện theo các bước sau: Bước 1: Truy cập vào Bước 2: Nhập địa chỉ bạn muốn hiển thị trên bản đồ, sau khi ra kết quả đúng theo ý mình bạn bấm chọn **Chia sẻ**. ![](/files/0G7hv7LQISSxYvWeq4Ux) Bước 3: Chọn **Nhúng bản đồ** -> Sao chép mã HTML ![](/files/wLhE9xSEdtoY0MM6RbZm) Bước 4: Truy cập vào landing page bạn cần chèn bản đồ -> Thêm: **Mã HTML** ![](/files/sTBkP32psCKCDkVI7HzK) Lúc này, 1 khung HTML hiện ra -> chọn **Thiết lập nâng cao** -> paste mã HTML vừa lấy từ google map Paste vào đây. ![](/files/6zWrUEnvDUEJLSCtzb7z) Lưu ý: bạn có thể điều chỉnh ở phần width="600" height="450" kích thước phù hợp với khu vực bạn chèn bản đồ nhé! Chúc các bạn thành công! # Cấu hình nâng cao # Quản lý tag Tag là gì? Tag là một từ trong tiếng Anh được dịch ra tiếng Việt với nghĩa là nhãn dán thuộc danh từ, còn nếu là động từ thì có nghĩa là buộc, khâu, đính một tấm thẻ ghi chú vào một vật gì đó. Với mục đích đánh dấu các landing page thuộc cùng một nhãn với nhau (ví dụ: tag Bất động sản, tag Black Friday...) để dễ dàng nhận biết, quản lý và tìm kiếm lại các landing page đã tạo. Hôm nay Bepage hướng dẫn các bạn cách tạo tag cho các landing page như sau: **Bước 1:** Vào danh sách landing page trên trang quản trị, tại đây click nút **Quản lý tag** để quản lý các tag đã tạo ra ![](/files/7sBy6VWoAmbnxucHkp16) **Bước 2:** Click vào nút **Tạo tag mới** để tạo thêm tag cho các landing page ![](/files/s27WUKwqsugMmX3xfYpI) **Bước 3**: Nhập tên tag tại popup mở ra và ấn **Lưu** ![](/files/l2V2fWdAktRS0VYnyGLn) **Bước 4:** quay lại trang quản lý Landing page, chọn **landing page cần gắn tag** và chọn **đổi tên** ![](/files/Wmj0Lk7XJJW3viVc6pFZ) **Bước 5:** chọn tag cho landing page (có thể nhiều tag) và ấn nút **Thay đổi** ![](/files/x50hTrs1hwguP6HCSNDs) Chúc các bạn thành công. # Phân quyền # Thêm tài khoản thành viên Tính năng áp dụng từ gói **ENTERPRISE** Truy cập Tại trang quản lý thành viên của gói, bạn nhấn vào **Tạo mới thành viên** Tiếp tục bạn điền email của thành viên cần thêm vào và chọn Phân quyền cùng các tài nguyên được cấp phép theo phân quyền đó và nhấn **Lưu**. ![](/files/NK5NF4HBtQQlCYUpwu3O) Có 4 nhóm phân quyền chính trên 1 gói * Owner: người tạo ra shop, có thể thực hiện mọi thao tác (chỉ một) * Manager: quản lý dữ liệu và thao tác với các tài nguyên được cấp hoặc chia sẻ * Editor: quản lý dữ liệu và thao tác được chia sẻ * Viewer: xem các gói được chia sẻ Ghi chú: * Thành viên Manager có quyền thao tác tương đường Owner trên các Landing Page được phân quyền # Quản lý Team Sau khi đã tạo các thành viên sử dụng dịch vụ Landing page, chúng ta có thể tạo các team để dễ quản lý các thành viên. Vậy để tạo Team các bạn có thể làm như sau: Bước 1: Các bạn vào **Cài đặt => Team => Tạo team mới** ![](/files/nc6bkpcHLgYdz4mjqtcI) **Bước 2:** Tại popup hiện ra, các bạn nhập tên Team cần tạo và ấn nút **Lưu** ![](/files/WednIesD2GK5sl3H5VXo) **Bước 3:** Sau khi đã tạo thành công, các bạn có thể thêm thành viên vào Team bằng cách chọn vào kí tự **...** và bấm **Cập nhật** ![](/files/WhwUlLrkm3b7pXk4bERH) **Bước 4:** lựa chọn thêm các thành viên vào Team và ấn nút **Lưu** ![](/files/XiFmDYb9vzj7VpDAITS6) Chúc các bạn thành công.