Hướng dẫn Thiết kế web bán mỹ phẩm online

[rs_lyly2009]

Trong bài này mình sẽ hướng dẫn cài đặt và chỉnh sửa một mẫu website bán mỹ phẩm, đã được thiết kế sẵn.
Bạn chỉ cần làm đúng các bước, sẽ có ngay một website mỹ phẩm, mà không cần biết gì về lập trình, hoặc kĩ thuật.

Phần 1. Chuẩn bị
Bước 1. Đăng ký tên miền và hosting
Mình đã viết một bài chi tiết nói về vấn đề Tên miền và Hosting rồi. Hãy đọc lại bài viết này để biết nhé.

Bước 2. Cài đặt WordPress
Đọc bài hướng dẫn cài đặt WordPress này nhé

Bước 3. Tải và cài bộ công cụ
Bộ cài đặt bao gồm

• WordPress 5.2.1
• GeneratePress Theme & Child Theme
• Plugin Beaver Builder, Advanced Custom Fields, All in One WP Migration, Classic Editor, Duplicate Page, ManageWP Worker và WordPress Importer

Bộ cài đặt được cập nhật vào ngày 09/06/2019 và đã sửa lỗi

• Xóa tài khoản mặc định
• Ẩn một số thông báo cập nhật
• Thêm điều kiện cho trường thông tin ở Footer
• Sửa Web Options

Link tải bộ cài đặt: Google Drive

Và sau đó Import bộ công cụ đã tải theo hướng dẫn này.

Phần 2. Hướng dẫn
Vậy là bạn đã có một website với y hệt giao diện như đầu bài rồi. Tiếp theo chúng ta cùng tìm hiểu cách chỉnh sửa thông tin trên web theo thông tin doanh nghiệp bạn nhé!

1. Sửa Menu
Menu gồm Logo, Menu (Giới thiệu, Bảng giá, Khuyến mãi, Liên hệ), Điện thoại
Bạn cần đăng nhập vào WordPress, và bấm tiếp vào Beaver Builder > Bấm vào Thông tin liên hệ > Bạn sẽ thấy mục Logo và Điện thoại. Sửa ở đó là được.

​

Nếu bạn muốn đổi màu nút và số điện thoại, hãy bấm vào Màu sắc > Và đổi ở 3 mục màu sắc bên dưới.

​

Sau khi đổi xong thì bấm vào Update để lưu lại thay đổi nhé.
Với mục Menu, bạn vào Giao diện > Menu. Mục này mình sẽ không hướng dẫn thêm, bạn có thể đăng vào nhóm (đầu bài), nếu cần chỉnh sửa gì ở đó nhé!

2. Sửa giới thiệu
Giới thiệu bao gồm các phần như hình dưới.

​

Để sửa giới thiệu, hãy bấm vào Beaver Builder > Giới thiệu > Bạn sẽ thấy 4 vị trí và Ảnh giới thiệu, sửa ở đó.

3. Sửa khuyến mãi
Khuyến mãi bao gồm 3 ảnh.

​

Bạn thay ở Beaver Builder > Khuyến mãi. Thay xong nhớ bấm Update để lưu lại.

​

4. Sửa thông tin liên hệ
Thông tin liên hệ chính là phần ở dưới chân web, như trong hình.

​

Sửa ở Beaver Builder > Thông tin liên hệ giống Bước 1 Phần 3

5. Sửa Facebook/Zalo
Để sửa phần Facebook và Zalo ở bên tay phải website

​

Truy cập vào Giao diện > Sửa giao diện > Bấm vào Footer.php
Và sửa liên kết và chữ được đánh dấu bằng 3 mũi tên trong hình dưới.

• Đổi đường dẫn Facebook
• Đổi dòng chữ “Bạn có câu hỏi”
• Đổi số đằng sau đường dẫn zalo.me

​

6. Sửa Slide & Ảnh dưới khuyến mãi
Bạn bấm vào Beaver Builder > Sửa thôi.

​

