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

Hướng dẫn sử dụng bộ nhận diện thương hiệu vào VS Code và bắt đầu Vibe Coding website

Vibe Coding với EzyPlatform Đưa bộ nhận diện thương hiệu vào VS Code và bắt đầu Vibe Coding website Sau khi đã có brand guideline cho Ezyvora, bước tiếp theo là đưa tài nguyên thương hiệu vào dự án, cung cấp đúng ngữ cảnh cho AI và từng bước chuyển website mẫu thành website mang nhận diện riêng. Website mẫu Brand Guideline Website Ezyvora Ở bài trước, chúng ta đã xây dựng bộ nhận diện thương hiệu cho Ezyvora, bao gồm logo, slogan, bảng màu, typography, phong cách giao diện và phong cách hình ảnh. Đây là nền tảng giúp AI chỉnh sửa website một cách nhất quán thay vì mỗi phần đi theo một
Category: Vibe coding, Ezyvora
Post by: Nguyễn Thị Thanh Tuyền - Chuyên viên Marketing
Posted date: 1786956137000

Hướng dẫn tạo bộ nhận diện thương hiệu cho website doanh nghiệp

Vibe Coding với EzyPlatform Hướng dẫn tạo bộ nhận diện thương hiệu cho website doanh nghiệp Trước khi yêu cầu AI biến một website mẫu thành website của doanh nghiệp, bạn cần xác định trước hình ảnh thương hiệu: logo, màu sắc, font chữ, phong cách giao diện và cách sử dụng hình ảnh. Đây là nền tảng giúp toàn bộ website nhất quán từ trang chủ đến các trang nội dung. Logo sử dụng kiểu gì? Màu chủ đạo là gì? Font chữ nào phù hợp? Hình ảnh nên theo phong cách nào? Ở bài trước, chúng ta đã chuẩn bị môi trường Vibe Coding, kết nối VS Code với EzyPlatform, tải mã nguồn website mẫu và để AI là
Category: Vibe coding, Ezyvora
Post by: Nguyễn Thị Thanh Tuyền - Chuyên viên Marketing
Posted date: 1786931999000

Hướng dẫn tạo một website giới thiệu cho doanh nghiệp với Vibe Coding

Vibe Coding với EzyPlatform Hướng dẫn tạo một website giới thiệu cho doanh nghiệp với Vibe Coding Thay vì bắt đầu bằng việc tự viết từng dòng HTML, CSS hay JavaScript, bạn có thể chuẩn bị môi trường, lấy một bộ mã nguồn mẫu phù hợp, để AI đọc dự án và mô tả yêu cầu bằng ngôn ngữ tự nhiên. "Hãy biến website mẫu này thành website giới thiệu cho doanh nghiệp của tôi." AI Assistant sẽ đóng vai trò như một lập trình viên hỗ trợ trực tiếp trong VS Code: đọc mã nguồn, chỉnh giao diện, tạo trang, sửa nội dung và hoàn thiện website theo yêu cầu của bạn. Trong bài viết này, chúng ta sẽ đi qua c
Category: Vibe coding, Ezyvora
Post by: Nguyễn Thị Thanh Tuyền - Chuyên viên Marketing
Posted date: 1786931953000
0%