Hướng dẫn cấu hình mail vào form đăng ký html

Mailchimp là một dịch vụ gửi Email Marketing hàng đầu hiện nay. Ngoài việc gửi email hàng loạt tới khách hàng trong danh sách mail list, Mailchimp còn có thể tạo form đăng ký nhận nhận email trên website một cách dễ dàng, email đăng ký sẽ tự động được đưa vào list danh sách chọn sẵn của bạn trên tài khoản Mailchimp.

Hiện nay trong Theme Sapo đã tích hợp HTML cho phép bạn chỉ cần dán đoạn code mà Mailchimp cung cấp cho bạn vào trong cấu hình website.

Trước khi đi vào tích hợp bạn cần chuẩn bị các bước sau:

  • Bước 1: Đăng ký một tài khoản Mailchimp:

Đăng ký tài khoản Mailchimp theo link sau: https://login.mailchimp.com/ > Click vào Create an account để đăng ký

.png)

Bạn điền các thông tin để tiến hành đăng ký

.png)

Sau khi đăng ký xong bạn mở mail để kích hoạt tài khoản Mailchimp > Truy cập vào tài khoản để tiến hành sử dụng.

  • Bước 2: List danh sách khách hàng đã nhập lên tài khoản Mailchimp

Bạn có thể tham khảo link sau để tạo một Lists khách hàng https://support.sapo.vn/huong-dan-cai-dat-va-su-dung-ung-dung-mailchimp-410.html

  • Bước 3: Lựa chọn Theme có hỗ trợ tích hợp (Bigmart, Gento)

Trong bài viết này, Sapo Web sẽ hướng dẫn trên Theme Bigmart, những Theme khác bạn có thể làm tương tự.

Hướng dẫn cách lấy form code và nhúng link vào Theme Sapo Web

Để thực hiện điều này bạn cần thực hiện theo các bước sau:

  • Bước 1: Đăng nhập vào tài khoản Mailchimp

Bạn cần có tài khoản Mailchimp để thực hiện bước này. Sapo Web đã hướng dẫn cách tạo tài khoản Mailchimp bên trên.

  • Bước 2: Từ Dashboad > Click vào menu Audience trên thanh menu

Hướng dẫn cấu hình mail vào form đăng ký html

- Tìm Manage audience bạn muốn > Nhấp vào icon trỏ xuống > Chọn Signup Forms

Hướng dẫn cấu hình mail vào form đăng ký html

- Tiếp theo bạn chọn Embedded forms

Hướng dẫn cấu hình mail vào form đăng ký html

- Bạn kéo xuống tìm đến phần này

Hướng dẫn cấu hình mail vào form đăng ký html

- Sau đó copy phần được gạch chân đỏ, đó chính là đoạn code mà Mailchimp cung cấp cho bạn (Link action form của bạn)

  • Bước 3: Nhúng vào Theme (Bigmart)

Bigmart là 1 Theme hỗ trợ tích hợp sẵn Mailchimp cho bạn.

- Đầu tiên bạn vào thiết lập giao diện Theme và tìm đến phần cài đặt Mailchimp

.png)

- Bạn dán đoạn code mà Mailchimp cung cấp cho bạn link action form vào >> Lưu lại

.png)

Khi thực hiện xong các thao tác trên. Bạn thu được kết quả hiển thị như sau:

.png)

Như vậy bạn đã hoàn thành các bước để tích hợp Form đăng ký nhận email của Mailchimp lên website của bạn.

Ad xin chào các bạn. Hôm nay ad xin hướng dẫn 2 cách code cho form contact hoạt động. Chúng ta cùng đi vào nhé

Cách 1: Bạn cài plugin Contact Form 7

Cách cài plugin các bạn cũng biết rồi phải không nào. Sau khi cài trong thỳ bạn sẽ vào chỗ mình chỉ mũi tên vào tạo 1 form mới

Hướng dẫn cấu hình mail vào form đăng ký html

Ví dụ bạn có 1 đoạn html như sau:

Hướng dẫn cấu hình mail vào form đăng ký html

Bạn tạo 1 form contact form 7 mới sẽ tương ứng như sau:

Hướng dẫn cấu hình mail vào form đăng ký html

Sau đó bạn chuyển sang tab Mail để cấu hình tiếp nhé:

Hướng dẫn cấu hình mail vào form đăng ký html

Chỗ mình chỉ là nó đang báo lỗi đỏ là vì mình k để tên miền của mình. Bạn thay bằng tên miền của bạn vào nhé! Còn các tab khác bạn tự tìm hiểu thêm nhé!

Ok đến đây là bạn đã custom đc đoạn html đó rồi, bây giờ là việc mà chúng ta sẽ gọi đoạn code đó ra. Bạn vào code và dùng đoạn code như sau đặt vào chỗ mình muốn:

Dưới đây là bài viết Hướng dẫn cấu hình mail Contact Form 7.

Bước 1: cài đặt plugin WP SMTP

Hướng dẫn cấu hình mail vào form đăng ký html

Bước 2: Cấu hình mail trong plugin WP SMTP

Hướng dẫn cấu hình mail vào form đăng ký html

Bước 3: Vào mail lấy mật khẩu cấp 2

Vào quản lý tài khoản mail * Lưu ý: để tạo mật khẩu cấp 2 phải bật xác minh 2 bật trước mail trước

Hướng dẫn cấu hình mail vào form đăng ký html

  • Tạo mật khẩu cấp 2:
    Hướng dẫn cấu hình mail vào form đăng ký html

Hướng dẫn cấu hình mail vào form đăng ký html

Copy mật khẩu cấp 2 dán vào quản trị WP SMTP

Hướng dẫn cấu hình mail vào form đăng ký html

Hướng dẫn cấu hình mail vào form đăng ký html

  • Test mail:

Hướng dẫn cấu hình mail vào form đăng ký html

Bước 4: Cấu hình mail nhận trong contact forms

Hướng dẫn cấu hình mail vào form đăng ký html

  • Nội dung form dưới dạng short code dưới đây

Hướng dẫn cấu hình mail vào form đăng ký html

Hướng dẫn cấu hình mail vào form đăng ký html

Cảm ơn bạn đã theo dõi bài viết Hướng dẫn cấu hình mail Contact Form 7.

Hướng dẫn cấu hình mail vào form đăng ký html
Liên hệ với Hbweb để nhận ưu đãi hấp dẫn nhất trong hôm nay!!!

———-✪✪✪————

HBWEB – Thiết kế website chuyên nghiệp

Địa chỉ: Số 133 ngõ 1194 đường Láng – Láng Thượng – Đống Đa – Hà Nội

SĐT: 0987519120

Hãy liên hệ ngay 087 778 3626 để được tư vấn miễn phí !