Bạn có kiến thức it và muốn làm trang website bán hàng,hãy sử dụng soruce code web bán hàng bằng WordPress miễn phí full data  mà Thiết kế web Sơn Web đã làm cho đơn vị thiết bị chiếu sáng, có web mẫu là belight.vn và bán các thiết bị điện máy cho gia đình sử dụng theme flatsome

Share code bán hàng wordpress đầy đủ chức năng thiết bị camera

Bạn đang kinh doanh thiết bị camera và muốn làm website bán hàng WordPress miễn phí có thể sử dụng giao diện mẫu dưới đây được Sơn Web làm cho khách hàng bán camera tích hợp giỏ hàng, thông báo đơn hàng qua telegram,facebook, chat online qua zalo,sử dụng theme flatsome bản quyền kích hoạt sản key bản quyền

Tải miễn phí tải source code web bán hàng và mysql tại đây:  Tải ngay

https://drive.google.com/file/d/19R3LvFkESMJRmZFnYf44O8ax9iDUH7Wt/view?usp=sharing

Chia sẻ code bán hàng wordpress thiết bị chiếu sáng đầy đủ chức năng

Web làm thiết bị chiếu sáng cho công ty TMDV KT HKMED , sử dụng cms WordPress và plugin woocommerce để làm website .1 một chức năng nổi bật đã cài sẵn trong source code web bán hàng WordPress bán thiết bị chiếu sáng belight:

Tải source code bán hàng thiết bị chiếu sáng :  Download Source Code bán hàng free thiết bị chiếu sáng

Các bước cài đặt source code web bán hàng camera lên host

Bước 1: Bạn import file database lên host

Bước 1.1: Vào bảng sw_option thay bằng tên website của bạn vào :

Bước 2: Upload source code lên thư mục pubish_html

Bước 3: Cập nhật file wp-config.php , thay tên database,user,pass database của bạn vào

Bước 4: Đăng nhập Admin với tài khoản: user: admin01 , pass: 123456@admin

Xem video hướng dẫn cơ bản: https://www.youtube.com/watch?v=h0bqbNO3n28

giao diện web sau khi cài đặt: https://dinhvicameramini.com/

Truy cập kho giao diện mẫu website bán hàng

Để lựa chọn giao diện web bán hàng, bạn truy cập vào trang chủ www.wordpress.org. Sau đó kích chọn vào menu Themes để vào khu vực giao diện.

Sau đó, bạn chọn vào Feature Filter để hiển thị danh sách chọn giao diện theo chủ đề. Tại bảng chọn giao diện, tại cột Subject, bạn kích chọn vào E-Commerce để chọn hiển thị các giao diện mẫu theo chủ đề thương mại điện tử. Sau đó bấm Apply Filters để hiển thị kết quả.

Kết quả của việc chọn lựa các giao diện thương mại điện tử để thể hiện được hiển thị ra bảng bên dưới.

Bạn chỉ viện lăn chuột xem các mẫu giao diện và kích chọn vào các giao diện ưng ý để xem trước và sau đó có thể download về để cài đặt.

Để cài đặt các thông số chung cho trang web như:

Để cài đặt giao diện trang web, bạn vào trang quản trị, chọn phần giao diện > Tùy chỉnh

Một giao diện tùy chỉnh trang web xuất hiện. Tùy thuộc vào loại giao diện mà các bạn cài đặt, các menu trong này có thể sẽ khác nhau.

Bạn kích vào nhận dạng Site trên bảng danh sách các cài đặt trên. Một giao diện trong nhận dạng site xuất hiện. Ở đây bạn có thể thiết lập logo cho trang web, đặt biểu tượng cho trang web (icon).

Bấm vào chọn Logo để bắt đầu upload logo lên web.

Bấm chọn vào Chọn tập tin để chọn file Logo từ máy tính.

Chọn file hình ảnh logo và bấm open để upload file ảnh lên.

Bấm chọn để chọ logo vừa up lên

Bấm cắt ảnh để thay đổi kích cỡ logo

Logo trang web đã xuất hiện, bạn bấm vào Lưu và đăng để đăng logo trang web lên hệ thống.

Biểu tượng (icon) trang web là hình ảnh trên thanh địa chỉ trang web. Nếu bạn chưa cài đặt biểu tượng trang web, nó sẽ mặc định là một file trắng:

Để cài đặt biểu tượng này về biểu tượng của cửa hàng của bạn, bạn thực hiện tuần tự như sau: Bấm vào chọn ảnh để bắt đầu đưa ảnh biểu tượng icon lên.

Bấm vào nút Chọn tập tin để vào máy tính upload lên.

Chọn biểu tượng site trên máy tính và open để load lên.

Chọn biểu tượng đã upload lên thư viện trang web.

Chọn bỏ cắt (nếu không muốn thay đổi kích cỡ biểu tượng của trang đã load lên) hoặc chọn cắt nếu muốn thay đổi kích cỡ ảnh.

Lưu thay đổi để cập nhật biểu tượng site lên hệ thống

Và kết quả là biểu tượng trang của bạn đã được hiển thị:

Ngoài các cài đặt về logo và icon cho trang, bạn có thể cài đặt tiêu đề và Slogan cho trang web của mình tại mục Cài đặt nhận dạng site.

Tại đầu trang (header) bạn có thể đặt hình ảnh hoặc chọn màu nền cho phần này, hoặc cài đặt màu sắc của font chữ (các menu tại header) và màu của các liên kết....

Tại đây, bạn có thể lựa chọn các màu sắc muốn hiển thị cho nền của header.

Thay vì header bạn chọn màu, bạn có thể chọn thể hiện nền header bằng hình ảnh. Bạn bấm Thêm ảnh mới tại Tiêu đề hiện tại.

Bạn bấm Chọn tập tin để chọn hình ảnh từ máy tính.

Bạn chọn hình nền đã được chuẩn bị sẵn từ máy tính (lưu ý, giao diện gợi ý lựa chọn kích thước hình nền cho header là 1950x500 px tương ứng với chiều cao ảnh là 500px và chiều rộng ảnh là 1950 px; Bạn có thể download từ trên internet hoặc tự thiết kế riêng cho mình các hình ảnh với các kích thước mong muốn bằng các phần mềm như Photoshop).

Bạn chọn hình nền đã load lên thư viện và bấm Chọn và cắt để tiếp tục.

Tại bước này bạn có thể chọn Cắt nếu muốn thay đổi kích thước hoặc Bỏ cắt nếu giữ nguyên kích thước ảnh (ví dụ này đã chọn bức ảnh đúng kích thước gợi ý của trang web là 1950x500px nên sẽ chọn Bỏ cắt).

Sau đó, hình nền trang web đã xuất hiện, bạn chỉ cần bấm Lưu và đăng để cập nhật hình nền trên hệ thống.

Widget là các ứng dụng mở rộng có thể thêm vào các vị trí trên trang web (do giao diện trang web quy định vị trí xuất hiện). Với giao diện này (Storefront), các Widget có thể thêm vào Sildebar (thanh bên). Với hình bên dưới, bạn có thể thấy rằng hiện tại mặc định giao diện ban đầu cung cấp các Widget như Tìm kiếm, Phản hồi gần đây, Lưu trữ, Chuyên mục,...Trong ví dụ này, ta sẽ thêm một Widget là các văn bản bất kỳ.

Khi bấm vào Slidebar, thanh bên trái hiển thị các Widget mặc định đã có của wordress trang bị cho trang web.

Bạn chọn vào +Thêm một widget, menu các Widget mở rộng bên phải xuất hiện. Ở đây bạn có thể chọn bất kỳ Widget nào để thêm vào Slidebar của mình. Tuy nhiên để có thêm nhiều Widget với nhiều tính năng hơn nữa bạn cần cài đặt các Plugin mở rộng cho trang web của mình (tùy theo yêu cầu tính năng mà bạn lựa chọn các Plugin).

Sau khi nhập các nội dung vào Widget văn bản, thanh slidebar bên phải đã xuất hiện khu vực mới. Bạn có thể bấm chọn Lưu và đăng để giữ Widget này hiển thị hoặc bỏ qua việc này bằng cách bấm thoát hộp nhập thông tin cho Widget văn bản.

Với theme giao diện Storefront, bạn sẽ có 4 vị trí dưới chân trang để thêm các mục thông tin. Thông thường dưới chân trang các trang web mua bán là nội dung liên hệ, các sản phẩm hoặc các điều khoản mua bán, sử dụng dịch vụ,...Tùy thuộc và nhu cầu thực tế mà bạn sẽ chọn các widget phù hợp hoặc cài thêm các Plugin để có được các Widget mong muốn.

Bạn chọn vào Footer 1 để xuất hiện danh sách các Plugin có thể cài đặt cho vị trí thứ nhất dưới chân trang. Tương tự widget cho slidebar thực hiện bên trên, bạn có thể chọn Widget Văn bản.

Bạn nhập các thông tin muốn xuất hiện cho Widget chân trang tại vị trí đầu tiên

Tương tự các thao tác trên, bạn có thể thêm nội dung cho các vị trí số 2, 3 và 4 cho chân trang web của mình.

Nếu bạn biết lập trình một cách thành thạo và có thể thiết kế website bán hàng chuyên nghiệp như các đơn vị thiết kế web site khác thì những phần này không phải là vấn đề đối với bạn. Tuy nhiên, điều mà chúng ta đang bàn đến ở đây là vận dụng các công cụ tiện ích với những người không nhiều kỹ năng về lập trình và công nghệ. Và việc ứng dụng các công cụ như Wordpress vào thiết kế web bán hàng là điều đáng được quan tâm.

Đến hiện tại, ta đã cơ bản xây dựng được giao diện một trang web. Tuy nhiên tính năng bán hàng chưa xuất hiện trên trang web này. Để làm được điều này, ta phải cài đặt các Plugin quan trọng hỗ trợ tính năng bán hàng và quản lý sản phẩm, đó là Plugin Woocommerce. Trong bài sau, ta sẽ cài đặt Plugin quan trọng này và hiệu chỉnh lại một số thuộc tính giao diện tương thích với website bán hàng sau khi đã cài Woocommerce.