7. Chỉnh sửa khác
Truy cập vào Cài đặt > Tổng quan > Đổi thông tin website > Bấm Lưu thay đổi

• Đổi Tên website, Khẩu hiệu, Địa chỉ Email
• KHÔNG ĐỔI Địa chỉ WordPress & Địa chỉ trang web: Hai địa chỉ này sẽ tự động cập nhật đúng theo tên miền của bạn, khi bạn làm xong Bước 2. Phần 2.

8. Đăng sản phẩm
Để đăng sản phẩm lên website, bạn bấm vào Bài viết > Viết bài mới

​

Nhìn qua bên phải, đánh dấu vào Mỹ phẩm > Sẽ xuất hiện phần Thông số kĩ thuật

Và điền thông tin cho từng sản phẩm thôi.

​

Nhớ điền mô tả nhanh cho mỹ phẩm

​

và Ảnh đại diện (sẽ hiển thị bên ngoài trang chủ)

​

Cuối cùng bấm Đăng

​

9. Lưu ý

1. Tài khoản quản trị là
Username: admin
Mật khẩu: admin
2. Xóa tài khoản tuanphan sau khi cài đặt website
3. Bỏ chặn Google Bot ở Cài đặt > Đọc

Trích từ Blog Themevi​

 

[jimmybui]

Cảm ơn bạn. Hướng dẫn cụ thể quá

 

[ky3q1999c]

Cám ơn bác

 

[htanh034]

Bác cho mình hỏi là sao khi mình bấm vào trang từng sản phẩm xong bấm vào Home thì nó không quay lại trang chình

 

[rs_lyly2009]

Bác cho mình hỏi là sao khi mình bấm vào trang từng sản phẩm xong bấm vào Home thì nó không quay lại trang chình

Vì trang Home của bác chưa thiết lập link trỏ về trang chính. Vào Giao diện > Menu > Bấm mũi tên nhỏ bên phải Home, để coi đang thiết lập link là gì, thì sửa lại link trang chủ.

 

[PhongThanThanh]

Cái này tối ưu seo kiểu gì thế bác? Phải cài thêm plugin ạ?

 

[rs_lyly2009]

Cái này tối ưu seo kiểu gì thế bác? Phải cài thêm plugin ạ?

Cài Yoast SEO hoặc RankMath nhá

 

[ngoctho100388]

Vào cài đặt, fix là đường dẫn tĩnh nhé bác.

 

[ngoctho100388]

Bác cho mình hỏi là sao khi mình bấm vào trang từng sản phẩm xong bấm vào Home thì nó không quay lại trang chình

Vào cài đặt, fix là đường dẫn tĩnh nhé bác.

 

[sonatim]

đối với web nhỏ thì mua gói host nào hợp lý nhỉ, mình dùng gói wordpress 75k/thang của PAvn mà tốc độ load chậm lắm. Lúc mới vào đợi cỡ hơn 10s. Ko phải do nhiều plugin đâu.

 

[rs_lyly2009]

đối với web nhỏ thì mua gói host nào hợp lý nhỉ, mình dùng gói wordpress 75k/thang của PAvn mà tốc độ load chậm lắm. Lúc mới vào đợi cỡ hơn 10s. Ko phải do nhiều plugin đâu.

Web load chậm do rất nhiều nguyên nhân nhé. Bác đăng website lên để ae kiểm tra thì mới biết được.

 

[sonatim]

Web load chậm do rất nhiều nguyên nhân nhé. Bác đăng website lên để ae kiểm tra thì mới biết được.

đây web mình đang làm: https://yeuhoahong.com.vn/
Bỏ hết plugin mạng xh rồi.
Ảnh cũng tối ưu các kiểu,
Tiện thể cho hỏi ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js là do cái plugin, có cái này hơi nặng

 

[rs_lyly2009]

đây web mình đang làm: https://yeuhoahong.com.vn/
Bỏ hết plugin mạng xh rồi.
Ảnh cũng tối ưu các kiểu,
Tiện thể cho hỏi ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js là do cái plugin, có cái này hơi nặng

