¿Está buscando una manera fácil de integrar ConvertKit à Elementor ?

¿Utilizas ConvertKit y quieres crear un sitio web con Elementor? Si es así, estás de suerte porque Elementor admite la integración con ConvertKit. Esta integración le permite recopilar correos electrónicos de suscriptores a través de un formulario Elementor. 

No es necesario instalar ningún complemento adicional. Solo necesita una clave API de ConvertKit para conectar su cuenta de ConvertKit a Elementor.

Para poder integrar Elementor con ConvertKit, debe usar Elementor Pro porque la integración de Elementor con servicios de terceros solo está disponible en la versión pro (lea: Elementor Gratis vs Elementor Pro).

Siga los pasos a continuación para integrar Elementor con ConvertKit.

Paso 1: obtenga una clave API de ConvertKit

Para obtener una clave API de ConvertKit, visite Sitio web ConvertKit e inicie sesión en su cuenta. Una vez que haya iniciado sesión, haga clic en su nombre de usuario en la esquina superior derecha y seleccione Ajustes.

Cómo integrar ConvertKit con Elementor

En el menú vertical, haga clic en Avanzado. En la sección API, copie la clave API.

Paso 2: integra Elementor con ConvertKit

Una vez que se haya copiado la clave API, inicie sesión en WordPress y navegue hasta Elementor -> Configuración para abrir la página de configuración de Elementor. Haga clic en integraciones, desplácese hacia abajo y pegue la clave API que acaba de copiar en la sección ConvertKit.

Haga clic en el botón Validar clave API para verificar la validación de la clave API. Una vez que la validación sea exitosa, haga clic en el botón Guardar cambios abajo.

Cómo integrar ConvertKit con Elementor

Paso 3: crea un formulario

Una vez que Elementor y ConvertKit se integran con éxito, puede crear un nuevo formulario para recopilar suscriptores de correo electrónico a su cuenta ConverKit. Para hacer esto, cree una nueva página, publicación o plantilla y edítela con Elementor. O bien, también puede modificar uno existente.

Crear un nuevo formulario arrastrando el widget Formulario al área de edición.

Insertar un formulario en Elementor

Defina los campos que necesita en el bloque campos de formulario. Cuando haya terminado, abra el bloque. Acciones después del envío y seleccione ConvertKit.

Cómo integrar ConvertKit con Elementor

El paso anterior crearía un nuevo bloque llamado ConvertKit. Abra este bloque y seleccione un formulario existente que tenga en su cuenta de ConvertKit.

En opción Clave API, seleccione Personalizado y en el campo Clave de API personalizada, pegue su clave de API.

Seleccione su formulario y también configure la asignación de campos en función de los campos de formulario que seleccionó. También puede introducir una etiqueta en el campo Etiquetas.

Cómo integrar ConvertKit con Elementor

Para personalizar la apariencia de su formulario, puede ir a la pestaña Estilo. Allí encontrará cuatro bloques que puede abrir y cada bloque ofrece diferentes opciones de estilo.

bloque de formulario

Este bloque le permite establecer el espacio entre columnas y filas de su formulario, tipografía de etiqueta de forma (tamaño de fuente, familia de fuentes, estilo de fuente), color de texto y tipografía de campo HTML y color de texto.

bloque de campo

Este bloque le permite personalizar la apariencia de los campos de formulario. Color del texto, tipografía, color de fondo, color del borde y radio del borde.

bloque de botones

Este bloque le permite personalizar la apariencia del botón de formulario. Color de fondo, color de texto, tipografía, color de borde, radio de borde, color de desplazamiento, color de texto.

Cómo integrar ConvertKit con Elementor

Bloque de mensajes

Este bloque le permite personalizar la tipografía, así como el color del texto del mensaje de éxito, el mensaje de error y el mensaje en línea.

Cómo integrar ConvertKit con Elementor

Haga clic en el botón PUBLICAR / ACTUALIZAR una vez que haya terminado de editar su página.

¡Consigue Elementor Pro ahora!

Conclusión

¡Listo! Acabamos de presentarle cómo integrar ConvertKit con Elementor. Si tiene alguna inquietud sobre cómo llegar, háganoslo saber dentro de comentarios.

Sin embargo, también puedes consultar nuestros recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.

Pero mientras tanto, comparte este artículo en tus diferentes redes sociales.

...