Tiểu Luận - Xây Dựng Website Cho Doanh Nghiệp Ăn Vặt Phú Quý

Trang web cung cấp một cơ hội để bạn bán sản phẩm hoặc dịch vụ của mình 24/7 mà không cần phải chờ đợi giờ mở cửa hoặc tắt cửa.. Tùy chọn trong trang cPanel Bước 3: Tiến hành thiết lập

TRƯỜNG CAO ĐẲNG THỰC HÀNH FPT POLYTECHNIC

XÂY DỰNG WEBSITE CHO DOANH NGHIỆP ĂN

VẶT PHÚ QUÝ

Page | 1 XÂY DỰNG WEBSITE 2

Lời mở đầu

Thiết kế website đang dần trở thành nhu câu không thể thiếu với bất kì doanh

nghiệp, cá nhân nào Lợi ích thiết kế website mang vô cùng lớn như: Tăng cảm hứng và sự uy tín của doanh nghiệp trong mắt người dùng, cung cấp thông tin giới thiệu về doanh nghiệp, sản phẩm hoặc dịch vụ của bạn với phạm vi rộng lớn

Trang web cung cấp một cơ hội tuyệt vời để giới thiệu về bạn với một số đối tượng khách hàng mới và rộng hơn Sở hữu một trang web chuyên nghiệp có thể tăng uy tín cho doanh nghiệp của bạn trong mắt khách hàng và đối tác

Trang web cung cấp một cơ hội để bạn bán sản phẩm hoặc dịch vụ của mình 24/7

mà không cần phải chờ đợi giờ mở cửa hoặc tắt cửa

Trang web có thể được tìm kiếm dễ dàng bằng các công cụ tìm kiếm như Google, giúp tăng khả năng tìm kiếm cho doanh nghiệp của bạn.

XÂY DỰNG WEBSITE 2

Mục lục

Phần I: CHUẨN BỊ 4

1.1 Phác thảo website qua trang web Figma: 4

1.2 Lên sơ đồ hiển thị qua trang web Draw.io 5

1.3 Domain và tài khoản quản lý Domain: 5

1.4 Hosting và tài khoản Hosting (Cpanel hoặc Directadmin) 5

1.5 Trỏ Domain về IP Hosting (Cấu hinh DNS) 5

1.5 Trỏ địa chỉ IP vào đây để quản lý DNS 6

1.6 Cài đặt Wordpress: 6

PHẦN II: CÀI ĐẶT THEME TÙY BIẾN WEBSITE 8

2.1 Các bước cài đặt Theme: 8

2.2 Tuỳ biến Website .12

4.1 Cài đặt được plugin Rank Math Seo và sử dụng được chức năng SEO cho website 25

4.2 Cài đặt được plugin SMTP (Simple Mail Transfer Protocol) để nhận thông báo khách hàng đặt hàng trên trang web 27

4.1 Trang chủ 29

4.2 Sản phẩm 32

4.3 Giới thiệu 34

4.4 Trang liên hệ 36

4.5 Trang Blog 37

4.6 Trang chính sách bán hàng 38

4.7 Kết luận 39

Page | 3 XÂY DỰNG WEBSITE 2

Phần I: CHUẨN BỊ

Tên miền (domain): https://anvatphuquy.com/

1.1 Phác thảo website qua trang web Figma:

Page | 4 XÂY DỰNG WEBSITE 2

1.2 Lên sơ đồ hiển thị qua trang web Draw.io

1.3 Domain và tài khoản quản lý Domain:

Tài khoản quản lí Domain có thể sử dụng bất kỳ bên thứ 3 nào cung cấp các dịch vụ này

1.4 Hosting và tài khoản Hosting (Cpanel hoặc Directadmin).

Hình 3 Trang chủ cPanel

1.5 Trỏ địa chỉ IP vào đây để quản lý DNS

Hình 4 Trang quản lí mua domain và hosting

1.6 Cài đặt Wordpress:

Bước 1: Quay trở lại tài khoản quản lý Hosting của bạn (Cpanel hoặc

Directadmin)

Hình 5 Tùy chọn trong trang cPanel

Bước 3: Tiến hành thiết lập cài đặt tài khoản, mật khẩu WordPress

Hình 7 Cài đặt theme

Kết quả:

Hình 8 Giao diện đã cài WordPress

PHẦN II: CÀI ĐẶT THEME TÙY BIẾN WEBSITE

2.1 Các bước cài đặt Theme:

Bước 1: Đăng nhập vào tàii khoản Admin của WordPress

Hình 9 Đăng nhập WordPress

Giao diện đăng nhập thành công:

Bước 3: Chọn Add New hoặc Add New Theme để thêm giao diện mới

Bước 4: Chọn giao diện phù hợp với loại hình kinh doanh

Bước 5: Cài đặt các plugins mà mẫu yêu cầu -> Next

Hình 11 Chọn theme mẫu

Kết quả:

Hình 12 Giao diện website đã cài theme

2.2 Tuỳ biến Website

2.2.1 Tuỳ biến Menu:

Bước 1: Chọn Appearance chọn Customize để tuỳ biến Menu

Giao diện khi chọn Appearance chọn Customize

Hình 13 Tùy chọn thay đổi logo cho website

Bước 2: Chọn Menu

Bước 3: Thiết lập Menu và thông tin Menu bạn mong muốn và nhấn Published.

2.2.2 Tuỳ biến Header và Fooder:

- Tuỳ biến Header:

