Theme WordPress gia công mỹ phẩm mẫu số 43

Theme WordPress gia công mỹ phẩm mẫu số 43 là website giới thiệu xưởng và thương hiệu gia công mỹ phẩm: thanh trên cùng có email và số điện thoại, menu bảy mục nền xanh đen, banner trượt, khối Về chúng tôi, sáu dịch vụ, bốn lý do chọn, tám danh mục gia công, ba bài cẩm nang, dải logo khách hàng và chân trang bốn cột. Bản demo kèm 18 trang, 4 bài viết và 6 sản phẩm trưng bày không có giá, dựng hoàn toàn bằng khối kéo thả UX Builder của Flatsome.

Thông tin nhanh về mẫu số 43

Theme này hợp với ai

Bạn đang vận hành xưởng hoặc thương hiệu gia công mỹ phẩm, cần một website kể rõ các dịch vụ trọn gói (gia công, nguyên liệu, chai lọ, bao bì, đăng ký thương hiệu, chuyển giao công nghệ), có danh mục sản phẩm có thể gia công để khách xem mẫu và một trang báo giá riêng. Khối Lý do nên chọn đặt bốn cam kết cạnh nhau trên nền tối nên dễ đọc lướt, dải logo khách hàng tự chạy ngang tạo độ tin cậy, còn cẩm nang làm đẹp giúp bạn đăng bài thường xuyên. Nếu bạn cần khách thêm sản phẩm vào giỏ và thanh toán ngay thì bản demo chưa làm sẵn: sản phẩm chưa có giá, chưa có nút mua.

Trong bản demo có những gì

Các khối đọc từ trên xuống ở trang chủ, mỗi khối là một phần tử kéo thả riêng:

• Đầu trang: thanh trên cùng nền trắng có dòng giới thiệu, email và số điện thoại; bên dưới là hàng nền xanh đen gồm logo, menu 7 mục (Trang chủ, Về chúng tôi, Dịch vụ, Gia công mỹ phẩm, Báo giá, Tin tức, Liên hệ; bốn mục có menu con) và ô tìm kiếm.
• Banner trượt: hai ảnh tự chuyển sau 6 giây, dừng lại khi rê chuột vào, quay vòng; bản điện thoại dùng ảnh riêng.
• Về chúng tôi: ảnh bộ sản phẩm bên trái, tiêu đề, ba đoạn giới thiệu và nút Xem chi tiết bên phải, kết thúc bằng dải sóng xanh.
• Các dịch vụ: sáu dịch vụ xếp hai hàng ba cột, mỗi dịch vụ có biểu tượng, tiêu đề và đoạn mô tả.
• Lý do nên chọn: nền xanh đen, bốn thẻ trắng bo góc cao bằng nhau, mỗi thẻ có biểu tượng trong vòng tròn, tiêu đề và đoạn mô tả.
• Gia công mỹ phẩm trọn gói: tám danh mục ảnh vuông bo góc xếp hai hàng bốn ô, dưới mỗi ảnh có tên danh mục chữ hoa và số sản phẩm.
• Cẩm nang làm đẹp: ba thẻ bài viết cùng chiều cao, mỗi thẻ có ảnh, tiêu đề, ngày đăng, đoạn trích và nút Xem chi tiết, kèm nút Xem thêm bài viết.
• Khách hàng: dải tám logo tự chạy ngang.
• Chân trang: nền xanh đen, bốn cột: logo kèm đoạn giới thiệu và biểu tượng mạng xã hội; thông tin liên hệ; danh mục sản phẩm gia công; danh mục dịch vụ chính.

Kèm sẵn 18 trang: Trang chủ; Về chúng tôi (3 trang con: Hồ sơ năng lực, Sứ mệnh – tầm nhìn, Quan hệ khách hàng); Dịch vụ (6 trang con: Gia công mỹ phẩm, Cung cấp nguyên liệu, Chuyển giao công nghệ và đào tạo, Cung cấp chai lọ mỹ phẩm, Thiết kế bao bì và in ấn, Đăng ký thương hiệu và công bố sản phẩm); Gia công mỹ phẩm (gian hàng); Báo giá; Liên hệ; Giỏ hàng; Thanh toán; Tài khoản. Dữ liệu gồm 4 bài viết (đều trong chuyên mục Tin tức; ba chuyên mục còn lại để trống), 6 sản phẩm trong 9 danh mục sản phẩm và 2 biểu mẫu Contact Form 7, trong đó một biểu mẫu chưa gắn vào trang nào. Trang danh mục sản phẩm và trang bài viết có cột bên.

