Hướng dẫn tạo Landing Page mỹ phẩm với Vibe Coding

Landing Page thường được sử dụng để giới thiệu một sản phẩm, dịch vụ hoặc phục vụ cho một chiến dịch Marketing cụ thể. Khác với trang chủ có nhiều nội dung và hướng điều hướng khác nhau, Landing Page thường tập trung vào một mục tiêu chính và dẫn người dùng đến một hành động cụ thể. Ví dụ, với một Landing Page mỹ phẩm, chúng ta có thể tập trung vào việc giới thiệu sản phẩm, những lợi ích nổi bật, đánh giá từ khách hàng và cuối cùng dẫn người dùng đến hành động mua hàng. Với Vibe Coding, bạn không nhất thiết phải tự viết từng dòng HTML, CSS và JavaScript. Thay vào đó, chúng ta có thể mô tả tra
Category: Vibe coding, Levela Landing Page
Post by: Nguyễn Thị Thanh Tuyền - Chuyên viên Marketing
Posted date: 1789086350000

Hướng dẫn cài đặt Page Fragment Blog cho website doanh nghiệp Ezyvora

Sau khi đã cấu hình Common Header và Footer, bước tiếp theo là hoàn thiện khu vực Blog cho website doanh nghiệp. Thay vì viết cố định từng bài viết trong HTML, chúng ta có thể sử dụng Page Fragment của EzyPlatform để đưa phần hiển thị Blog vào website. Khi đó, giao diện website vẫn được xây dựng theo nhận diện Ezyvora, còn nội dung bài viết có thể được quản lý và cập nhật trên EzyPlatform. Mục tiêu của bước này là: EzyPlatform quản lý bài viết -> Page Fragment lấy dữ liệu -> Website Ezyvora hiển thị Blog. EzyPlatform quản lý bài viết → Page Fragment lấy dữ liệu → Website
Category: Vibe coding, Ezyvora
Post by: Nguyễn Thị Thanh Tuyền - Chuyên viên Marketing
Posted date: 1788395713000

Hướng dẫn cấu hình Common Header và Footer cho website Doang nghiệp

Khi xây dựng website doanh nghiệp, Header và Footer thường xuất hiện trên hầu hết các trang. Nếu mỗi trang đều chứa một bản HTML riêng, việc cập nhật logo, menu, thông tin liên hệ hoặc liên kết mạng xã hội sau này sẽ phải sửa ở nhiều nơi. Với website Ezyvora, chúng ta sẽ đưa hai khu vực này thành Common Header và Common Footer để có thể tái sử dụng trên toàn bộ website. Luồng cần đạt được là: Common Header + Nội dung từng trang + Common Footer -> Giao diện hoàn chỉnh. Common Header → Nội dung từng trang → Common Footer Bước 1: Kiểm tra Header và Footer hiện tại Trước khi
Category: Vibe coding, Ezyvora
Post by: Nguyễn Thị Thanh Tuyền - Chuyên viên Marketing
Posted date: 1788396049000

Hướng dẫn xây dựng trang Solution tĩnh và trang chi tiết dịch vụ cho website doanh nghiệp

Sau khi website doanh nghiệp đã có Trang chủ, Blog và Liên hệ, một khu vực quan trọng tiếp theo là Solution – Giải pháp/Dịch vụ. Ở phiên bản ban đầu, website Ezyvora có thể mới chỉ hiển thị các dịch vụ dưới dạng card tĩnh. Khách hàng nhìn thấy tên và mô tả ngắn nhưng chưa thể đi sâu để biết dịch vụ giải quyết vấn đề gì, bao gồm những gì và chi phí ra sao. Trong bài này, chúng ta sẽ hoàn thiện luồng: Danh sách Solution → Chọn dịch vụ → Xem chi tiết → Xem gói dịch vụ và chi phí → Đăng ký tư vấn Ở giai đoạn này, nội dung vẫn được xây dựng dạng tĩnh trong mã nguồn. Việc đưa Solution thành dữ li
Category: Vibe coding, Ezyvora
Post by: Nguyễn Thị Thanh Tuyền - Chuyên viên Marketing
Posted date: 1787882517000

Hướng dẫn ghép API EzySupport vào website doanh nghiệp Ezyvora