Bước 1: Chọn Slider Levolution để tuỳ biến Header

Hình 14 Tùy biến Header

Bước 2: Chọn Header của giao diện bạn đã chọn.

Giao diện khi vào tuỳ biến Header

- Tuỳ biến Fooder:

Bước 1: Appearance chọn Customize để tuỳ biến Fooder

Bước 2: Chọn Widgets

• Chỉnh sửa các hạng mục trong Fooder bao gồm: Text, Bố cục, Color,…

2.2.3 Tuỳ biến Logo:

Tải Logo yêu thích của mình

và kích thước phải phù hợp với web

Bước 3:

Chọn Logo để tùy biến logo

Page | 17 XÂY DỰNG WEBSITE 2

2.2.4 Tuỳ biến trang chủ:

Click Edit with BeBuilder (Hoặc Edit with Elementer, Edit Page) để có thể sửa trang Web

Tùy biến Trang Chủ

Hình 15 Tùy biến trang chủ

Page | 18 XÂY DỰNG WEBSITE 2

- Sản phẩm:

- Giới thiệu:

Page | 19 XÂY DỰNG WEBSITE 2

- Liên hệ:

- Sản phẩm mới:

Phần III THIẾT KẾ CHI TIẾT

3.1 Cài đặt thành công giỏ hàng và các Plugin cho Woocommerce

Bước 1: Cài đặt Woocommerce

Để bắt đầu, bạn cần phải cài đặt Woocommerce trên trang web WordPress của mình Điều này có thể được thực hiện bằng cách truy cập vào trang quản

Page | 21 XÂY DỰNG WEBSITE 2

Hình 16 Cài đặt Woocommerce

Bước 2: Sau khi tiến hành cài đặt Woocommerce tiến hành để thiết lập danh

mục sản phẩm Chọn Products -> Add New

3.2 Tạo được trang giỏ hàng và thêm được sản phẩm cho giỏ hàng

Bước 1: Tiến hành để thiết lập danh mục sản phẩm Chọn Products -> Add New

Page | 23 XÂY DỰNG WEBSITE 2

Bước 2: Thiết lập danh mục sản phẩm

Tải ảnh chọn Add Media

PHẦN 4: THIẾT KẾ CHI TIẾT WEBSITE

4.1 Cài đặt được plugin Rank Math Seo và sử dụng được chức năng

SEO cho website

Bước 1: Chọn Plugin -> Cài mới Tìm từ khóa Rank Math Seo cài đặt và

kích hoạt

Hình 17 Cài đặt Rank Math Seo

2 Bước 2

Bước 3 Sử dụng Rank Math Seo để tối ưu bài viết trên website

4.2 Cài đặt được plugin SMTP (Simple Mail Transfer Protocol) để nhận thông báo khách hàng đặt hàng trên trang web

Bước 1: Tìm kiếm "Easy WP SMTP" bằng cách nhập từ khóa vào ô tìm

kiếm hoặc tải xuống trực tiếp từ trang chủ WordPress

Bước 5: Điền thông tin SMTP của bạn vào các trường như Host, Port,

Username, Password, Encryption và Email

Bước 6: Sau khi đã điền đầy đủ thông tin, nhấn vào nút "Save Changes" để lưu cấu hình

Phần IV: HOÀN THIỆN WEBSITE

4.1 Trang chủ

Trang chủ đảm bảo các tiêu chí:

- Thiết kế bố cục rõ ràng và trực quan: Trang chủ của bạn cần phải được thiết kế một cách rõ ràng và trực quan để người dùng dễ dàng tìm kiếm các thông tin

19 Website hoàn thiện

4.2 Sản phẩm

- Tạo ra các danh mục sản phẩm: Tạo ra các danh mục sản phẩm và phân loại sản phẩm theo danh mục sẽ giúp khách hàng tìm kiếm và lựa chọn sản phẩm một cách dễ dàng hơn

- Sử dụng plugin tạo bảng giá và đặt hàng

- Đặt nút gọi đến hành động (CTA) rõ ràng

- Tạo bố cục trang sản phẩm hấp dẫn: Tạo bố cục trang sản phẩm hấp dẫn với các thông tin chi tiết, ảnh sản phẩm và đánh giá sẽ giúp tăng khả năng người dùng mua sản phẩm

- Sử dụng một tiêu đề đầy đủ và rõ ràng - Cung cấp

thông tin chi tiết về sản phẩm và dịch vụ - Tạo động

lực để khách hàng liên hệ với công ty - Sử dụng một

bố cục trực quan và dễ đọc

4.4 Trang liên hệ

- Cung cấp địa chỉ và thông tin liên lạc

- Sử dụng biểu mẫu liên hệ

- Cung cấp hướng dẫn cho người dùng

4.5 Trang Blog

4.6 Trang chính sách bán hàng

4.7 Kết luận

- Báo cáo bảo vệ môn của tôi đã trình bày về quá trình xây dựng trang web bằng WordPress Tôi đã tìm hiểu và áp dụng các kỹ năng để tối ưu hóa bố

Ngoài ra, tôi cũng đã học được những ưu điểm của WordPress như khả năng tùy chỉnh, thiết kế responsive, quản lý nội dung dễ dàng, tối ưu hóa SEO, tính bảo mật cao và khả năng tích hợp với các dịch vụ khác Tôi hi vọng những kiến thức này sẽ hữu ích cho các bạn trong quá trình xây dựng trang web của mình.