Lab 01: LẬP WEBSITE BÁN HÀNG MIỄN PHÍ VỚI WEBSTORE · Phần 1: Thiết lập website bán...

17
Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT Lab 01: Lập Website bán hàng miễn phí với webstore http://www.thaphet.net Trang 1 1 Lab 01: LẬP WEBSITE BÁN HÀNG MIỄN PHÍ VỚI WEBSTORE MỤC TIÊU : - Tìm hiểu về dịch vụ cung cấp thiết lập Website bán hàng miễn phí - Hướng dẫn thiết lập 1 website TMĐT - Hướng dẫn sử dụng và quản trị Website TMĐT NỘI DUNG Phần 1: Thiết lập website bán hàng với hệ thống dịch vụ WebStore cung cấp. Truy cập: http://webstore.ecompany.vn/personal-web-c-3002 Cung cấp các mẫu website để lựa chọn Chọn ,một mẫu: Lựa chọn mẫu website phù hợp theo nhu cầu từ danh mục mẫu Màn hình hiển thị chi tiết thông tin mẫu được chọn: Cung cấp một số thông tin cơ bản về sản phẩm, hình ảnh cơ bản Cho phép xem website mẫu. Tại khung bên trái Click "Cài đặt Website", để tiến hành cài đặt.

Transcript of Lab 01: LẬP WEBSITE BÁN HÀNG MIỄN PHÍ VỚI WEBSTORE · Phần 1: Thiết lập website bán...

Page 1: Lab 01: LẬP WEBSITE BÁN HÀNG MIỄN PHÍ VỚI WEBSTORE · Phần 1: Thiết lập website bán hàng với hệ thống dịch vụ WebStore cung cấp. ... chính của website

Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT

Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 1 1

Lab 01:

LẬP WEBSITE BÁN HÀNG MIỄN PHÍ VỚI WEBSTORE

MỤC TIÊU :

- Tìm hiểu về dịch vụ cung cấp thiết lập Website bán hàng miễn phí

- Hướng dẫn thiết lập 1 website TMĐT

- Hướng dẫn sử dụng và quản trị Website TMĐT

NỘI DUNG

Phần 1: Thiết lập website bán hàng với hệ thống dịch vụ WebStore cung cấp.

Truy cập: http://webstore.ecompany.vn/personal-web-c-3002

Cung cấp các mẫu website để lựa chọn

Chọn ,một mẫu:

Lựa chọn mẫu website phù hợp theo nhu cầu từ danh mục mẫu

Màn hình hiển thị chi tiết thông tin mẫu được chọn:

Cung cấp một số thông tin cơ bản về sản phẩm, hình ảnh cơ bản

Cho phép xem website mẫu.

Tại khung bên trái Click "Cài đặt Website", để tiến hành cài đặt.

Page 2: Lab 01: LẬP WEBSITE BÁN HÀNG MIỄN PHÍ VỚI WEBSTORE · Phần 1: Thiết lập website bán hàng với hệ thống dịch vụ WebStore cung cấp. ... chính của website

Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT

Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 2 2

Xem thông tin mẫu website trước khi cài đặt.

Màn hình hiển thị thông tin đăng ký cài đặt xuất hiện:

Điều đầy đủ thông tin như hình (Những vùng có dấu * là bắt buộc phải có)

Click "Đăng ký dùng thử website" để tiến hành.

Màn hình đăng ký sử dụng web.

Cửa sổ xác nhận thông tin hiển thị yêu cầu xác nhận thông tin

Click "Đăng ký dùng thử website"

Click Ok

Page 3: Lab 01: LẬP WEBSITE BÁN HÀNG MIỄN PHÍ VỚI WEBSTORE · Phần 1: Thiết lập website bán hàng với hệ thống dịch vụ WebStore cung cấp. ... chính của website

Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT

Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 3 3

Màn hình xác nhận tiến hành cài đặt.

Chờ vài giây hệ thống sẽ hiển thị kết quả cài đặt và cung cấp địa chỉ truy cập, tài khoản

đăng nhập vào mẫu để sử dụng ngay trang web vừa cài đặt.

Hệ thống tiến hành cài đặt trong vài giây.

