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

rs_lyly2009


Moderator
Thành viên BQT
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.

mypham01-jpg.4420
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Đ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

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


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


Ả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​
 

htanh034

Gà con
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


Moderator
Thành viên BQT
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ủ.
 
Tin công nghệ
Liên Hệ và Hợp Tác

Top