2 cách tạo HubSpot Form trong WordPress
Giới thiệu về HubSpot Form và WordPress
HubSpot là một nền tảng marketing, bán hàng và dịch vụ khách hàng mạnh mẽ, cung cấp nhiều công cụ hữu ích để giúp doanh nghiệp thu hút khách hàng tiềm năng, nuôi dưỡng họ và biến họ thành khách hàng thực sự. HubSpot Form là một trong những công cụ quan trọng nhất của HubSpot, cho phép bạn thu thập thông tin khách hàng tiềm năng trực tiếp từ website của mình.
WordPress, một nền tảng quản lý nội dung (CMS) phổ biến, được sử dụng bởi hàng triệu website trên toàn thế giới. Việc tích hợp HubSpot Form vào WordPress giúp bạn dễ dàng thu thập thông tin khách hàng tiềm năng, cải thiện hiệu quả marketing và tăng trưởng doanh thu.
Bài viết này sẽ hướng dẫn bạn hai cách để tạo và tích hợp HubSpot Form vào website WordPress của bạn.
Cách 1: Sử dụng Plugin HubSpot WordPress
Đây là cách đơn giản và được khuyến nghị nhất để tích hợp HubSpot Form vào WordPress. Plugin HubSpot WordPress cung cấp một giao diện trực quan để kết nối tài khoản HubSpot của bạn và nhúng form trực tiếp vào các trang và bài viết.
Cài đặt và Kích hoạt Plugin HubSpot WordPress
- Trong bảng điều khiển WordPress của bạn, hãy vào mục “Plugins” -> “Add New”.
- Tìm kiếm “HubSpot WordPress”.
- Nhấn “Install Now” và sau đó “Activate”.
Kết nối WordPress với Tài khoản HubSpot
- Sau khi kích hoạt plugin, bạn sẽ thấy một mục “HubSpot” mới trong menu bên trái của bảng điều khiển WordPress.
- Nhấn vào “HubSpot” và làm theo hướng dẫn để kết nối website WordPress của bạn với tài khoản HubSpot. Bạn sẽ cần đăng nhập vào tài khoản HubSpot của mình và cấp quyền truy cập cho plugin.
Tạo hoặc Chọn Form HubSpot
Sau khi kết nối thành công, bạn có thể tạo form mới hoặc chọn form đã có sẵn trong tài khoản HubSpot của bạn.
- Tạo Form Mới: Trong plugin HubSpot, bạn có thể tạo một form mới trực tiếp từ WordPress. Form này sẽ được đồng bộ hóa với tài khoản HubSpot của bạn.
- Chọn Form Đã Có: Nếu bạn đã tạo form trong HubSpot, bạn có thể chọn nó từ danh sách các form có sẵn.
Nhúng Form HubSpot vào Trang hoặc Bài Viết WordPress
Có nhiều cách để nhúng form HubSpot vào trang hoặc bài viết WordPress của bạn:
- Sử dụng Gutenberg Block: Trong trình soạn thảo Gutenberg, bạn sẽ thấy một block HubSpot. Kéo và thả block này vào nơi bạn muốn hiển thị form, sau đó chọn form bạn muốn nhúng.
- Sử dụng Shortcode: Plugin HubSpot cung cấp một shortcode mà bạn có thể sử dụng để nhúng form vào bất kỳ trang hoặc bài viết nào. Shortcode có dạng
[hubspot type=form portal=YOUR_PORTAL_ID form=YOUR_FORM_ID]. Bạn cần thay thếYOUR_PORTAL_IDvàYOUR_FORM_IDbằng ID tương ứng của tài khoản HubSpot và form của bạn. - Sử dụng Widget: Bạn cũng có thể thêm form HubSpot vào sidebar hoặc footer của website bằng cách sử dụng widget HubSpot.
Tùy chỉnh Cài đặt Form
Plugin HubSpot WordPress cho phép bạn tùy chỉnh một số cài đặt form, chẳng hạn như:
- Hiển thị tiêu đề và mô tả: Bạn có thể chọn hiển thị hoặc ẩn tiêu đề và mô tả của form.
- Gửi thông báo email: Bạn có thể cấu hình để nhận thông báo email mỗi khi có người gửi form.
- Chuyển hướng sau khi gửi: Bạn có thể chuyển hướng người dùng đến một trang cụ thể sau khi họ gửi form thành công.
Cách 2: Nhúng Form HubSpot Bằng Mã Nhúng (Embed Code)
Cách này phù hợp nếu bạn muốn kiểm soát hoàn toàn giao diện và chức năng của form, hoặc nếu bạn gặp sự cố với plugin HubSpot WordPress.
Lấy Mã Nhúng Form HubSpot
- Đăng nhập vào tài khoản HubSpot của bạn.
- Vào mục “Marketing” -> “Forms”.
- Chọn form bạn muốn nhúng.
- Nhấn vào nút “Share”.
- Sao chép mã nhúng (embed code) được cung cấp.
Thêm Mã Nhúng vào Trang hoặc Bài Viết WordPress
Có nhiều cách để thêm mã nhúng vào trang hoặc bài viết WordPress của bạn:
- Sử dụng Gutenberg Block “Custom HTML”: Trong trình soạn thảo Gutenberg, bạn có thể sử dụng block “Custom HTML” để dán mã nhúng vào.
- Sử dụng trình soạn thảo văn bản: Chuyển trình soạn thảo WordPress sang chế độ “Text” và dán mã nhúng vào nơi bạn muốn hiển thị form.
- Chỉnh sửa trực tiếp tệp template (Advanced): Bạn có thể chỉnh sửa trực tiếp tệp template của theme WordPress của mình để thêm mã nhúng vào. Cách này đòi hỏi kiến thức về lập trình WordPress và không được khuyến nghị cho người mới bắt đầu.
Tùy chỉnh Mã Nhúng (Tùy chọn)
Bạn có thể tùy chỉnh mã nhúng để thay đổi giao diện và chức năng của form. Ví dụ:
- Thay đổi kiểu dáng CSS: Bạn có thể thêm CSS vào trang hoặc bài viết WordPress của mình để thay đổi kiểu dáng của form, chẳng hạn như màu sắc, font chữ và kích thước.
- Thêm JavaScript: Bạn có thể thêm JavaScript để thêm các tính năng tùy chỉnh vào form, chẳng hạn như xác thực dữ liệu hoặc theo dõi sự kiện.
So sánh Hai Cách
| Tính năng | Plugin HubSpot WordPress | Mã Nhúng (Embed Code) |
|---|---|---|
| Dễ sử dụng | Rất dễ | Trung bình |
| Tích hợp liền mạch | Tích hợp đầy đủ với HubSpot | Tích hợp thủ công |
| Tùy chỉnh | Hạn chế | Cao |
| Bảo trì | Dễ (plugin tự động cập nhật) | Cần cập nhật thủ công |
Lời khuyên và Lưu ý
- Sử dụng plugin HubSpot WordPress nếu bạn muốn tích hợp nhanh chóng và dễ dàng.
- Sử dụng mã nhúng nếu bạn muốn kiểm soát hoàn toàn giao diện và chức năng của form.
- Luôn kiểm tra form sau khi nhúng để đảm bảo nó hiển thị và hoạt động đúng cách.
- Đảm bảo rằng form của bạn tuân thủ các quy định về bảo mật dữ liệu, chẳng hạn như GDPR.
- Theo dõi hiệu suất của form để đánh giá hiệu quả của nó và thực hiện các cải tiến cần thiết.
Kết luận
Việc tích hợp HubSpot Form vào WordPress là một cách tuyệt vời để thu thập thông tin khách hàng tiềm năng, cải thiện hiệu quả marketing và tăng trưởng doanh thu. Bằng cách sử dụng một trong hai cách được trình bày trong bài viết này, bạn có thể dễ dàng tạo và nhúng form HubSpot vào website WordPress của mình. Chúc bạn thành công!
