Để dựng một landing page đơn giản nhằm hiển thị thông tin công ty và tích hợp một form phản hồi gửi về email của bạn, với điều kiện bạn đã có tên miền, dưới đây là các cách và công cụ đơn giản, rẻ (hoặc miễn phí) mà bạn có thể sử dụng. Tôi sẽ gợi ý các giải pháp phù hợp với người không chuyên về code, đồng thời hỗ trợ tích hợp email.

Yêu cầu của bạn:

  1. Landing page: Hiển thị thông tin công ty (logo, giới thiệu, liên hệ, v.v.).
  2. Form phản hồi: Người dùng điền thông tin (ví dụ: tên, email, nội dung) và gửi đến email của bạn.
  3. Tên miền: Đã có, cần trỏ đến landing page.
  4. Chi phí thấp: Tốt nhất là miễn phí hoặc rẻ.

Cách 1: Dùng Google Sites + Google Forms (Miễn phí)

Mô tả:

Cách thực hiện:

  1. Tạo landing page bằng Google Sites:

    • Truy cập sites.google.com.
    • Chọn “Blank” để bắt đầu một trang mới.
    • Thêm các mục như logo, giới thiệu công ty, thông tin liên hệ bằng cách kéo thả hoặc nhập nội dung.
    • Tùy chỉnh giao diện (màu sắc, font chữ) trong tab “Themes”.

  2. Tạo form phản hồi bằng Google Forms:

    • Truy cập forms.google.com.
    • Tạo form với các trường như: Name, Email, Message.
    • Vào “Settings” > “Responses”, bật tùy chọn gửi thông báo email:
      • Nhấp vào biểu tượng ba chấm, chọn “Get email notifications for new responses” và nhập email của bạn.
    • Lấy link nhúng (embed) của form: “Send” > “< >”, sao chép mã HTML.

  3. Tích hợp form vào Google Sites:

    • Trên Google Sites, thêm một phần tử “Embed”.
    • Dán mã HTML của Google Forms vào.

  4. Trỏ tên miền:

    • Vào Google Sites, nhấp “Publish”, đặt tên đường dẫn (ví dụ: sites.google.com/view/mycompany).
    • Truy cập quản lý DNS của tên miền (trên Namecheap hoặc Cloudflare):
      • Tạo bản ghi CNAME:
        • Name: @ (hoặc www).
        • Target: ghs.googlehosted.com.
    • Chờ DNS propagate (24-48 giờ), sau đó truy cập yourdomain.com sẽ thấy landing page.

Ưu điểm:

Nhược điểm:

Cách 2: Dùng Carrd (Rẻ, $19/năm)

Mô tả:

Cách thực hiện:

  1. Tạo landing page bằng Carrd:

    • Truy cập carrd.co, đăng ký tài khoản (miễn phí để thử).
    • Chọn template phù hợp (có sẵn các mẫu cho công ty).
    • Thêm thông tin công ty: logo, văn bản giới thiệu, thông tin liên hệ.

  2. Tạo form phản hồi:

    • Thêm phần tử “Form” trong Carrd.
    • Tùy chỉnh các trường: Name, Email, Message.

  3. Tích hợp gửi email qua EmailJS:

    • Đăng ký emailjs.com (miễn phí 200 email/tháng).
    • Tạo một service (liên kết với email của bạn, ví dụ Gmail).
    • Lấy Service ID, Template ID, và Public Key từ EmailJS.
    • Trong Carrd, vào phần Form Settings:
      • Chọn “Custom” trong Form Action.
      • Dán code JavaScript từ EmailJS (hướng dẫn chi tiết trên EmailJS docs).

  4. Trỏ tên miền:

    • Sau khi hoàn tất, nhấp “Publish” trong Carrd.
    • Trong Namecheap hoặc Cloudflare, thêm bản ghi:
      • Type: A.
      • Name: @.
      • Value: 76.76.21.21 (IP của Carrd).
      • (Tùy chọn) Thêm CNAME cho www trỏ về @.
    • Vào Carrd dashboard, thêm tên miền (yourdomain.com) trong “Custom Domain”.

Ưu điểm:

Nhược điểm:

Cách 3: Dùng Wix (Miễn phí hoặc $16/tháng)

Mô tả:

Cách thực hiện:

  1. Tạo landing page bằng Wix:

    • Truy cập wix.com, đăng ký tài khoản.
    • Chọn template “Business” hoặc “Company”.
    • Kéo thả để thêm thông tin công ty: logo, văn bản, hình ảnh.

  2. Tạo form phản hồi:

    • Thêm phần tử “Form” từ Wix Editor.
    • Tùy chỉnh các trường: Name, Email, Message.
    • Vào “Form Settings” > “Submission”, chọn “Email to me” và nhập email của bạn.

  3. Trỏ tên miền:

    • Trong Wix, nhấp “Connect Domain” (yêu cầu nâng cấp lên gói trả phí, ví dụ Combo $16/tháng).
    • Trong Namecheap/Cloudflare, thêm bản ghi:
      • Type: A.
      • Name: @.
      • Value: IP từ Wix (lấy trong Wix dashboard khi kết nối domain).
      • Type: CNAME.
      • Name: www.
      • Target: www.wix.com.

Ưu điểm:

Nhược điểm:

Cách 4: Dùng HTML/CSS tĩnh + Formspree (Miễn phí)

Mô tả:

Cách thực hiện:

  1. Tạo file HTML/CSS:

    • Tạo file index.html:
      <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>My Company</title>
    <style>
        body { font-family: Arial, sans-serif; text-align: center; }
        .form-container { margin: 20px; }
    </style>
</head>
<body>
    <h1>Welcome to My Company</h1>
    <p>We provide great services!</p>
    <div class="form-container">
        <form action="https://formspree.io/f/YOUR_FORM_ID" method="POST">
            <input type="text" name="name" placeholder="Name" required><br>
            <input type="email" name="email" placeholder="Email" required><br>
            <textarea name="message" placeholder="Message" required></textarea><br>
            <button type="submit">Send</button>
        </form>
    </div>
</body>
</html>

  2. Tích hợp Formspree:

    • Đăng ký tại formspree.io, tạo form mới.
    • Nhận YOUR_FORM_ID (ví dụ: xabc1234) và thay vào action trong HTML.
    • Formspree sẽ gửi phản hồi trực tiếp đến email bạn đăng ký.

  3. Host file HTML:

    • Dùng dịch vụ miễn phí như Netlify:
      • Truy cập netlify.com, kéo file index.html vào phần “Sites”.
      • Nhận URL tạm (ví dụ: your-site.netlify.app).
      • Trong Cloudflare, thêm CNAME trỏ @ đến URL Netlify.
    • Hoặc dùng GitHub Pages:
      • Tạo repo trên GitHub, đẩy file lên, bật GitHub Pages, trỏ tên miền qua CNAME.

Ưu điểm:

Nhược điểm:

Gợi ý tốt nhất

Hành động tiếp theo