HaraWeb – Hướng dẫn cài đặt và chỉnh sửa giao diện Website Haravan cho bắt mắt

Chắc các bạn khi bắt đầu sử dụng Haravan, sẽ rất ngỡ ngàng với kho giao diện của Haravan cũng như cách thức làm sao để tùy biến giao diện cũng như chỉnh sửa lại thông tin trên giao diện website Haravan sao cho vừa ý nhất và giống với giao diện mẫu mà các bạn đã chọn.

Bạn chưa có Website?

Đăng ký dùng thử

Hướng dẫn tinh chỉnh cấu hình Web Haravan

Hiểu được điều đó, Liêm soạn bài này để mọi người làm theo để nắm được cách sử dụng chính xác. Mọi người thao khảo nhé

1. Chọn giao diện Website Haravan phù hợp

Điều đầu tiên để chuẩn bị cho 1 Website đẹp thì các bạn cần phải chọn đúng giao diện website phù hợp với ngành nghề của các bạn. Đồng thời, với giao diện Website này, bạn sẽ giúp cho khách hàng của mình có trải nghiệm người dùng tốt hơn.

Để chọn và sử dụng giao diện Haravan, thì các bạn có thể truy cập vào trang kho giao diện haravan để tìm và tải về các giao diện Haravan cả mất phí lẫn miễn phí vừa ý nhé.

Dưới đây là 1 số theme Haravan miễn phí theo ngành nghề theo Liêm thấy là đẹp nhất:

2. Tiến hành cài đặt theme Haravan cho Website

Sau khi đã hoàn tất việc lựa chọn giao diện cho Website Haravan, thì các bạn hãy thao tác theo các bước sau:

1. Trong trang chi thiết giao diện bấm vào nút “Chọn theme này để kinh doanh ngay”.

2. Tại trang Giỏ hàng, các bạn nhập domain phía trước .myharavan.com của bạn vào (ví dụ: liemmkt.myharavan.com thì lấy nhập liemmkt).

Sau khi ấn vào nút “cài đặt”, trang sẽ tự chuyển đến trang quản trị của bạn. Tại đây, bạn sẽ thấy giao diện mà bạn vừa chọn sẽ được cài.

Các bạn đợi khoảng 1 phút, giao diện sẽ hiện ra, các bạn Click lần lượt:

  • 1. Bấm vào Nút “Áp dụng”
  • 2. Chọn Theme Chính
  • 3. Chọn hiển thị theme

3. Tạo trang nội dung

Sau khi hoàn tất cài đặt giao diện, các bạn nhìn lại vào cột Website bên trái, và click vào – > Trang nội dung – > Tạo trang

Trong trang nội dung mà các bạn vừa tạo, các bạn có thể soạn nội dung trong này. Như các nội dung là “Giới thiệu công ty” “Chính sách mua hàng”, v.v… Đồng thời, các bạn để ý ở bên cột phải sẽ có ô nội dung có tên là “Giao diện”, đây là trường để bạn chọn giao diện tương ứng với tên trang.

  • page.amp: để hiển thị trang theo dang AMP trên Google – Tham khảo tài liệu trên Google
  • page.contact: đây là giao diện liên hệ, sau khi chọn trường này, các nội dung trong trang sẽ thay thế thành thông tin liên hệ trong phần “Tùy chỉnh theme” của Website.
  • page.guide: đây là giao diện hướng dẫn sử dụng, cũng tùy chỉnh trong phần “Tùy chỉnh theme” của Website.

4. Tạo sản phẩm và nhóm (danh mục) sản phẩm

Sau khi hoàn tất tạo trang nội dung, các bạn hãy tiến hành tạo sản phẩm cho Website, cũng như danh mục cho các sản phẩm đó, mà Haravan sẽ dùng thuật ngữ là “nhóm sản phẩm” và dường dẫn URL sẽ là “collections”.

1. Tạo sản phẩm

Trước tiên, trên trang quản trị, các bạn hãy > Ấn vào Tab Sản phẩm> trong trang hãy tạo cho mình một sản phẩm như hình dưới

Để tùy chỉnh trang sản phẩm, các bạn hãy xem đoạn video dưới đây để hiểu rõ cách đăng sản phẩm lên nhất.

