Cómo crear un formulario de inscripción iconado personalizado en WordPress

¿Le gustaría crear un formulario personalizado de inscripción de Icontact en WordPress? Icontact es un servicio de marketing por correo electrónico que le permite administrar y crear su lista de correos electrónicos sin ningún problema. Con el complemento WPFFORMS, puede crear fácilmente un formulario de inscripción de Icontact en su sitio web de WordPress. Puede usar la interfaz de deslizamiento y colocación para crear la forma de acuerdo con la imaginación. En este artículo, le mostraremos cómo crear un formulario de inscripción icónico personalizado para su sitio de WordPress. Paso 1: Inicie lo primero que debe hacer es crear un formulario de inscripción en su sitio web.
Para hacer esto, debe instalar y activar el complemento WPFORMS. Puede leer la guía del paso por paso sobre cómo instalar un complemento de WordPress para obtener instrucciones detalladas.

WPFORMS es el mejor complemento de WordPress Form Builder. ¡Tómelo gratis!
Después de la activación, vaya a WPFFORMS »Agregue un nuevo de la barra lateral izquierda del panel de administración de WordPress. Luego debe seleccionar la plantilla del formulario de registro en el boletín de información en la página de configuración. Esto creará una forma simple de dos campo: nombre y correo electrónico.

También puede agregar campos adicionales a este formulario simplemente deslizándolos y colocándolos. Y para personalizar los campos, debe hacer clic en los campos para cambiarlos.
Una vez que haya terminado, puede cambiar la configuración de notificación y confirmación del formulario de registro personalizado de ICONTACT. Finalmente, debe guardar los cambios haciendo clic en el botón Guardar, presente en la esquina superior derecha de la pantalla. Puede consultar aquí la demostración del formulario informativo de boletín. Paso 2: Agregue una entrada de prueba a su formulario Su próximo paso es agregar al menos una entrada al formulario para la prueba. Lo necesitaremos más tarde para probar la conexión entre WPForms e Icontact. Usemos la opción para obtener una vista previa del formulario para crear la entrada de prueba en lugar de incorporar el formulario en una página. Para hacer esto, debe ir a la página WPFFORMS »Todos los formularios. Luego, coloque el cursor del mouse sobre el título del formulario de registro en el boletín informativo. Después de ver la opción Vista previa, debe hacer clic en ella para abrir el formulario en una nueva pestaña de su navegador web.
Ahora complete el formulario y haga clic en el botón Enviar para crear una entrada para las pruebas. Paso 3: instale Zapier Addon Una vez que haya creado el formulario y haya agregado la entrada de prueba, debe instalar el suplemento Zapier en su sitio web.

¿Por qué necesitamos este complemento? Zapier es un servicio de automatización que le permite conectar dos o más aplicaciones para hacer una tarea continua. Y lo usaremos para conectar WPForms e Icontact para que pueda construir fácilmente su lista de correo electrónico. Para instalar el suplemento Zapier, debe acceder a la página de complementos WPFFORMS ». Ahora busque el suplemento Zapier e instálelo una vez que lo encuentre.
Luego vaya a la página WPFORMS »Configuración y luego haga clic en la pestaña Integración. Después de eso, debe hacer clic en el logotipo de Zapier para ver la tecla API para su sitio web. Vea esta clave más tarde para conectar WPForms a Zapier, así que mantenga esta página abierta y muévase al siguiente paso. Paso 4: Crear un nuevo ZAP es el momento de crear un nuevo ZAP y conectar WPForms a ICONTACT. En caso de que no lo sepa, un ZAP es un proceso de conexión de dos o más aplicaciones a la nieve. Y requiere un desencadenante para realizar una acción específica. Para crear un nuevo ZAP, debe acceder al sitio web de Zapier e iniciar sesión en su cuenta. Puede crear una cuenta gratuita si no la tiene. ¡Luego continúe y haga clic en Hacer un Zap! , presente en la esquina superior derecha de la pantalla. Esto iniciará el asistente de configuración en una nueva página.

El proceso de crear un ZAP se divide en dos partes. Primero, deberá configurar WPForms como una aplicación de activación y luego, deberá configurar IContact como una aplicación de acción. Pasemos al siguiente paso para comenzar el proceso. Paso 5: Configure una aplicación de activación en este paso, configuraremos WPForms como una aplicación de activación. Por lo tanto, busque WPFORMS utilizando el cuadro de búsqueda “Elija una aplicación de activación” y luego haga clic en Continuar para continuar.

Luego deberá seleccionar la nueva entrada de formulario como opción de activación y luego hacer clic en el botón Guardar + Continuar.

Ahora tiene que conectar su cuenta WPFFORMS al Zapier para que el muñeco de nieve pueda asumir el cargo de su sitio web. Para hacer esto, deberá hacer clic en el botón de inicio de sesión de la cuenta. Esto abrirá una ventana emergente donde necesita ingresar la URL de su sitio web y la tecla API Zapier. Puede volver al paso 3 para averiguar cómo obtener la tecla API. Después de finalizar, haga clic en el botón DA, continúe conectando WPForms a la nieve. Ahora verá su cuenta WPFFORMS agregada a la página “Seleccionar cuenta WPForms”. Luego continúe y haga clic en el botón de prueba para verificar la conexión entre Zapier y WPForms. Si recibe un mensaje exitoso, entonces todo funciona correctamente, así que haga clic en el botón Guardar + Continuar para moverse al siguiente paso.

Ahora Zapier se hará cargo de todos los formularios en su sitio web. Por lo tanto, haga clic en el icono de flecha hacia abajo para seleccionar el formulario de registro en el boletín de la lista de caída y luego haga clic en el botón Continuar.