Tốc độ thực chậm hay tốc độ test ở đây chậm? Hosting bác đặt ở đâu mà bác test ở tận Vancouver, Canada vậy. Web Việt thì phải test ở Hong Kong chứ

 

[sonatim]

Tốc độ thực chậm hay tốc độ test ở đây chậm? Hosting bác đặt ở đâu mà bác test ở tận Vancouver, Canada vậy. Web Việt thì phải test ở Hong Kong chứ

bạn cứ vào trang là biết, đợi load phải >15s. Nhưng khi load xong thì vào các mục thấy bình thương. host thì mua của PAVN, test kia tham khảo thôi, nhưng điểm A chứng tỏ source wp ko vấn đề rồi.

 

[sonatim]

https://yeuhoahong.com.vn/
Tốc độ thực chậm hay tốc độ test ở đây chậm? Hosting bác đặt ở đâu mà bác test ở tận Vancouver, Canada vậy. Web Việt thì phải test ở Hong Kong chứ

Liệu chuyển qua host của Bluehost có vấn đề không nhỉ. Thấy worpress đề xuất host đó. CHọn host Hongkong nhỉ.

 

[rs_lyly2009]

Liệu chuyển qua host của Bluehost có vấn đề không nhỉ. Thấy worpress đề xuất host đó. CHọn host Hongkong nhỉ.

Bác vào 100 group WordPress quốc tế, hỏi 100 người mỗi group: Có nên xài BlueHost không, 90/100 sẽ đừng dùng BlueHost.
BlueHost nhiều bên giới thiệu vì nó trả Affiliate cao, giá hosting lại rẻ.

Nếu muốn rẻ xài Hawkhost, có 3$/tháng thôi.
Nếu muốn support tốt xài SiteGround, có 4$/tháng năm đầu thôi.
Nếu muốn chất lượng ngon, IP riêng... thì Cloudways (em đang xài), 11$/tháng, cài cỡ 5-10 web, IP riêng, họ xài Cloud Server từ Google, Amazon, DO...Bác có thể lựa chọn một trong số đó. Hỗ trợ qua Livechat cũng rất ổn, bác có vấn đề có thể inbox FB cho mấy ông nhân viên ở đó, gọi là mấy ổng rep giúp liền. Cloudways cũng xếp top các hosting được dân quốc tế xài nhiều.

À Cloudways thì em đang xài Vultr - Tokyo, khá ngon.

 

[sonatim]

Bác vào 100 group WordPress quốc tế, hỏi 100 người mỗi group: Có nên xài BlueHost không, 90/100 sẽ đừng dùng BlueHost.
BlueHost nhiều bên giới thiệu vì nó trả Affiliate cao, giá hosting lại rẻ.

Nếu muốn rẻ xài Hawkhost, có 3$/tháng thôi.
Nếu muốn support tốt xài SiteGround, có 4$/tháng năm đầu thôi.
Nếu muốn chất lượng ngon, IP riêng... thì Cloudways (em đang xài), 11$/tháng, cài cỡ 5-10 web, IP riêng, họ xài Cloud Server từ Google, Amazon, DO...Bác có thể lựa chọn một trong số đó. Hỗ trợ qua Livechat cũng rất ổn, bác có vấn đề có thể inbox FB cho mấy ông nhân viên ở đó, gọi là mấy ổng rep giúp liền. Cloudways cũng xếp top các hosting được dân quốc tế xài nhiều.

À Cloudways thì em đang xài Vultr - Tokyo, khá ngon.

cảm ơn bạn. Mình nhu cầu cũng có 1 web nho nhỏ. host gần VN là tốt nhất. để mình xem mấy host bạn nói. Thanks!

 

[baccamlong]

Tui đang dự định làm bán quần áo , hy vọng sẽ ổn, cảm ơn bạn

 

[mrJaden]

thank bạn, web thì nhìn sẽ chuyên nghiệp hơn, nhưng hiện xu thế thì có lẽ k ăn thua đc so với các kênh bán hàng tương tác r