Bạn đang tìm kiếm một cách dễ dàng để tích hợp ConvertKit à Elementor ?

Bạn có sử dụng ConvertKit không và bạn có muốn tạo một trang web avec Elementor? Nếu vậy thì bạn thật may mắn vì Elementor hỗ trợ tích hợp với ConvertKit. Sự tích hợp này cho phép bạn thu thập email của người đăng ký thông qua hình thức Elementor. 

Không cần cài đặt thêm bất kỳ plugin nào. Bạn chỉ cần một khóa API ConvertKit để kết nối tài khoản ConvertKit của mình với Elementor.

Để có thể tích hợp Elementor với ConvertKit, bạn cần sử dụng Elementor Pro vì việc tích hợp Elementor với các dịch vụ của bên thứ ba chỉ khả dụng trong phiên bản pro (đọc: Elementor Free so với Elementor Pro).

Làm theo các bước dưới đây để tích hợp Elementor với ConvertKit.

Bước 1: Lấy khóa API ConvertKit

Để nhận khóa API ConvertKit, hãy truy cập Trang web ConvertKit và đăng nhập vào tài khoản của bạn. Sau khi đăng nhập, hãy nhấp vào tên người dùng của bạn ở góc trên cùng bên phải và chọn Cài đặt.

Cách tích hợp ConvertKit với Elementor

Trong menu dọc, nhấp vào Nâng cao. Trong phần API, sao chép khóa API.

Bước 2: Tích hợp Elementor với ConvertKit

Khi khóa API đã được sao chép, hãy đăng nhập vào WordPress và điều hướng đến Elementor -> Cài đặt để mở trang cài đặt Elementor. Bấm vào tích hợp, cuộn xuống và dán khóa API bạn vừa sao chép vào phần ConvertKit.

Nhấn nút Xác thực khóa API để xác minh xác thực khóa API. Sau khi xác thực thành công, hãy nhấp vào nút Lưu thay đổi phía dưới.

Cách tích hợp ConvertKit với Elementor

Bước 3: Tạo biểu mẫu

Khi Elementor và ConvertKit được tích hợp thành công, bạn có thể tạo một hình thức để thu thập những người đăng ký email vào tài khoản ConverKit của bạn. Để làm điều này, hãy tạo một trang, bài đăng hoặc mẫu mới và chỉnh sửa nó bằng Elementor. Hoặc, bạn cũng có thể sửa đổi một cái hiện có.

Tạo một cái mới hình thức bằng cách kéo tiện ích Biểu mẫu vào vùng chỉnh sửa.

Chèn biểu mẫu trong Elementor

Xác định các trường bạn cần trên khối Các trường biểu mẫu. Khi hoàn tất, hãy mở khối Các thao tác sau khi gửi và chọn ConvertKit.

Cách tích hợp ConvertKit với Elementor

Bước trên sẽ tạo một khối mới có tên ConvertKit. Mở khối này và chọn một biểu mẫu hiện có mà bạn có trên tài khoản ConvertKit của mình.

Trên tùy chọn Khóa API, Chọn Tùy chỉnh và trong trường Khóa API tùy chỉnh, dán Khóa API của bạn.

Chọn biểu mẫu của bạn và cũng đặt ánh xạ trường dựa trên các trường biểu mẫu bạn đã chọn. Bạn cũng có thể nhập nhãn vào trường Đồ lễ phục.

Cách tích hợp ConvertKit với Elementor

Để tùy chỉnh giao diện của biểu mẫu, bạn có thể chuyển đến tab Phong cách. Ở đó, bạn sẽ tìm thấy bốn khối mà bạn có thể mở và mỗi khối cung cấp các tùy chọn tạo kiểu khác nhau.

Khối biểu mẫu

Khối này cho phép bạn đặt khoảng cách giữa các cột và hàng của biểu mẫu, kiểu chữ nhãn hình (cỡ chữ, họ phông chữ, kiểu phông chữ), màu văn bản, kiểu chữ trường HTML và màu văn bản.

Khối trường

Khối này cho phép bạn tùy chỉnh sự xuất hiện của các trường biểu mẫu. Màu văn bản, kiểu chữ, màu nền, màu đường viền và bán kính đường viền.

khối nút

Khối này cho phép bạn tùy chỉnh sự xuất hiện của nút biểu mẫu. Màu nền, màu văn bản, kiểu chữ, màu đường viền, bán kính đường viền, màu di chuột, màu văn bản.

Cách tích hợp ConvertKit với Elementor

Khối tin nhắn

Khối này cho phép bạn tùy chỉnh kiểu chữ cũng như màu văn bản của thông báo thành công, thông báo lỗi và thông báo nội tuyến.

Cách tích hợp ConvertKit với Elementor

Nhấp vào nút XUẤT BẢN / CẬP NHẬT khi bạn đã hoàn tất việc chỉnh sửa trang của mình.

Tải xuống Elementor Pro ngay bây giờ !!!

Kết luận

Vì thế! Chúng tôi vừa giới thiệu đến bạn cách tích hợp ConvertKit với Elementor. Nếu bạn có bất kỳ thắc mắc nào về cách đến đó, hãy cho chúng tôi biết trong vòng ý kiến.

Tuy nhiên, bạn cũng có thể tham khảo ý kiến tài nguyên của chúng tôi, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.

Nhưng trong lúc này, chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.

...