Luego, Zapier se hará cargo de sus entradas de formulario y le solicitará que seleccione cualquiera de ellas para las pruebas. Es por eso que creamos una entrada de formulario de prueba al paso 2.

Una vez que haya seleccionado una entrada, debe hacer clic en el botón Continuar para completar el proceso de configuración de activación. Paso 6: Configurar una aplicación de acción ahora es el momento de configurar Icontact como una aplicación de acción. Por lo tanto, haga clic en “Su Zap no tiene actualmente un paso de acción. ¡Agrega uno ahora! “Enlace para iniciar el proceso.

Lo primero que debe hacer es buscar iContact usando el cuadro de búsqueda “Elija una aplicación de acción” y luego seleccione para pasar al siguiente paso. Zapier ahora le pedirá que elija una acción de Icontact que suceda cuando alguien envíe su personalizado Formulario de registro de Icontact.

Dado que queremos crear nuevos contactos en la cuenta Icontact, seleccione la opción Crear contacto y luego haga clic en el botón Guardar + Continuar. Luego deberá conectar su cuenta Icontact a Zapier haciendo clic en el botón Confectar de contacto. Esto abrirá una ventana emergente donde necesita ingresar la ID de aplicación, la contraseña de API y la dirección de correo electrónico de su cuenta de ICONTACT.

Para obtener estos detalles, debe ir al sitio web de ICONTACT y luego iniciar sesión en su cuenta.


En el tablero de cuenta Icontact, verá su nombre en la esquina superior derecha de la página. Si hace clic en él, se abrirá un menú en el que debe seleccionar la opción de configuración y facturación.

Esto lo llevará a la página de configuración y facturación, donde verá muchas opciones. Debe encontrar la opción Icontact Integrations y luego hacer clic en ella para acceder a la página de integraciones. Ahora verá la opción “Integraciones Zapier” en la página de integraciones. Para obtener la ID de aplicación y otros detalles, deberá hacer clic en el botón de activación.

Esto abrirá una nueva página donde encontrará la ID de aplicación, la contraseña de API y el correo electrónico de su cuenta de ICONTACT. Simplemente copie y pegue estos detalles en los campos respectivos en la ventana PopUp Zapier. Una vez que haya completado los detalles, continúe y haga clic en el botón DA, continúe dando permiso a Zapier para acceder a su cuenta Icontact. Puede hacer clic en el botón de prueba para verificar la conexión entre Zapier e Icontact.
Después de recibir un mensaje exitoso, puede hacer clic en el botón Guardar + Continuar para moverse al siguiente paso. Paso 7: Configure la plantilla de Icontact Ahora deberá configurar la plantilla de contacto que se utilizará para crear un nuevo contacto en su cuenta Icontact, cada vez que alguien le envíe el formulario de registro personalizado. Antes de comenzar, debe tener en cuenta que algunos de los campos en esta página se harán cargo de los detalles en su cuenta de Icontact, mientras que el resto se tomará del formulario de registro al boletín. Comencemos el proceso configurando el campo de dirección E -Mail. Para hacer esto, debe hacer clic en la inserción del icono de campo y luego seleccionar el correo electrónico de la entrega.

Luego, debe hacer clic en el menú de depósito de la lista y seleccionar la lista de Icontact donde desea agregar los nuevos datos de contacto. El resto de los campos en esta plantilla son opcionales. Sin embargo, puede configurar su primer nombre y campos de nombres porque lo ayudarán a personalizar sus correos electrónicos.

Después de haber terminado, desplácese hasta la parte inferior de la página y luego haga clic en el botón Continuar. Luego puede probar la conexión entre WPForms e Icontact haciendo clic en el botón de prueba Icontect. Esto creará un nuevo contacto con el formulario de prueba en su cuenta Icontact. Puede confirmar esto accediendo al sitio web de Icontact. Si todo funcionó como desee, debe volver al experto de Zapier y hacer clic en el botón de finalización para completar el proceso de configuración de acción. Finalmente, debe hacer clic en el cuadro de conmutación para activarse para asegurarse de que se agregue un nuevo contacto a su cuenta ICONTACT cada vez que alguien le envía el formulario. También puede dar un nombre a su Zap para futuras referencias.

Paso 8: Agregue el formulario de inscripción en su sitio web es hora de incorporar el formulario de inscripción personalizado de ICONTACT en nuestro sitio web de WordPress. Puede hacer esto en una página, publicación o barra lateral de su sitio web. Echemos un vistazo a cómo agregar el formulario de registro a una página de WordPress. Lo primero que debe hacer es acceder a las páginas »Agregar nuevo desde la barra lateral izquierda.

Ahora tiene que hacer clic en el icono Agregar ( +) Agregar para insertar el bloque WPFFORMS. Después de encontrarlo, haga clic en él para agregar el bloque WPFFORMS al editor de páginas.

Luego, deberá seleccionar el formulario de registro en el boletín informativo en el cuadro “Seleccionar un formulario”. Esto agregará el formulario al editor de contenido. Finalmente, puede publicar la página después de hacer los cambios necesarios.

¡Felicidades!Ha creado con éxito un formulario de registro iconado personalizado y lo ha incorporado a su sitio web.Cada vez que alguien envía este formulario, se agregará un nuevo contacto a su cuenta de Icontact.Si le gustó este tutorial, le recomendamos que consulte estas publicaciones: ¿Por qué debería comenzar a crear una lista de correo electrónico?

8 formas extremadamente fáciles de desarrollar su lista de correo electrónico

Cómo crear una forma personalizada de AirTable para WordPress

¿No usas WPForms?Comience con el mejor complemento para generar formularios de arrastrar y soltar y crear diferentes tipos de formularios en su sitio web.Además, síganos en Facebook y Twitter para recibir actualizaciones de nuestro blog.