Màn hình hiển thị kết quả cài đặt thành công.

Chúc mừng đã cài đặt thành công:

Lưu lại các thông

tin để truy cập

Page 4: Lab 01: LẬP WEBSITE BÁN HÀNG MIỄN PHÍ VỚI WEBSTORE · Phần 1: Thiết lập website bán hàng với hệ thống dịch vụ WebStore cung cấp. ... chính của website

Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT

Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 4 4

Truy cập vào Website để xem kết quả

Truy cập vào trang Quản trị để quản lý Website

Phần 2: Quản lý thông tin trang web.

Sau khi đã cài đặt thành công, truy cập vào địa chỉ website để xem website hoạt động, để

quản lý, truy cập vào địa chỉ quản lý mà hệ thống cung cấp (thông thường dưới dạng

yourweburl/admin.aspx).

Màn hình đăng nhập hệ thống quản trị.

Page 5: Lab 01: LẬP WEBSITE BÁN HÀNG MIỄN PHÍ VỚI WEBSTORE · Phần 1: Thiết lập website bán hàng với hệ thống dịch vụ WebStore cung cấp. ... chính của website

Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT

Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 5 5

Hệ thống quản trị website với đầy đủ tính năng cho một website bán hàng.

Sau khi đã đăng nhập vào hệ thống, bắt đầu ngay việc quản lý website. Có rất nhiều ứng

dụng mà hệ thống website cung cấp:

1. Quản trị người dùng

Là tính năng phân quyền người dùng quản trị website, tạo tài khoản cho người quản trị

website và phân quyền quản trị cho tài khoản đó.

Bước 1: Tạo tài khoản hệ thống

- Sau khi đăng nhập vào tài khoản quản trị website , chọn " Cấu hình chung"

Page 6: Lab 01: LẬP WEBSITE BÁN HÀNG MIỄN PHÍ VỚI WEBSTORE · Phần 1: Thiết lập website bán hàng với hệ thống dịch vụ WebStore cung cấp. ... chính của website

Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT

Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 6 6

- Sau đó Quý khách chọn " Tài khoản hệ thống " :

Bước 2: Sau khi Quý khách chọn" Tạo tài khoản hệ thống " cửa sổ giao diện sẽ hiển thị như

sau

Page 7: Lab 01: LẬP WEBSITE BÁN HÀNG MIỄN PHÍ VỚI WEBSTORE · Phần 1: Thiết lập website bán hàng với hệ thống dịch vụ WebStore cung cấp. ... chính của website

Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT

Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 7 7

- Tên đăng nhập: Đặt tên người dùng

- Mật khẩu: Đặt mật khẩu quản trị

- Tích chọn các modul của hệ thống để phân quyền cho tài khoản được tạo

- Thêm vào: Tài khoản đã được khởi tạo

Như vậy là đã hoàn thiện cách thức Tạo tài khoản quản trị người dùng của website.

2. Tạo và chỉnh sửa Logo & Banner

Đây là một công cụ hỗ trợ trong việc chỉnh sửa logo banner, nhằm làm cho giao diện

website đẹp và chuyên nghiệp hơn.

Bước 1: Sau khi đăng nhập hệ thống quản trị website, Quý khách chọn "Cấu hình

chung"

Bước 2: Lựa chọn mục "Cài đặt thuộc tính"

Page 8: Lab 01: LẬP WEBSITE BÁN HÀNG MIỄN PHÍ VỚI WEBSTORE · Phần 1: Thiết lập website bán hàng với hệ thống dịch vụ WebStore cung cấp. ... chính của website

Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT

Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 8 8

Bước 3: Click vào " Duyệt" để lựa chọn banner mong muốn của bạn.

Click vào "Cập nhập" để lưu lại banner vừa chọn. Như vậy là hoàn tất việc cập nhật

banner và logo.

3. Tạo danh mục sản phẩm

Bước 1: Sau khi đăng nhập hệ thống quản trị, chọn "Sản phẩm"

Giao diện quản trị hệ thống iNGA-WebStore

Page 9: Lab 01: LẬP WEBSITE BÁN HÀNG MIỄN PHÍ VỚI WEBSTORE · Phần 1: Thiết lập website bán hàng với hệ thống dịch vụ WebStore cung cấp. ... chính của website

Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT

Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 9 9