Hoặc thao tác theo hướng dẫn sau:

  • 1. Tên sản phẩm: là tiêu đề của 1 sản phẩm
  • 2. Mô tả: nội dung hiển thị để mô tả chi tiết cho 1 sản phẩm
  • 3. Hình ảnh: bỏ hình vào để sản phẩm hiển thị
  • 4. Giá và các thông tin liên quan:
    • Giá: giá bán của sản phẩm hiển thị ngoài Website
    • Giá so sánh: giá thị trường, giá niêm yết, giá bla bla.(giá này thường phải cao hơn giá bán, để kích cầu người mua) Ví dụ: 180.000 < đây là giá so sánh
    • Tồn kho: thông tin quản lý tồn kho – Nếu là trang test thì bỏ qua dòng này
    • Sản phẩm có nhiều phiên bản: Xem clip để biết chi tiết
  • 5. Hiển thị: click chọn 1 trong các ô với tên tương xứng để hiển thì sản phẩm ở kênh đó (Ví dụ: muốn hiện trên Website thì click vào ô “Website)
  • 6. Phân loại:
    • Loại sản phẩm: là sản phẩm thuộc loại gì (ví dụ: giày)
    • Nhà sản xuất: gõ tên nhà phân phối sản phẩm vào (ví dụ: Nike)
  • 7. Nhóm sản phẩm: là danh mục của sản phẩm, 1 sản phẩm có thể nằm ở nhiều nhóm.
  • 8. Nhãn: hay còn gọi là “tag” “từ khóa” sản phẩm
  • 9. Tối ưu SEO: để hiển thị kết quả trên các trang tìm kiếm theo ý mình muốn (Google, Bing, Yahoo, Yandex). Bỏ qua cũng được
    • Tiêu đề SEO: tiêu đề của sản phẩm hiển thị trên các trang tìm kiếm
    • Mô tả SEO: mô tả của sản phẩm hiển thị trên các trang tìm kiếm

2. Tạo nhóm sản phẩm

Tiếp theo, thì hãy tạo nhóm sản phẩm ngay trong Tab sản phẩm, các bạn hãy bấm vào “nhóm sản phẩm” > Bấm vào “Tạo nhóm sản phẩm

Trong trang nhóm sản phẩm, các bạn hãy nhập nội dung lần lượt:

  • 1. Tên nhóm sản phẩm
  • 2. Mô tả của nhóm sản phẩm
  • 3. Điều kiện (để thêm sản phẩm)
    • Các trường chon điều kiện
      • Ví dụ:
        • Điều kiện 1: Tên sản phẩm
        • Điêu kiện 2: có chứa
        • Nội dung của điều kiện: giày
      • Tất cả nội dung của điều kiện thêm sẽ là “Tên sản phẩm” + “Có chứa” theo từ nội dung là “Giày”.
      • Thì tất cả sản phẩm có “tên” + “chứa” từ Giày đều sẽ được tự động thêm vào

Vậy là hoàn tất phần tạo sản phẩm và nhóm sản phẩm rồi, chúng ta tiến hành bước tiếp theo thôi.

Xem thêm bài viết:

5. Tạo menu liên kết – danh mục sản phẩm

Trên một Website, để điều hướng khách hàng đến đúng sản phẩm mà họ tìm kiếm. Thì thường Menu sẽ là nơi đầu tiên mà khách hàng sẽ trỏ chuột vào. Tuy nhiên, để tạo được Menu thì các bạn phải có đường dẫn (liên kết) của các danh mục mà bạn muốn trỏ về. Thì sau tất cả các bước trên, đây sẽ là bước cận cuối để thao tác thực hiện.

Các bạn hãy tiến hành tạo Menu theo 2 dạng sau:

1. Chỉnh sửa thanh Menu Tổng (Main Menu)

Thanh Menu Tổng là thanh Menu chứa các liên kết trỏ về các nơi trên Website. Tại đây, khách hàng có nhu cầu về gì khi truy cập vào Website của bạn thì sẽ dựa vào đó mà click chuột.

Tiến hành thôi, các bạn truy cập vào Trang quản trị > Website > Menu. Tại đây, các bạn sẽ thấy được danh sách các Menu bên trong. Menu bạn sẽ sửa ở đây sẽ là “Main Menu”.

