✨Bạn muốn xây dựng web tài liệu & blog, hãy liên hệ qua Facebook của mình để trao đổi thông tin nhé.

logoDocsBlog

Thanh điều hướng

Thanh điều hướng

Website bánh ngọt

Tài liệu hướng dẫn sử dụng các tính năng trên website bánh ngọt.

Website demo: https://product07.thanhnamnguyen.dev/

Website bán hàng (bánh ngọt) và các sản phẩm phụ có liên quan. Một số tính năng nổi bật như:

  • Hiển thị các sản phẩm, sản phẩm nổi bật, chi tiết các sản phẩm.
  • Danh mục sản phẩm.
  • Tích hợp viết blog, tin tức.
  • Tính năng tìm kiếm trang, sản phẩm.
  • Tính năng đặt hàng, dựa vào khoảng cách để tính phí ship.
  • Đơn đặt hàng được lưu vào Google Sheet để dễ quản lý, liên hệ với khách hàng.
  • Thông báo qua mail khi có đơn hàng mới.
  • và còn nhiều tính năng khác.......

Dưới đây là hướng dẫn cơ bản cũng như cấu hình các chức năng trên website.

Thông báo (announcement)

Một thanh thông báo hiện trên header ở mọi nơi trong website của bạn. Chúng thường được dùng để thông báo một cái gì đó đến người dùng, hoặc đơn giản chỉ là lời chào đến website.

cakeshop-docs-1

Bạn có thể chỉnh sửa nội dung, bật/tắt thông báo bằng cách đi vào Cài đặt -> Header.

cakeshop-docs-2

Thanh điều hướng (navigation)

Hiển thị các mục để điều hướng người dùng khi click chuột, ẩn hiển một số nút bấm như nút tìm kiếm... điều chỉnh vị trí thanh điều hướng (trái - giữa - phải).

cakeshop-docs-3

Bạn có thể điều chỉnh bằng cách đi vào Cài đặt -> Header.

cakeshop-docs-5

Slider trang chủ

Từng trang hình ảnh hoặc video để giới thiệu sản phẩm, bên cạnh đó có các nút bấm giúp điều hướng người dùng đến bất kỳ đâu

cakeshop-docs-6

Bạn có thể điều chỉnh bằng cách đi vào Trang chủ -> Hero Slider.

cakeshop-docs-7

Tìm kiếm

Tính năng tìm kiếm giúp khách hàng tìm mọi thứ trên website của bạn một cách dễ dàng hơn (hiện có thể tìm trang, các bài viết cũng như các sản phẩm).

cakeshop-docs-8

Widget (tiện ích)

Một số tiện ích, bạn có thể gắn chúng vào bất kỳ đâu trong web để hỗ trợ hiển thị thông tin...

Ở trang chủ này có 1 số widget như

cakeshop-docs-9

Widget danh mục sản phẩm

Hiển thị toàn bộ các danh mục sản phẩm trên website

Widget sản phẩm nổi bật

Bạn có thể chọn 1 số mặt hàng nổi bật, thường được chú ý hay được khách hàng đặt nhiều để hiển thị chúng trên website.

Widget blog

Tương tự như trên, bạn có thể chọn 1 vài bài viết nổi bật và đặt chúng trên website.

Trang blog, tin tức

cakeshop-docs-10

Website có tích hợp tính năng blog, nơi mà bạn có thể viết bài chia sẻ kiến thức về bánh, tin tức khuyến mãi.... (được phân loại theo từng danh mục - chủ đề bài viết)

cakeshop-docs-11

Các trang khác bạn có thể truy cập vào web để xem thêm.

Danh mục sản phẩm

cakeshop-docs-12

Mỗi sản phẩm bạn có thể đặt chúng vào từng danh mục cụ thể. Tạo danh mục rất đơn giản, bạn truy cập vào

cakeshop-docs-13

Chi tiết sản phẩm

cakeshop-docs-14

Hình ảnh bên trên minh hoạ cho 1 sản phẩm. Có đầy đủ các thông tin như tên bánh, mô tả, giá tiền, danh sách các hình ảnh.

Có tích hợp tính năng chia sẻ sản phẩm lên facebook.

Gợi ý phụ kiện

Bên cạnh đó có các widget hỗ trợ như các phụ kiện gợi ý đi kèm.

cakeshop-docs-15

Để cấu hình chúng bạn vào Cài đặt -> Danh sách phụ kiện gợi ý

cakeshop-docs-16

Sản phẩm tương tự

cakeshop-docs-17

Các sản phẩm cùng danh mục

Các câu hỏi thường gặp

cakeshop-docs-18

Đây là một widget tổng hợp các câu hỏi thường gặp khi mua hàng

Để cấu hình chúng bạn vào Cài đặt -> Các câu hỏi thường gặp

cakeshop-docs-16

Giỏ hàng

Giỏ hàng là nơi tổng hợp các sản phẩm khi khách hàng ấn vào nút thêm vào giỏ.

cakeshop-docs-19

Thanh toán

Để thanh toán gồm có 3 bước, sau khi hoàn tất thanh toán, thông tin đơn hàng sẽ được lưu trữ qua Google Sheet.

Bước 1: Kiểm tra đơn hàng

cakeshop-docs-20

Bước 2: Điền thông tin

cakeshop-docs-21

Bước 3: Xác nhận thông tin

cakeshop-docs-22

Thông tin đơn hàng (Google Sheet)

cakeshop-docs-23

cakeshop-docs-24

Chia sẻ lên