Bước 2: Xóa danh mục sản phẩm

Để xóa danh mục sản phẩm, Quý khách chọn "DS sản phẩm"

Giao diện danh sách sản phẩm

Để xóa được danh mục sản phẩm, Quý khách phải xóa tất cả sản phẩm thuộc danh mục

đó trong phần hiển thị, ẩn và thùng rác.

- Chọn danh mục sản phẩm cần xóa

- Click để chọn ô xóa tất cả sản phẩm

- Chọn "Xóa"

Sau khi đã xóa sản phẩm trong mục hiển thị, sẽ xóa tiếp trong thư mục thùng rác.

Giao diện danh sách sản phẩm

Page 10: Lab 01: LẬP WEBSITE BÁN HÀNG MIỄN PHÍ VỚI WEBSTORE · Phần 1: Thiết lập website bán hàng với hệ thống dịch vụ WebStore cung cấp. ... chính của website

Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT

Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 10 10

Như vậy là đã hoàn tất việc xóa các sản phẩm trong danh mục. Chọn sang "Danh mục

sản phẩm" để xóa danh mục đã chọn.

Giao diện danh mục sản phẩm

Bước 3: Thêm mới danh mục sản phẩm

Để thêm mới danh mục sản phẩm chọn "Thêm mới"

Giao diện thêm mới sản phẩm

Trong phần này điền thông tin Danh mục sản phẩm cần thêm mới

- Tiêu đề: Tên danh mục sản phẩm cần thêm mới

- Hiển thị RSS: Cho phép các website copy tự động được thông tin từ bài viết của mình

- Hiển thị tại trang chủ: Hiển thị danh mục tại trang chủ

- Hiển thị danh mục con: Hiển thị các danh mục con tại trang chủ

- Thứ tự: Chọn thứ tự cần sắp xếp

- Hỗ trợ SEO: Thông tin hỗ trợ seo lên google

Chọn "Thêm vào"

Page 11: Lab 01: LẬP WEBSITE BÁN HÀNG MIỄN PHÍ VỚI WEBSTORE · Phần 1: Thiết lập website bán hàng với hệ thống dịch vụ WebStore cung cấp. ... chính của website

Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT

Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 11 11

Giao diện thêm mới danh mục sản phẩm

Bước 4: Tạo danh mục con cho danh mục sản phẩm

Click vào danh mục sản phẩm cần thêm danh mục con.

Ví dụ: Thêm danh mục con "Váy mặc ngày cưới" của danh mục "VÁY CƯỚI"

Giao diện danh mục sản phẩm

Giao diện thêm mới danh mục con

Page 12: Lab 01: LẬP WEBSITE BÁN HÀNG MIỄN PHÍ VỚI WEBSTORE · Phần 1: Thiết lập website bán hàng với hệ thống dịch vụ WebStore cung cấp. ... chính của website

Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT

Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 12 12

Để thêm các danh mục con khá,c làm tương tự

Sau khi đã thêm mới F5 tại trang chủ website, sẽ thấy danh mục sản phẩm thêm mới.

Giao diện sau khi đã thêm mới danh mục sản phẩm

Như vậy là đã hoàn tất việc Tạo danh mục sản phẩm.

4. Thêm mới, chỉnh sửa sản phẩm

Bước 1: Sau khi đã đăng nhập hệ thống quản trị web, Quý khách chọn "Sản phẩm"

Giao diện quản trị Website tại hệ thống ứng dụng iNGA Webstore

Page 13: Lab 01: LẬP WEBSITE BÁN HÀNG MIỄN PHÍ VỚI WEBSTORE · Phần 1: Thiết lập website bán hàng với hệ thống dịch vụ WebStore cung cấp. ... chính của website

Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT

Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 13 13

Bước 2: Chọn "DS sản phẩm"

Giao diện danh sách sản phẩm

- Thể thêm mới sản phẩm: Chọn vào "Thêm mới"

- Xóa sản phẩm trong danh sách sản phẩm: Chọn biểu tượng "hình thùng rác"

- Chỉnh sửa sản phẩm: Chọn hình bút chì màu vàng để sửa

Giao diện danh sách sản phẩm

