Hướng dẫn tạo Form lấy Email trên theme Genesis Framework

Genesis framework một giao diện mà khi ta sử dụng có thể tùy biến bất cứ thứ gì bên trong nó, với thư viện hook đa dạng bạn có thể biết được từng hook riêng tương ứng với từng phần của website, và từ đó chỉnh sửa nó một cách dễ dàng.

Những website gần đây của tôi sử dụng khá nhiều bài tùy chỉnh khác nhau trong đó tích hợp form lấy email khách hàng được tôi sử dụng khá nhiều. Và bài viết này tôi sẽ hướng dẫn bạn cách làm thế nào để chèn form lấy email vào cuối bài viết trong genesis.

Vậy Form lấy Email là gì?

Nói một cách đơn giản là bạn sẽ tạo ra những form để khách hàng nhập tên và địa chỉ email trên trang web của mình và kết nối nó đến các dịch vụ tiếp thị email như mailchimp, getresponse, convertkit… Khi khách hàng đã đăng ký để lạ email trên đó chúng ta sẽ được quyền gửi và tiếp thị email cho họ mà không bị chuyển đến hộp thư spam.

Ai nên sử dụng Email ở thởi điểm hiện nay?

Có lẽ là tất cả, cho dù bạn là người bán hàng, hay các nhân hoặc là doanh nghiệp nhỏ thì việc sử dụng email maketing không thể thiếu, Vậy người viết blog có nên sử dụng nó không? Câu trả lời là có nhé, bất cứ ai đều cần sử dụng email maketing, cho dù bây giờ bạn không cần nhưng tôi chắc chắn một điều là sau khi trang web của bạn có nhiều người biết đến bạn sẽ cần đến nó, và sẽ có rất nhiều ý tưởng để bạn kiếm tiền từ những khách hàng tiêm năng này.

Quay lại với chủ đề làm thế nào để tạo form lấy email vào cuối mỗi bài viết trong genesis, chắc hẳn trong số chúng ta đều đã sử dụng theme genesis rồi nhỉ mà nếu bạn chưa bao giờ sử dụng genesis thì cũng chẳng sao cả, hay tập trung vào bài hướng dẫn dưới đây bạn sẽ có thể tùy biến nó một cách dễ dàng mà không cần bất cứ thứ gì liên quan đến lập trình.

Các bước thực hiện tạo Form lấy Email?

Nhìn chung chúng ta sẽ thực hiện việc này qua 4 bước dưới đây:

1. Đăng ký một vùng widget bên dưới mỗi bài viết
2. Kéo thả các vật dụng vào widget vừa tạo
3. Thêm một hộp đăng ký email tích hợp đến mailchimp
4. Tùy chỉnh CSS widget theo chủ đề con

1. Tạo Widget Below Post

Trong bước này, tôi sẽ đăng ký một widget bên dưới mỗi bài viết và sau đó tôi có thể đặt các tiện ích ở đây. Mở trình chỉnh sửa theme bằng cách đi tới Bảng điều khiển > Giao diện > Sửa trên blog của bạn và Thêm mã sau vào functions.php của chủ đề con. Hoặc nếu bạn bạn sử dụng FPT hay truy cập vào địa chỉ content/themes/sample/functions.php thay đổi thành chủ đề của bạn.

2. Cài đặt Widget Below Post

Chúng ta có thể chèn nó vào cuối mỗi bài viết bằng cách thêm mã sau trong functions.php, trong đó hooks genesis_entry_footer là phần cuối của mỗi bài viết.

Một số lưu ý rằng các chủ đề HTML5 sử dụng các móc nối hình ảnh khác nhau, như sau:

Tôi đang sử dụng HTML5 hook reference genesis_entry_footer vì chủ đề của tôi dựa trên html5.

3. Tạo Form đăng ký Email

Tôi đang sử dụng MailChimp làm nhà cung cấp dịch vụ email của mình, tôi đang sử dụng mã sau để tích hợp với MailChimp nếu bạn sử dụng dịch vụ khách bạn có thể tùy chỉnh cho đúng nhu cầu của mình.

Thay thế URL form biểu mẫu trên thành URL form dịch vụ bạn đang sử dụng.

4. Tùy chỉnh CSS

Sao chép toàn bộ code dán vào style.css

Tuy nhiên bạn có thể sửa các dòng mã CSS này cho giống với giao diện bạn đang dùng.

Tổng kết và kết quả

Lời kết

Trên đây là các bước đơn giản để bạn tích hợp form lấy email vào theme genesis framework. Nếu bạn đang gặp bất kỳ khó khăn nào với hướng dẫn này hãy để lại bình luận bên dưới nhé.

Chúc bạn thành công!