Sau khi website Ezyvora đã có giao diện, dữ liệu thật và các thông tin liên hệ, bước tiếp theo là hoàn thiện chức năng tiếp nhận yêu cầu hỗ trợ từ khách hàng. Thay vì để form liên hệ chỉ hiển thị thông báo hoặc lưu tạm ở phía trình duyệt, chúng ta sẽ kết nối form với EzySupport. Khi khách hàng gửi yêu cầu trên website, dữ liệu sẽ được chuyển về EzyPlatform để doanh nghiệp có thể tiếp nhận và xử lý tập trung. Luồng cần hoàn thiện là: Khách điền form → Website gọi API → EzySupport tiếp nhận → Doanh nghiệp xử lý yêu cầu Trong bài này, chúng ta vẫn sử dụng cách Vibe Coding: để AI kiểm tra API v
Category: Vibe coding, Ezyvora
Post by: Nguyễn Thị Thanh Tuyền - Chuyên viên Marketing
Posted date: 1787879575000

Hướng dẫn cập nhật thông tin liên hệ hiển thị trên website doanh nghiệp

Sau khi hoàn thiện các trang chính của website, thông tin liên hệ là một trong những nội dung cần được cập nhật trước khi đưa website vào sử dụng thực tế. Ở website Ezyvora hiện tại, khu vực Thông tin liên hệ đã có sẵn giao diện nhưng vẫn đang sử dụng nội dung mặc định "Đang cập nhật" cho các trường: Email, Điện thoại, Địa chỉ, Giờ làm việc. Trong bài này, chúng ta sẽ sử dụng AI Assistant trong VS Code để xác định nơi những thông tin này đang được quản lý, sau đó thay bằng thông tin thật của doanh nghiệp và kiểm tra kết quả trên website. Bước 1: Chuẩn bị thông tin liên hệ của doanh nghiệp Trư
Category: Vibe coding, Ezyvora
Post by: Nguyễn Thị Thanh Tuyền - Chuyên viên Marketing
Posted date: 1787879261000

Hướng dẫn thêm Zalo OA và Facebook làm kênh liên hệ trên website doanh nghiệp

Khi khách hàng truy cập website doanh nghiệp và quan tâm đến một dịch vụ, không phải ai cũng muốn điền form hoặc gửi email. Nhiều khách hàng muốn nhắn tin trực tiếp qua Zalo hoặc Facebook để được tư vấn nhanh hơn. Vì vậy, ngoài form Đăng ký tư vấn, website có thể bổ sung các phương thức liên hệ: Website → Zalo OA / Facebook → Nhắn tin trực tiếp với doanh nghiệp Trong bài này, chúng ta sẽ tiếp tục sử dụng phương pháp Vibe Coding để thêm hai kênh liên hệ này vào website doanh nghiệp mà không cần tự viết toàn bộ giao diện. Bước 1: Chuẩn bị Zalo Official Account và Facebook Trước khi chỉnh sửa
Category: Vibe coding, Ezyvora
Post by: Nguyễn Thị Thanh Tuyền - Chuyên viên Marketing
Posted date: 1787758142000

Hướng dẫn tự động gửi email xác nhận đăng ký dịch vụ cho website doanh nghiệp

Khi khách hàng điền form đăng ký dịch vụ trên website, việc chỉ hiển thị thông báo Đăng ký thành công là chưa đủ. Khách hàng thường muốn biết doanh nghiệp đã thực sự nhận được yêu cầu hay chưa, và bước tiếp theo sẽ diễn ra như thế nào. Một trải nghiệm chuyên nghiệp hơn là: Khách gửi đăng ký → Website ghi nhận thông tin → EzyPlatform lưu dữ liệu → Email xác nhận được gửi → Khách biết yêu cầu đã được tiếp nhận Đây là quy trình chúng ta sẽ xây dựng trong bài này. Bước 1: Chuẩn bị form đăng ký dịch vụ Trên website doanh nghiệp, đã có sẵn form như giao diện dưới đây: Form đăng ký dịch vụ hiện
Category: Vibe coding, Ezyvora
Post by: Nguyễn Thị Thanh Tuyền - Chuyên viên Marketing
Posted date: 1787669954000