Bước 3: Thêm mới sản phẩm

- Chọn "Thêm mới" sản phẩm

- Điền thông tin của Sản phẩm theo bảng thông tin

Ví dụ: Thêm mới sản phẩm "Váy mặc ngày cưới 001" vào danh mục sản phẩm "Váy mặc ngày

cưới"

Page 14: Lab 01: LẬP WEBSITE BÁN HÀNG MIỄN PHÍ VỚI WEBSTORE · Phần 1: Thiết lập website bán hàng với hệ thống dịch vụ WebStore cung cấp. ... chính của website

Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT

Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 14 14

Giao diện thêm mới sản phẩm

Page 15: Lab 01: LẬP WEBSITE BÁN HÀNG MIỄN PHÍ VỚI WEBSTORE · Phần 1: Thiết lập website bán hàng với hệ thống dịch vụ WebStore cung cấp. ... chính của website

Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT

Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 15 15

Bước 4: Chỉnh sửa thông tin sản phẩm

- Để chỉnh sửa thông tin sản phẩm, vào biểu tượng để chỉnh sửa sản phẩm

- Nhập các thông tin, hình ảnh cần chỉnh sửa, và Click vào "Cập nhật" để lưu lại thông tin đã

chỉnh sửa.

5. Quản lý menu chính của website.

Menu chính là thanh điều hướng quan trọng nhất cho trang web, thông thường menu

chính hiển thị các ứng dụng có trên website của bạn. sử dụng OWF, có thể tự quản lý menu

chính của website bằng cách chọn ứng dụng "Quản lý menu chính" tại màn hình quản lý.

Màn hình hiển thị menu chính của hệ thống.

Ứng dụng quản lý menu chính cho phép bạn thêm bớt, hiệu chỉnh hệ thống menu của

website. Bạn có thể điều khiển để menu chính là một trang giới thiệu (Vd: menu giới thiệu),

hay di chuyển đến ứng dụng tin tức (menu thông tin tin tức), hoặc đó là cửa hàng trực tuyến

(menu shop)... Kích hoạt, ẩn hay thay đổi thứ tự hiển thị các menu chính...tất cả những gì cần

thiết cho hệ thống menu của website bạn đều có thể thực hiện được.

Page 16: Lab 01: LẬP WEBSITE BÁN HÀNG MIỄN PHÍ VỚI WEBSTORE · Phần 1: Thiết lập website bán hàng với hệ thống dịch vụ WebStore cung cấp. ... chính của website

Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT

Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 16 16

6. Quản lý các thông tin khác của website.

Giờ đây ta sẽ quản lý các thông tin chung, cài đặt các thông số để hoàn tất việc thiết kế

trang web của mình. Trước tiên, phải xác định ứng dụng sản phẩm (shop) sẽ là ứng dụng phục

vụ mặc định, đăng banner, thay màu nền trang web, thay đổi các thông tin chân trang, trang

liên hệ... để thực hiện, truy cập ứng dụng: "Cài đặt chung" > "Cài đặt thuộc tính".

Cài đặt các thông tin thuộc tính chung cho trang web.

Page 17: Lab 01: LẬP WEBSITE BÁN HÀNG MIỄN PHÍ VỚI WEBSTORE · Phần 1: Thiết lập website bán hàng với hệ thống dịch vụ WebStore cung cấp. ... chính của website

Thực hành: Phát triển phần mềm mã nguồn mở Magento xây dựng Website TMĐT

Lab 01: Lập Website bán hàng miễn phí với webstore – http://www.thaphet.net Trang 17 17

Tiếp theo, chúng ta thay đổi tiêu đề, các từ khóa trang web... để tiến hành, chúng ta sử

dụng ứng dụng "Cài đặt chung" > "Cài đặt hệ thống".

Cài đặt chung: tiêu đề, từ khóa, cầu hình Webadmin tool, email hệ thống...

Sau khi hoàn tất, bạn có thể đưa trang web vào sử dụng, bằng cách truy cập vào tên

miền cài đặt, lúc này website đã là một shoping cá nhân để có thể bắt đầu kinh doanh.

Website đã sẵn sàng, bạn hãy bắt đầu kinh doanh.