Trên máy tính bảng, menu thu thành nút Menu bên trái, logo nằm giữa, biểu tượng tìm kiếm bên phải; banner thu theo bề ngang, khối Về chúng tôi xếp ảnh cạnh chữ, sáu dịch vụ xếp ba cột, bốn thẻ của khối Lý do nên chọn xếp hai hàng hai thẻ.

Trên điện thoại, dòng chữ chào, nút Menu, logo và biểu tượng tìm kiếm xếp thành hai hàng, banner thu gọn theo bề ngang; các khối Về chúng tôi, dịch vụ, lý do chọn, danh mục, bài viết và chân trang xếp dọc từng khối một, mỗi thẻ lý do chiếm trọn bề ngang. Menu mở từ bên trái và có ô tìm kiếm.

Bản demo nặng nhẹ ra sao

Số đo thật khi mở như khách chưa đăng nhập:

Ghi chú: thời gian trên là thời gian máy chủ trả mã HTML, đo bằng trình duyệt, chưa gồm thời gian tải ảnh và tệp. Dung lượng là dung lượng thật của từng tệp sau khi giải nén. Phần nặng nhất của trang là kiểu của Flatsome (152KB), jQuery (88KB) và tệp biểu tượng dashicons (59KB) của WordPress tải cả với khách chưa đăng nhập; mẫu này không dùng Font Awesome. Ảnh trong bản demo là ảnh mẫu chưa nén kỹ, nên nén ảnh của bạn trước khi tải lên. Khi xem trọn trang trong khung có đăng nhập, tổng dữ liệu tải về là khoảng 2,07MB với 92 yêu cầu ở máy tính và khoảng 1,59MB với 76 yêu cầu ở điện thoại; số này đo lúc đang đăng nhập nên chỉ để tham khảo, chưa phải số của khách thật. Chưa đo trên mạng di động.

Mẫu số 43 khác mẫu số 42 ở đâu

Ghi chú: số của mẫu số 42 lấy từ lần đo ghi ở mô tả mẫu số 42, cùng cách đo với mẫu số 43 (khách chưa đăng nhập, cộng dung lượng thật của từng tệp). Mẫu số 43 nhẹ hơn ở tệp kiểu trình bày (247KB so với 465KB) vì không dùng Font Awesome, nhưng nặng hơn ở mã chạy (272KB so với 237KB, thêm 6 tệp) do có gian hàng, tìm kiếm trực tiếp và tệp thống kê; thời gian máy chủ chậm hơn một chút (0,69 đến 0,71 giây so với 0,61 đến 0,63 giây) vì trang chủ lớn hơn và có thêm dữ liệu gian hàng.

Khi nào không nên chọn theme này

• Bạn cần bán hàng thật ngay: sản phẩm trong bản demo không có giá, không có nút mua; trang Giỏ hàng, Thanh toán, Tài khoản có sẵn nhưng chưa được thử đặt hàng hay thanh toán. Muốn bán, bạn nhập giá, cấu hình thanh toán và kiểm tra cả quy trình mua trước khi mở bán.
• Bạn cần khối đánh giá của khách có điểm sao: bản demo chưa có khối này và tab đánh giá ở trang sản phẩm chưa dựng. Đánh giá phải do khách thật viết, không tạo sẵn.
• Bạn muốn trang chủ có sẵn thẻ tiêu đề chính (H1), mô tả trang và dữ liệu có cấu trúc (schema): trang chủ của bản demo chưa có các phần này và tiêu đề trang chỉ là một dòng giới thiệu thương hiệu; cần chỉnh và cài plugin SEO trước khi lập chỉ mục. Bản demo đang chặn công cụ tìm kiếm bằng thẻ noindex, khi dùng thật nhớ bỏ.
• Bạn cần bộ ảnh dùng được ngay: logo, banner (chữ nằm ngay trong ảnh banner), 8 logo khách hàng, ảnh danh mục, ảnh sản phẩm và ảnh bài viết trong bản demo là ảnh mẫu mang nhãn hiệu và thông tin của bên khác; phải thay hết.
• Bạn muốn ảnh nằm giữa nội dung bài viết: các bài mẫu chỉ có chữ, ảnh trong thân bài của bản gốc không được đưa vào.
• Bạn không muốn website gọi máy chủ bên ngoài khi khách mở trang: bản demo tải một tệp thống kê từ stats.wp.com; tắt hoặc gỡ tính năng thống kê này nếu không dùng.
• Bạn cần trang nhẹ nhất có thể: tệp mã chạy khoảng 272KB và kiểu trình bày khoảng 247KB; nếu mục tiêu là tải nhanh thì cần nén ảnh và rà lại các tệp mã không dùng, hoặc chọn mẫu nhẹ hơn.
• Nội dung bản demo nói về nhà máy đạt chuẩn quốc tế, nguồn nguyên liệu và công nghệ là chữ mẫu: chỉ giữ lại những gì doanh nghiệp bạn có hồ sơ chứng minh.

Chữ giữ chỗ nào cần thay trước khi bán

• Tên thương hiệu, câu giới thiệu ở thanh trên cùng, địa chỉ, email (đang là địa chỉ mẫu) và số điện thoại (dạng 0386.353.xxx) ở thanh trên cùng, chân trang và trang Liên hệ là thông tin mẫu lấy theo bản demo gốc: thay bằng thông tin của bạn.
• Năm biểu tượng ở chân trang (mạng xã hội, thư, điện thoại) đang trỏ về #, mailto:# và tel:#: gắn liên kết thật hoặc xóa.
• Biểu mẫu Contact Form 7 ở trang Liên hệ gửi thư về địa chỉ mẫu: đổi trong Contact Form 7, mục Thư, trước khi nhận khách thật. Khi dựng demo chưa gửi thử thư thật. Còn một biểu mẫu khác chưa gắn vào trang nào, có thể xóa.
• Logo, hai ảnh banner và hai ảnh banner điện thoại (chữ nằm trong ảnh), ảnh bộ sản phẩm ở khối Về chúng tôi, sáu biểu tượng dịch vụ, bốn biểu tượng lý do chọn, ảnh 8 danh mục, 6 ảnh sản phẩm, ảnh 4 bài viết và 8 logo khách hàng (logo của các thương hiệu khác) là nội dung mẫu lấy theo bản demo gốc: thay tất cả bằng nội dung của bạn trước khi bán, riêng 8 logo khách hàng chỉ giữ khi bạn thật sự phục vụ các thương hiệu đó.
• Ba trang con của Về chúng tôi, sáu trang dịch vụ, 4 bài viết, 6 sản phẩm, trang Báo giá và các đoạn giới thiệu là chữ mẫu; phần tên sản phẩm còn nhắc tên thương hiệu khác. Một số đoạn chữ giữ nguyên lỗi chính tả của bản gốc (ví dụ ở khối danh mục), hãy đọc lại khi thay nội dung.
• Số sản phẩm ghi dưới mỗi ô danh mục là số thật trong website (chỉ có 6 sản phẩm mẫu), có thể khác số ở bản gốc; thêm hoặc bớt sản phẩm thì số này đổi theo. Đường dẫn danh mục sản phẩm và chuyên mục bài viết dùng chữ /danh-muc/ và /chuyen-muc/, khác bản gốc.
• Hộp biểu mẫu tư vấn bật lên của bản gốc chưa được dựng trong mẫu này.

Câu hỏi thường gặp

Theme này dùng được cho ngành nào?

Phù hợp với xưởng và thương hiệu gia công mỹ phẩm, đơn vị cung cấp nguyên liệu, chai lọ, bao bì hoặc đăng ký công bố sản phẩm, cần giới thiệu dịch vụ, danh mục sản phẩm, báo giá và cẩm nang. Nếu bạn là spa hoặc thẩm mỹ viện, hãy xem mẫu số 42; nếu bán mỹ phẩm có giá và giỏ hàng, hãy xem mẫu số 41.

Có sửa được bằng UX Builder không?

Có. Trang chủ và các trang con là phần tử kéo thả của UX Builder. Menu chỉnh ở Giao diện, Menu; cột bên chỉnh ở Giao diện, Widget; màu và kiểu dáng chỉnh ở Tùy biến, CSS bổ sung.

Có tương thích máy tính bảng và điện thoại không?

Có. Khi dựng, trang chủ được xem và chụp ở ba bề ngang 390, 768 và 1920px (bề ngang vùng nội dung) và các khối được xếp lại riêng cho từng cỡ; các trang con đã quét tràn ngang ở 390 và 768px, không tràn, nhưng chưa xem bằng ảnh chụp từng trang con như trang chủ. Chưa thử trên máy thật và đường truyền di động.

Theme có bán hàng được không?

Bản demo có gian hàng trưng bày 6 sản phẩm không có giá và không có nút mua, kèm trang Giỏ hàng, Thanh toán, Tài khoản của WooCommerce. Phần đặt hàng và thanh toán chưa được dựng hay thử trong mẫu này; muốn bán bạn nhập giá và kiểm tra cả quy trình mua.

Biểu mẫu liên hệ gửi về đâu?

Về địa chỉ mẫu của bản demo. Bạn đổi trong Contact Form 7, mục Thư, trước khi nhận khách thật. Chưa gửi thử thư thật khi dựng demo.

Mua theme được hỗ trợ những gì?

Khách mua theme được hỗ trợ miễn phí cài theme và tùy biến chuẩn SEO và GEO AI.