Hướng dẫn cài đặt và sử dụng chat bot cho website Doanh nghiệp

Ở các bài trước, website Ezyvora đã có giao diện riêng, dữ liệu thật được quản lý trên EzyPlatform và các chức năng cơ bản để khách hàng tìm hiểu về doanh nghiệp. Bước tiếp theo là giúp khách truy cập có thể đặt câu hỏi trực tiếp ngay trên website. Thay vì chỉ đọc từng trang rồi tự tìm thông tin, khách hàng có thể mở cửa sổ chat và hỏi những câu như: Ezyvora cung cấp những dịch vụ nào? Tôi muốn xây dựng website cho doanh nghiệp thì nên bắt đầu từ đâu? Giải pháp nào phù hợp với doanh nghiệp nhỏ? Để làm được điều đó, trong bài này chúng ta sẽ kết hợp hai plugin: EzyChat — cung cấp giao diện và
Category: Vibe coding
Post by: Nguyễn Thị Thanh Tuyền - Chuyên viên Marketing
Posted date: 1787881996000

Chương 19. Chat Bot

Chương 19. Chat Bot 📚 Mục lục sách Sweet Home Bakery giờ đã có giao diện đẹp, giỏ hàng, thanh toán, tra cứu đơn, tên miền riêng và email tự động báo trạng thái đơn hàng. Nhưng vẫn còn một khoảng trống: nửa đêm có khách hỏi "bánh này còn không", "giá bao nhiêu", "mua sao đây" — nếu không có ai trực, khách chờ không được sẽ bỏ đi. Chương này sẽ giúp bạn dựng một chat bot ngay trên website, trả lời khách bằng đúng dữ liệu sản phẩm và bài viết bạn đang có, thậm chí tự tạo link thanh toán khi khách chốt mua — tất cả chỉ bằng cách khai báo trong trang quản trị, không cần viết một dòng code nào. Vì
Category: Vibe coding
Post by: Young Monkeys - Founder
Posted date: 1787447872000

Hướng dẫn kết nối MCP Server để AI làm việc với dữ liệu thật trên EzyPlatform cho website Doanh nghiệp

Ở bài trước, chúng ta đã bắt đầu chuyển website Ezyvora từ một giao diện tĩnh sang website sử dụng dữ liệu thật được quản lý trên EzyPlatform. Nhưng có một vấn đề: khi yêu cầu Claude Code hoặc Codex ghép dữ liệu, AI có thể đọc mã nguồn trong VS Code, nhưng nếu không có một cầu nối phù hợp, AI chưa thực sự biết bên trong EzyPlatform của chúng ta đang có những dữ liệu, API, schema hay chức năng nào. Điều này dễ dẫn đến một cách làm không hiệu quả: Tìm API → Sao chép tài liệu → Gửi cho AI → AI viết code → Gặp lỗi → Tìm thêm thông tin MCP Server giúp rút ngắn vòng lặp đó. Sau khi kết nối MCP Se
Category: Vibe coding, Ezyvora
Post by: Nguyễn Thị Thanh Tuyền - Chuyên viên Marketing
Posted date: 1787304486000

Hướng dẫn đưa dữ liệu thật từ EzyPlatform vào website Ezyvora

Đưa dữ liệu thật từ EzyPlatform vào websiteỞ bài trước, chúng ta đã biến website mẫu thành website mang nhận diện Ezyvora bằng cách đưa Brand Guideline vào VS Code, thay logo, màu sắc, typography, Header, Hero Banner và các thành phần giao diện chính.Tuy nhiên, phần lớn nội dung trên website lúc này vẫn đang được viết trực tiếp trong mã nguồn.Điều đó có nghĩa là mỗi khi muốn thay đổi một đoạn giới thiệu, thêm một dịch vụ mới hoặc đăng một bài viết, chúng ta lại phải mở VS Code và sửa HTML.Với một website doanh nghiệp thật, cách làm này không phù hợp.Mục tiêu của bài này là chuyển website từ:Gi
Category: Vibe coding, Ezyvora
Post by: Nguyễn Thị Thanh Tuyền - Chuyên viên Marketing
Posted date: 1787048463000
0%