# Tạo website bán hàng

{% hint style="warning" %}
Tính năng này chỉ được hỗ trợ trên các website tạo mới từ ngày **21/03/2025**, nếu bạn có nhu cầu chuyển đổi danh sách sản phẩm từ các website cũ được tạo trên Tempi trước thời điểm này, bạn có thể tham khảo hướng dẫn ở [cuối bài này](#huong-dan-chuyen-doi-danh-sach-san-pham-o-website-cu-sang-website-moi) hoặc vui lòng [liên hệ Tempi](https://m.me/tempi.vn) để được hỗ trợ
{% endhint %}

## [Video hướng dẫn](https://www.youtube.com/watch?v=2aTP52y7MS8)

## Bước 1: Tạo mới website

{% content-ref url="tao-va-chinh-sua-website" %}
[tao-va-chinh-sua-website](https://help.tempi.vn/cau-hinh-website/tao-va-chinh-sua-website)
{% endcontent-ref %}

## Bước 2: Thêm mới danh sách sản phẩm

Kéo thả phần tử **Danh sách sản phẩm** vào website, Tempi đã tạo sẵn một số sản phẩm mẫu cho bạn

<figure><img src="https://2285749965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDglCO8rEIFVkSznJMttD%2Fuploads%2F5h1t8144ENuPvngWsZBt%2Fimage.png?alt=media&#x26;token=a984a48c-e2a5-4649-8193-0c304a4d4a3a" alt=""><figcaption></figcaption></figure>

Các phần cài đặt nhanh cho phần tử danh sách sản phẩm bao gồm:

* **Quản lý bán hàng:** Bấm vào "Quản lý bán hàng" hoặc biểu tượng giỏ hàng trên Sidebar bên trái màn hình để mở phần quản lý bán hàng này

  <figure><img src="https://2285749965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDglCO8rEIFVkSznJMttD%2Fuploads%2FihyEkvIetqtZc5t59yQq%2Fimage.png?alt=media&#x26;token=5eef0be7-b8ac-4a46-a1eb-7606f2c35d69" alt=""><figcaption></figcaption></figure>

  * Từ màn quản lý đơn hàng, bạn có thể truy cập các mục sau:
    * **Quản lý sản phẩm**: Tạo, chỉnh sửa và quản lý toàn bộ sản phẩm của bạn
    * **Popup đặt hàng**: Tùy chỉnh thông tin giao hàng và kết nối lưu dữ liệu về Gmail Google sheet
    * **Phương thức thanh toán**: Tùy chỉnh các phương thức thanh toán COD, chuyển khoản qua ngân hàng, thanh toán qua VNPAY để có thể nhận thanh toán từ khách hàng của bạn
    * **Quản lý đơn hàng**: Quản lý toàn bộ đơn hàng, trạng thái thanh toán và trạng thái xử lý đơn
* Biểu tượng **Cài đặt :** mở phần cài đặt nội dung danh sách sản phẩm
* Biểu tượng **Nhân bản**: cho phép bạn nhân bản phần tử
* Biểu tượng **Xóa**: cho phép bạn xóa phần tử

## Bước 3: Tùy chỉnh giao diện bán hàng trên website

Danh sách sản phẩm hiển thị:

<figure><img src="https://2285749965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDglCO8rEIFVkSznJMttD%2Fuploads%2FP8Mu6tmkyD05jrnPxTcz%2Fimage.png?alt=media&#x26;token=f4df87ae-704c-4976-b03e-99bb6c6d56e5" alt=""><figcaption></figcaption></figure>

Hướng dẫn cấu hình từ trên xuống dưới

* **Quản lý sản phẩm**: mở màn danh sách sản phẩm, cho phép tạo, chỉnh sửa hoặc import danh sách sản phẩm của bạn
* **Chọn sản phẩm hiển thị**:
  * Hiển thị theo danh mục: bạn có thể quản lý sản phẩm theo danh mục ở màn danh sách sản phẩm
  * Hiển thị một số sản phẩm cụ thể: cho phép bạn xem, tìm kiếm sản phẩm theo tên, danh mục để chọn ra một số sản phẩm cần hiển thị như bán chạy nhất, mới nhất, khuyến mãi nhiều nhất...
* **Nội dung hiển thị**: cho phép bạn bật tắt hoặc kéo thả các nội dung để di chuyển vị trí hiển thị
* **Sự kiện khi khách hàng bấm vào sản phẩm của bạn**
  * TH bạn có nhiều thông tin, hình ảnh về sản phẩm bạn nên chọn lựa chọn đầu tiên: Mở popup hiển thị chi tiết sản phẩm
  * TH bạn chỉ cần 1 trang trưng bày danh sách sản phẩm điều hướng khách hàng về 1 nền tảng khác có sẵn -> bạn nên chọn lựa chọn 2, cấu hình đường dãn cho từng sản phẩm và điều hướng khách hàng của bạn đến đó
* **Nút kêu gọi hành động**: bạn có thể thêm tối đa 2 nút theo mục đích bạn muốn
  * Nút thêm vào giỏ hàng -> khi khách hàng bấm vào, sản phẩm sẽ được thêm vào giỏ
  * Nút mua ngay -> khi khách hàng bấm vào, hệ thống mở ngay popup đặt hàng
  * Nút liên hệ -> khi khách hàng bấm vào, hệ thống điều hướng khách hàng đến đường dẫn bạn cấu hình

Ngoài ra bạn có thể tùy chỉnh giao diện hiển thị **danh sách sản phẩm** ở tab **Thiết kế**

<figure><img src="https://2285749965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDglCO8rEIFVkSznJMttD%2Fuploads%2FPW0Ob6Uvgiy3XlxtKhYo%2Fimage.png?alt=media&#x26;token=0f538572-4ed5-4e49-9bad-6db93a89fadf" alt=""><figcaption></figcaption></figure>

## Hướng dẫn chuyển đổi danh sách sản phẩm ở website cũ sang website mới

Do tính năng này chỉ được hỗ trợ trên các website tạo mới từ ngày **21/03/2025**, nếu bạn có nhu cầu chuyển đổi danh sách sản phẩm từ các website cũ được tạo trên Tempi trước thời điểm này, bạn có thể làm theo hướng dẫn chi tiết bên dưới hoặc vui lòng [liên hệ Tempi](https://m.me/tempi.vn) để được hỗ trợ

**Bước 1:** Xuất website cũ ra tệp **.tempiweb**

<figure><img src="https://2285749965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDglCO8rEIFVkSznJMttD%2Fuploads%2FKCrGKaIv4LSiyfUWmT8V%2Fimage.png?alt=media&#x26;token=b22a5855-bbbe-4439-8b61-43c549bfcedd" alt=""><figcaption></figcaption></figure>

**Bước 2:** Tạo website mới từ tệp **.tempiweb** vừa xuất ra từ web cũ

<figure><img src="https://2285749965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDglCO8rEIFVkSznJMttD%2Fuploads%2FB7BZjrCP76BlZCkAmqq6%2Fimage.png?alt=media&#x26;token=604fea24-3bdc-4429-b2bd-a3e4e85eb70f" alt=""><figcaption></figcaption></figure>

**Bước 3**: Xuất file danh sách sản phẩm từ website cũ

Vào **Cài đặt** phần tử danh sách sản phẩm cũ -> vào phần **quản lý sản phẩm**

<figure><img src="https://2285749965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDglCO8rEIFVkSznJMttD%2Fuploads%2FTvnkJyq0bUAU0roahK4e%2Fimage.png?alt=media&#x26;token=d592c425-91c2-4e09-a61b-438ed289b207" alt=""><figcaption></figcaption></figure>

Chọn **xuất file** danh sách sản phẩm ra **tệp xlsx**&#x20;

<figure><img src="https://2285749965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDglCO8rEIFVkSznJMttD%2Fuploads%2Fp9kfyDLJjK2vLFdyNma2%2Fimage.png?alt=media&#x26;token=83a30a3a-0839-44b5-902d-04583d06dbbd" alt=""><figcaption></figcaption></figure>

**Bước 4**: Tải lên danh sách sản phẩm vào website mới

Vào trình chỉnh sửa Website mới, kéo thả ra 1 phần tử **danh sách sản phẩm mới** và chọn phần **quản lý sản phẩm**

<figure><img src="https://2285749965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDglCO8rEIFVkSznJMttD%2Fuploads%2F9vcLWDgjdNfmcAMK90Qb%2Fimage.png?alt=media&#x26;token=4ad6ca6b-670f-475d-9813-01d07131e557" alt=""><figcaption></figcaption></figure>

Tại màn **quản lý sản phẩm**, chọn **Import sản phẩm** -> chọn **tải về file mẫu** và điền thông tin sản phẩm vào file mẫu để tải lên (bạn có thể sao chép nội dung từ file danh sách sản phẩm cũ để tiết kiệm thời gian nhập thông tin sản phẩm vào file mẫu)

<figure><img src="https://2285749965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDglCO8rEIFVkSznJMttD%2Fuploads%2FWef9L9GQcIpD2y6UVFwe%2Fimage.png?alt=media&#x26;token=5fd7acdb-0df2-4003-b76a-e76ad52e871d" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2285749965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDglCO8rEIFVkSznJMttD%2Fuploads%2FKzMngWjIag56tbCZ2wpW%2Fimage.png?alt=media&#x26;token=85c992a2-a924-4208-a422-eec13f507d14" alt=""><figcaption></figcaption></figure>

Sau khi hoàn thành nhập thông tin sản phẩm vào file mãu -> chọn **tải lên file**, kết quả tải file được thể hiện ở bảng "**Lịch sử tải file**" bên trái

Sau khi tải lên danh sách sản phẩm thành công, mở lại tab chỉnh sửa website và chọn **nút đồng bộ sản phẩm** để cập nhật thông tin sản phẩm lên website của bạn

<figure><img src="https://2285749965-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDglCO8rEIFVkSznJMttD%2Fuploads%2FokGaiQNicZ9BxtOYWLD5%2Fimage.png?alt=media&#x26;token=face2639-3503-42f2-ac14-6e6da7796fb3" alt=""><figcaption></figcaption></figure>

**Bước 5**: Xuất bản Website mới

Sau khi chuyển đổi danh sách sản phẩm từ website cũ sang website mới, chọn dừng xuất bản website cũ và xuất bản lại website mới