Sau khi click vào “chỉnh sửa menu Main Menu” thì trang chỉnh sửa Menu sẽ hiện ra. Các bạn hãy thao tác như sau:

  • Mục “Danh sách Liên kết” để quản trị “Tên Menu” và “Liên kết của Menu
    • Tên Menu: là tên của Menu
    • Liên kết của Menu: là đoạn url ngắn phía sau tên miền (ví dụ: thietkewebfree.com/dep-trai thì “dep-trai” chính là liên kết của Menu)
  • Mục “Đường dẫn” để quản trị các Menu con bên trong, gồm “Tên liên kết” và “Liên kết đến…” + “Tạo đường dẫn
    • Tên liên kết: để chỉnh sửa tên hiển thị của 1 Menu con bên trong thanh Menu
    • Liên kết đến: để khi khách bấm vào thì sẽ bay qua trang khác (bay qua trang tin tức chẳng hạn)
    • Tạo đường dẫn: là để tạo thêm 1 menu con

2. Tạo Menu Danh Mục Sản Phẩm (Category Menu)

Trong trang Menu, các bạn hãy bấm vào nút Thêm Menu trong cột “Danh sách Menu”.

Sau khi click Thêm Menu hoàn tất, thì các bạn hãy tùy chỉnh và thiết lập như ở bước 1.

Song, các bạn hãy vào nút “Giao diện” ở cột quản trị > Thiết lập theme (giao diện đang dùng để hướng dẫn là Lama Fashion) > Kéo chuột xuống khu vực chứa tab “Trang nhóm sản phẩm” (Một số giao diện thì nó nằm ở trong tab khác, các bạn cứ kiếm là ra).

Tại đây, các bạn hãy để ý vào “Tab danh mục sản phẩm” (một số giao diện thì gọi là Sidebar cạnh bên) -> Click vào “Chọn danh mục” > Chọn tên Menu vừa tạo.

Quay lại trang sản phẩm, vậy là đã có Menu Danh Mục sản phẩm như ý muốn rồi.

3. Thêm Menu con cho Main Menu hoặc Category Menu

Thường thì các bạn sẽ thấy một số Website khi trỏ chuột vào “Main Menu” sẽ xổ xuống 1 hàng danh sách Menu con. Hoặc một số Danh Mục Sản Phẩm lại có dấu ” + ” để khi click vào sẽ hiển thị ra các hãng hoặc danh mục liên quan bên trong. Vậy thì phải làm sao?

Menu dạng xổ xuống – Main Menu
Menu dạng danh mục sản phẩm con – Category Menu

Để có thể tạo được Menu con của Menu con trên Website Haravan. Trong trang Quản trị > Menu > Nhìn vào Menu muốn thêm Menu Con > Click vào Thêm menu con > Thao tác như hướng dẫn ở bước 1 để tạo mới Menu.

Vậy là xong, các bạn chỉ còn 1 thao tác cuối cùng để hoàn tất thiết lập Website. Đó là “Chỉnh sửa lại giao diện Website Haravan“.

Chỉnh sửa giao diện Website theo ý muốn

Bước cuối cùng sau khi hoàn tất tất cả các thiết lập trên, các bạn hãy thao tác như Video phía dưới

Hoặc các bạn cũng có thể thao tác theo các bước sau:

  • Vào quản trị
  • Vào mục Website
  • Vào mục giao diện
  • Chọn “Thiết lập theme”
  • Trong đây sẽ hiển các Tab để chỉnh sửa
  • Chọn 1 Tab (Ví dụ: Trang chủ)
  • Bên trái sẽ là Hình ảnh hướng dẫn với các dánh dấu tương ứng với các con số
  • Bên phải là các mục tương với các con số ở trong hình bên trái

Vậy là hoàn tất cài đặt Website và chỉnh sửa theme Haravan rồi. Các bạn đã có thể vận hành Website để cho khách hàng vào xem hàng và tiến hành đặt hàng rồi.

Tuy nhiên, vẫn còn một số bước nâng cao nữa, các bạn nên liên hệ với nhân viên hỗ trợ trực tiếp để đảm bảo việc thực hiện không bị phát sinh vấn đề. Các bước nâng cao gồm:

  • Tồn kho
  • Kết nối vận chuyển
  • Kết nối thanh toán trực tuyến
  • Gắn mã Google Analytics
  • Gắn mã Facebook Pixel
  • Gắn chatbot vào Website
  • Gắn mã Google Search Console vào Website

Tư vấn hỗ trợ Haravan Miễn Phí 24/7

Mr. Liêm - 0906 733 994

Ngoài ra, các bạn có thể truy cập vào chuyên mục Học Viện Haravan để tìm các bài viết hướng dẫn sử dụng Haravan khác nhé.

Liêm MKT – thietkewebfree.com

Trả lời

Facebook
Youtube
Zalo
Gọi Liêm