Cómo añadir un formulario de contacto Slide Out en WordPress

¿Quieres añadir un formulario de contacto en WordPress? Si su negocio depende de la obtención de nuevos clientes potenciales a través del formulario de contacto de su sitio web, entonces una de las mejores maneras de hacer crecer su fuente de clientes potenciales es hacer que su formulario de contacto sea más notorio. En este artículo, le mostraremos cómo añadir un formulario de contacto en WordPress sin molestar a sus usuarios.

¿Por qué añadir un formulario de contacto Slide Out en WordPress?

Muchos propietarios de pequeñas empresas inician su sitio web con la esperanza de que les ayude a hacer crecer su negocio.

Es por eso que usted agrega una página de formulario de contacto, para que los usuarios puedan ponerse en contacto con usted.

Sin embargo, el problema es que la mayoría de los usuarios que puedan tener preguntas abandonarán su sitio web sin ponerse en contacto con usted.

Por eso es posible que note que muchos sitios web populares añaden ventanas emergentes de formularios de contacto, deslizan formularios de contacto o llaman a botones de acción que abren formularios de contacto.

Estas opciones animadas e interactivas desvían la atención del usuario hacia el formulario de contacto y le permiten rellenar rápidamente el formulario sin tener que visitar otra página. Estas formas aumentan significativamente sus conversiones, por eso las ve en todas partes.

Echemos un vistazo a cómo crear un formulario de contacto deslizante en WordPress.

Agregar un formulario de contacto Slide Out en WordPress

Para este tutorial, necesitará WPForms. Es el mejor plugin de formulario de contacto de WordPress del mercado.

Puede utilizar la versión gratuita del plugin del formulario de contacto de WPForms si no necesita todas las funciones premium.

También necesitará OptinMonster. Es el software de optimización de conversión más potente. Le ayuda a convertir en clientes a los visitantes que abandonan el sitio web. Necesitarás su plan profesional que te da acceso a la función de lienzo que usaremos en este tutorial.

Paso 1. Creación de un formulario de contacto en WordPress

Primero necesita instalar y activar el plugin WPForms. Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, debe visitar la página WPForms " Add New para crear su formulario de contacto. Esto iniciará la interfaz de WPForms Builder.

Introduzca un nombre para su formulario de contacto y, a continuación, seleccione la plantilla `Seleccionar formulario de contacto.

WPForms cargará un sencillo formulario de contacto. Verá la vista previa del formulario en el panel derecho. Puede hacer clic en cualquier campo para editarlo o añadir nuevos campos desde la columna de la izquierda.

Una vez que haya terminado de editar el formulario, haga clic en el botón Guardar para guardar los cambios.

A continuación, debe hacer clic en el botón de incrustar en la parte superior para obtener el código de incrustación de su formulario.

Esto mostrará una ventana emergente que muestra el código abreviado de su formulario. Adelante, copie este código abreviado porque lo necesitará en el siguiente paso.

Paso 2. Creación de un Optin Slide Out en OptinMonster

Ahora crearemos una campaña de diapositivas que mostrará el formulario de contacto que usted creó en el primer paso.

Primero, debe instalar y activar el plugin OptinMonster. Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Este plugin actúa como un conector entre su sitio web y su cuenta de OptinMonster.

Una vez activada, haga clic en el menú OptinMonster de la barra de administración de WordPress e introduzca su clave de API. Puede obtener esta información de su cuenta en el sitio web de OptinMonster.

Después de introducir su clave de licencia, haga clic en el botón `Crear nueva opción en la esquina superior derecha de su pantalla.

Esto le llevará al sitio web de OptinMonster.

OptinMonster ofrece diferentes tipos de campañas dinámicas. Para este tutorial, utilizaremos la campañaSlide in. Adelante, haz clic para seleccionarSlide in como tipo de campaña.

A continuación, debe seleccionar la plantilla. OptinMonster ofrece varias plantillas ya preparadas, pero necesitamos seleccionarCanvas para este tutorial.

Tan pronto como seleccione la plantilla, se le pedirá que proporcione un nombre para su campaña. Esto le ayudará a localizar fácilmente la campaña en su panel de control de OptinMonster.

Ahora OptinMonster cargará su interfaz de creación de campañas.

Verá una vista previa en vivo de su campaña a la derecha. Como estamos usando la plantilla de lienzo, estará totalmente en blanco por el momento.

En la mano izquierda, notará diferentes pestañas. En la sección "Configuración general de Optin", debes introducir la URL de tu sitio web debajo de la opción "Sitio web de la campaña de Optin".

A continuación, debe cambiar a la pestañaOptar. Aquí puede seleccionar los colores, la altura y el ancho para su elección.

Adelante, selecciona los colores que más te gusten y ajusta la anchura y la altura, para que pueda mostrar toda tu forma.

Después de eso, necesita desplazarse hacia abajo a la secciónCanvas custom HTML y entrar en el código abreviado de WPForms que copió anteriormente.

Al ingresar el código abreviado no se mostrará su formulario dentro de la campaña de diapositivas de inmediato. Esto se debe a que el código abreviado sólo funciona en tu propio sitio de WordPress.

Ahora puede hacer clic en el botón "Guardar" en la parte superior para guardar su configuración y luego hacer clic en el botón "Publicar".

En la siguiente pantalla, debe cambiar el estado de la opción a publicado. Esto hará que la opción esté disponible en su sitio de WordPress.

Paso 3. Mostrando el formulario de contacto de Slide Out en WordPress

Ahora que ha creado el formulario de contacto y la campaña de deslizamiento, está listo para mostrarlo en su sitio web.

Adelante, visite la página de OptinMonster en su área de administración de WordPress. Verá que su campaña de diapositivas creada recientemente aparece en la lista.

Debe hacer clic en el enlace `Editar configuración de salida para decidir cómo desea que se muestre en su sitio web.

En la siguiente pantalla, asegúrese de marcar la casilla situada junto a la opción "Habilitar opción de suscripción en el sitio". OptinMonster le permite elegir quién puede ver el optin. También puede seleccionar un área específica de su sitio web para mostrar la opción.

No olvide hacer clic en el botón Guardar configuración para guardar los cambios.

Ahora puede visitar su sitio web para ver el formulario de contacto en acción. Asegúrate de usar el modo icognito en tu navegador o salir de WordPress, para que puedas ver exactamente lo que tus usuarios verán.

Por defecto, la campaña de salida aparecerá 5 segundos después de que la página esté completamente cargada. Sin embargo, OptinMonster también le permite cambiar eso.

Puede crear innumerables reglas para visualizar la campaña siempre que se cumplan determinadas condiciones.

Por ejemplo, puede mostrar el formulario de salida cuando un usuario ha desplazado el 50% de la página, cuando un usuario está a punto de salir de una página, y muchos más.

Esperamos que este artículo le haya ayudado a aprender a añadir un formulario de contacto en WordPress. También puedes ver nuestra lista de consejos prácticos para dirigir el tráfico a tu sitio de WordPress.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir