¿Desea agregar un formulario de contacto deslizable en WordPress? Si su negocio depende de obtener nuevos clientes potenciales 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 agregar un formulario de contacto deslizable en WordPress sin molestar a sus usuarios.
¿Por qué agregar un formulario de contacto deslizable 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 agrega una página de formulario de contacto, para que los usuarios puedan comunicarse con usted.
Sin embargo, el problema es que la mayoría de los usuarios que puedan tener preguntas abandonarán su sitio web sin contactarlo.
Es por eso que puede notar que muchos sitios web populares agregan ventanas emergentes de formularios de contacto, formularios de contacto deslizantes o botones de llamada a la acción que abren formularios de contacto.
Estas opciones animadas e interactivas desvían la atención del usuario al formulario de contacto y le permiten completarlo rápidamente sin visitar otra página. Estos formularios aumentan significativamente sus conversiones, por eso los ve en todas partes.
Echemos un vistazo a cómo crear un formulario de contacto deslizable en WordPress.
Agregar un formulario de contacto deslizable en WordPress
Para este tutorial, necesitarás WPForms. Es el mejor complemento de formulario de contacto de WordPress en el mercado.
Puedes usar el a versión gratuita de WPForms Complemento de formulario de contacto si no necesita todas las funciones premium.
también necesitarás OptinMonster. Es el software de optimización de conversión más poderoso. Le ayuda a convertir a los visitantes que abandonan el sitio web en clientes. Necesitará su plan profesional que le da acceso a la función de lienzo que usaremos en este tutorial.
Paso 1. Crear un formulario de contacto en WordPress
Primero necesita instalar y activar el WPForms enchufar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
Tras la activación, debe visitar WPForms » Agregar nuevo página para crear su formulario de contacto. Esto iniciará la interfaz del constructor WPForms.
Ingrese un nombre para su formulario de contacto y luego seleccione la plantilla ‘Seleccionar formulario de contacto’.
WPForms cargará un formulario de contacto simple. Verá la vista previa del formulario en el panel derecho. Puede hacer clic en cualquier campo para editarlo o agregar nuevos campos desde la columna 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 inserción en la parte superior para obtener el código de inserción de su formulario.
Aparecerá una ventana emergente que muestra el código abreviado de su formulario. Continúe y copie este código abreviado porque lo necesitará en el siguiente paso.
Paso 2. Creación de una opción deslizante en OptinMonster
Ahora crearemos una campaña deslizable que mostrará el formulario de contacto que creó en el primer paso.
En primer lugar, debe instalar y activar el OptinMonster enchufar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
Este complemento actúa como un conector entre su sitio web y su cuenta de OptinMonster.
Tras la activación, haga clic en el menú OptinMonster en su barra de administración de WordPress e ingrese su clave API. Puede obtener esta información de su cuenta en el sitio web de OptinMonster.
Después de ingresar su clave de licencia, haga clic en el botón ‘Crear nueva suscripción’ en la esquina superior derecha de su pantalla.
Esto lo llevará al sitio web de OptinMonster.
OptinMonster ofrece diferentes tipos de campañas dinámicas. Para este tutorial, utilizaremos la campaña «Deslizar». Continúe y haga clic para seleccionar ‘Deslizar hacia adentro’ como su tipo de campaña.
A continuación, debe seleccionar la plantilla. OptinMonster ofrece varias plantillas listas para usar, pero debemos seleccionar ‘Canvas’ para este tutorial.
Tan pronto como seleccione la plantilla, se le pedirá que proporcione un nombre para su campaña. Esto lo ayudará a ubicar fácilmente la campaña en su tablero 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 en este momento.
En la mano izquierda, notarás diferentes pestañas. En la sección ‘Configuración general de Optin’, debe ingresar la URL de su sitio web debajo de la opción ‘Sitio web de campaña de Optin’.
A continuación, debe cambiar a la pestaña ‘Optar’. Aquí puede seleccionar los colores, la altura y el ancho para su opción.
Continúe y seleccione los colores que le gustan y ajuste el ancho y la altura, para que pueda mostrar bien su forma completa.
Después de eso, debe desplazarse hacia abajo hasta la sección ‘HTML personalizado de lienzo’ e ingresar el código abreviado de WPForms que copió anteriormente.
Ingresar el código abreviado no mostrará su formulario dentro de la campaña deslizante de inmediato. Eso es porque el shortcode solo funciona en tu propio sitio de WordPress.
Ahora puede hacer clic en el botón ‘Guardar’ en la parte superior para almacenar su configuración y luego hacer clic en el botón ‘Publicar’.
En la siguiente pantalla, debe cambiar el estado de suscripción a publicado. Esto hará que la suscripción esté disponible para su sitio de WordPress.
Paso 3. Mostrar el formulario de contacto deslizante en WordPress
Ahora que ha creado tanto el formulario de contacto como la campaña deslizable, está listo para mostrarlo en su sitio web.
Anímate y visita OptinMonster página en su área de administración de WordPress. Verá su campaña deslizable creada recientemente 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 junto a ‘¿Habilitar optin en el sitio?’ opción. OptinMonster le permite elegir quién puede ver la suscripción. También puede seleccionar un área específica de su sitio web para mostrar la suscripción.
No olvide hacer clic en el botón Guardar configuración para almacenar sus cambios.
Ahora puede visitar su sitio web para ver el formulario de contacto deslizable en acción. Asegúrese de usar el modo icognito en su navegador o cierre la sesión de WordPress, para que pueda ver exactamente lo que verán sus usuarios.
De forma predeterminada, la campaña deslizable aparecerá 5 segundos después de que la página se haya cargado por completo. Sin embargo, OptinMonster también le permite cambiar eso.
Puede crear innumerables reglas para mostrar la campaña siempre que se cumplan ciertas condiciones.
Por ejemplo, puede mostrar el formulario deslizante cuando un usuario ha recorrido el 50% de la página, cuando un usuario está a punto de abandonar una página y mucho más.
Esperamos que este artículo le haya ayudado a aprender cómo agregar un formulario de contacto deslizable en WordPress. Es posible que también desee ver nuestra lista de consejos prácticos para atraer tráfico a su sitio de WordPress.
.