Mẫu website cà phê đặc sản ĐỒI ĐẤT ĐỎ dành cho xưởng rang, thương hiệu cà phê rang xay và quán có bán hạt online, nhắm tới dân văn phòng 22–40 tuổi, người mới chơi pour-over và chủ quán nhỏ cần nhập hạt sỉ. Giao diện bố cục bento, màu đất đỏ bazan và nâu espresso, chữ số lớn kiểu thông số (độ cao 1.500m, rang ngày 08/10); trang chủ mở đầu bằng hạt cà phê 3D xoay nhẹ và một quiz chọn gu 60 giây. Làm trên WordPress + WooCommerce, theo gói bán hàng từ 6,5 triệu trong bảng giá thiết kế website.

Thương hiệu cà phê nào hợp với mẫu ĐỒI ĐẤT ĐỎ

• Xưởng rang hoặc thương hiệu cà phê đặc sản bán 5–30 loại hạt, mỗi loại có nhiều khối lượng (250g, 500g, 1kg) và cần khách chọn cỡ xay theo dụng cụ.
• Thương hiệu muốn kể chuyện vùng trồng, nông hộ, cách sơ chế washed/honey/natural thay vì chỉ đăng ảnh túi và giá.
• Xưởng có khách mua đều mỗi tháng và muốn bán gói định kỳ, hoặc có quán cà phê nhỏ nhập sỉ cần trang báo giá theo sản lượng.
• Thương hiệu đang bán qua Shopee, TikTok Shop và muốn có website riêng để làm SEO cho các từ khóa như “cà phê Arabica Cầu Đất”, “Robusta honey là gì”, “cách pha pour over”.

• Bạn mở quán cà phê và chỉ cần menu, địa chỉ, đặt bàn: một website giới thiệu gọn hơn và rẻ hơn.
• Bạn bán cà phê phổ thông giá rẻ theo bao lớn, không có thông tin vùng trồng hay ngày rang: các khối hồ sơ hạt, Flavor Wheel sẽ bị trống; xem các mẫu khác trong kho mẫu.
• Bạn cần thu tiền tự động theo kỳ cho gói định kỳ hoặc đồng bộ kho với phần mềm bán hàng: các kết nối này báo giá riêng.

Các khối trong bản demo ĐỒI ĐẤT ĐỎ

ĐỒI ĐẤT ĐỎ là thương hiệu giả lập do Marketing SEO Top dựng để trình diễn. Tên nông hộ, giá, điểm cupping, đánh giá khách hàng, tên quán đối tác, chính sách và địa chỉ đều là dữ liệu mẫu; ảnh chụp lấy từ Unsplash, ảnh túi cà phê là đồ họa dựng riêng cho demo.

• Hero hạt cà phê 3D dựng bằng CSS (không dùng ảnh nặng hay thư viện 3D), nghiêng theo con trỏ chuột, kèm hai nút Làm quiz và Mua ngay, thông số lớn: ngày rang, độ cao, số loại hạt.
• Băng thông báo “Mẻ rang tuần này: 08/10” ở đầu trang và ngay dưới hero; ngày mẻ rang chỉnh một chỗ trong quản trị.
• Quiz rút gọn trên trang chủ: khách chọn câu đầu tiên “Bạn thích cà phê vị…” là thấy ngay một hạt gợi ý, bấm tiếp để làm đủ 5 câu.
• Bento sản phẩm nổi bật: mỗi thẻ có bao bì đồ họa phẳng mã màu theo độ rang (R1 sáng → R5 đậm), vùng · độ cao · sơ chế và tasting note (sô-cô-la, cam chanh, mật ong), nút thêm nhanh 250g.
• Bản đồ vùng trồng Cầu Đất, Buôn Ma Thuột, Sơn La, Gia Lai kèm độ cao, bấm vào điểm trên bản đồ để đọc bài về vùng đó.
• “Từ quả chín đến ly của bạn” 5 bước có số liệu lớn, gói định kỳ so sánh 3 gói với thanh trượt chọn số gram mỗi tháng (tự tính giá, số ly, % tiết kiệm), 4 thẻ hướng dẫn pha phin, pour-over, espresso, cold brew có tỉ lệ, nhiệt độ, thời gian.
• Đánh giá khách hàng, dải quán đối tác, bài blog, câu hỏi thường gặp và form nhận tin mẻ rang mới.

Trang Quiz chọn gu có 5 câu (vị yêu thích, thời điểm uống, uống đen hay sữa, dụng cụ đang có, nhóm hương), trả về 3 loại hạt với % hợp gu, công thức pha theo dụng cụ và nút thêm vào giỏ. Bên cạnh là Flavor Wheel 6 nhóm, 18 hương: kéo để xoay, dùng phím mũi tên để xoay, bấm vào một hương để xem các hạt có hương đó. Dữ liệu quiz lấy thẳng từ hồ sơ hương vị của từng sản phẩm, thêm hạt mới là quiz tự cập nhật.

Trang sản phẩm có thẻ hồ sơ hạt (vùng, độ cao, giống, sơ chế, ngày rang, nông hộ), biểu đồ radar hương vị 6 trục và thanh độ chua/đắng/đậm/ngọt, chọn khối lượng 250g/500g/1kg (giá đổi theo khối lượng) và cỡ xay nguyên hạt/phin/pour-over/espresso, tab công thức pha đề xuất, khối “Hợp với dụng cụ…”, đánh giá có sao và huy hiệu cam kết ngay cạnh nút mua. Nút Mua ngay đưa thẳng tới thanh toán, khách không cần tạo tài khoản.

Trang cửa hàng lọc theo vùng trồng, giống, sơ chế (washed/honey/natural), độ rang, cách pha và hương vị. Ngoài ra có trang Gói cà phê định kỳ (bảng so sánh, thanh trượt, chọn chu kỳ 2 tuần/tháng và cỡ xay), Hướng dẫn pha (6 bài có công thức, mỗi bài dẫn về hạt và dụng cụ phù hợp), Bản đồ vùng trồng với biểu đồ độ cao, Dụng cụ pha, Bán sỉ cho quán (bảng giá theo 5kg/10kg/20kg và form nhận báo giá), Giới thiệu nông hộ, Liên hệ có Google Maps và 4 trang chính sách đổi trả, giao hàng, thanh toán, bảo mật.

Website cà phê cần gì để khách dám đặt lần đầu

Cà phê đặc sản đắt hơn cà phê phổ thông nhiều lần, khách chỉ trả tiền khi tin rằng hạt tươi, đúng gu và pha được ở nhà. Website bán được khi trả lời ba chuyện đó rõ ràng.

• Không ghi ngày rang. Với cà phê đặc sản, ngày rang quan trọng như hạn dùng. Ghi ngày rang trên từng sản phẩm, rang theo lịch cố định và nói rõ hạt giao trong bao lâu.
• Mô tả hương vị chung chung. “Thơm ngon, đậm đà” không giúp khách chọn. Hãy ghi 2–3 tasting note cụ thể, độ chua/đắng/đậm và nên pha bằng gì; bản demo hiển thị các thông tin này bằng biểu đồ để khách so sánh nhanh.
• Không cho chọn cỡ xay. Khách mua bột xay sẵn để pha phin, nhận về bột xay espresso là ly cà phê hỏng và một khách không quay lại. Cho chọn cỡ xay ngay tại nút mua và in cỡ xay vào đơn hàng.
• Bắt tạo tài khoản mới cho mua. Người mua lần đầu sẽ bỏ giỏ hàng. Cho đặt nhanh bằng họ tên, số điện thoại, địa chỉ và dùng mã giảm giá đơn đầu để kéo đơn đầu tiên.

Website có giỏ hàng, đặt hàng trực tuyến cần thông báo với Bộ Công Thương; xem hướng dẫn đăng ký Bộ Công Thương. Cà phê là thực phẩm, nên chuẩn bị sẵn hồ sơ an toàn thực phẩm và công bố sản phẩm theo quy định trước khi chạy quảng cáo.

SEO cho website cà phê: vùng trồng, cách pha và silo bài viết

Người tìm cà phê trên Google gõ theo vùng, giống và cách pha: “cà phê Arabica Cầu Đất”, “Robusta honey là gì”, “cách pha pour over”, “cà phê rang xay nguyên chất”. Bản demo dựng sẵn cấu trúc silo: bài hướng dẫn pha và bài vùng trồng dẫn về đúng sản phẩm phù hợp, sản phẩm dẫn ngược về hướng dẫn và danh mục.

• Mỗi trang có tiêu đề SEO dưới 60 ký tự, mô tả dưới 155 ký tự viết riêng và ảnh chia sẻ (OG) riêng; dữ liệu nằm đúng trường của Rank Math.
• Dữ liệu có cấu trúc: Organization/LocalBusiness cho trang chủ, Product + Offer + đánh giá cho sản phẩm, Recipe cho bài hướng dẫn pha, Article có tác giả cho blog, FAQPage, BreadcrumbList và ItemList cho danh mục.
• URL tiếng Việt không dấu, breadcrumb trên mọi trang trong, mỗi trang đúng một H1; ảnh WebP có srcset, font tự lưu trên máy chủ với bộ ký tự tiếng Việt để tải nhanh.

Có xưởng rang hoặc cửa hàng thật thì khai báo Google Maps để khách quanh khu vực tìm thấy và ghé thử cà phê.

Chi phí và phạm vi khi dùng mẫu ĐỒI ĐẤT ĐỎ

Phí thiết kế trả một lần, bạn nhận tài khoản quản trị để tự đăng hạt, cập nhật ngày mẻ rang, nhập hồ sơ hương vị cho quiz, tạo mã giảm giá và xử lý đơn. Các mẫu khác nằm trong kho mẫu website.

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