¿Quiere agregar un formulario de contacto desplazable en WordPress?
Si su negocio depende de obtener nuevos clientes potenciales a través del formulario de contacto de su sitio web, una de las mejores formas 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 desplazable 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 propio 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 tienen preguntas abandonarán su sitio web sin comunicarse con usted o incluso visitar su página de contacto.
Es por eso que puede notar que muchos sitios web populares agregan ventanas emergentes de formularios de contacto, formularios de contacto o botones de llamado a la acción que abren formularios de contacto.
Estas opciones animadas e interactivas llaman la atención sobre su formulario de contacto y permiten a los usuarios completarlo rápidamente sin visitar otra página. Estos formularios aumentan significativamente sus conversiones.
Dicho esto, 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 Formularios WP. Es el mejor complemento de formulario de contacto de WordPress del mercado porque es simple y poderoso.
Puedes usar el 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 potente. Le ayuda a convertir en clientes a los visitantes que abandonan el sitio web. Para este tutorial usaremos el archivo Versión gratuita de OptinMonster.
Paso 1: crear un formulario de contacto en WordPress
Primero, necesitas instalar y activar el complemento WPForms. Para obtener más detalles, consulte nuestra guÃa paso a paso sobre cómo instalar un complemento de WordPress.
Después de la activación, debe visitar el WPForms » Agregar nuevo página para crear su formulario de contacto. Esto iniciará la interfaz del creador de WPForms.
Ingrese un nombre para su formulario de contacto en la parte superior de la página. A continuación, debe pasar el mouse sobre la plantilla “Formulario de contacto simple” y hacer clic en el botón “Usar plantilla”.
WPForms creará un nuevo formulario basado en la plantilla 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 de la izquierda.
Para obtener más detalles, puede consultar nuestra guÃa sobre cómo crear un formulario de contacto de WordPress.
Una vez que haya terminado de editar el formulario, simplemente haga clic en el botón “Guardar” para guardar los cambios.
A continuación, debe hacer clic en el botón “Insertar” de arriba para obtener el código de inserción del formulario.
Aparecerá una ventana emergente que muestra varias formas de incrustar el formulario. Simplemente haga clic en el enlace “usar un código corto” y luego copie el código corto. Lo necesitarás en el siguiente paso.
Paso 2: crear una opción deslizable en OptinMonster
Ahora crearemos una campaña deslizable que mostrará el formulario de contacto creado en el primer paso.
Necesitas instalar y activar el archivo gratuito. OptinMonster conectar. 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 OptinMonster.
Después de la activación, el asistente de configuración de OptinMonster se iniciará automáticamente. Esto le permitirá crear una cuenta nueva o vincular una cuenta existente.
Alternativamente puedes ir a OptinMonster »Configuración página, donde puede crear o conectar una cuenta.
Después de crear o conectar su cuenta OptinMonster, puede activarla nuevamente.
solo ve al archivo OptinMonster »Campañas página y haga clic en el botón “Agregar nuevo”. Si aún no tiene ninguna campaña, también puede hacer clic en el botón “Crear su primera campaña”.
OptinMonster ofrece varios tipos de campañas dinámicas.
Para este tutorial usaremos la campaña “Slide-in”. Continúe y haga clic para seleccionar “Deslizamiento” como su tipo de campaña.
A continuación, debe seleccionar el modelo. OptinMonster ofrece varias plantillas listas para usar.
Para este tutorial, debes elegir “Lienzo”. Puede encontrarlo fácilmente usando la función de búsqueda y luego haciendo clic en el botón “Usar plantilla” que aparece cuando pasa el mouse sobre él.
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 OptinMonster.
A continuación, haga clic en el botón “Comenzar a construir”. Ahora, OptinMonster cargará su interfaz de creación de campañas. Verá una vista previa en tiempo real de su campaña a la derecha.
Verás los diferentes bloques en el menú de tu izquierda. Debes encontrar el bloque WPForms y arrastrarlo a tu plantilla.
Ahora, el bloque WPForms aparecerá en la plantilla y verá su configuración a la izquierda.
Deberá hacer clic en el menú desplegable “Selección de formulario” en la configuración del bloque en el menú de la izquierda y seleccionar la opción “Agregar código abreviado manualmente”.
Esto le permitirá pegar el código corto del formulario de contacto de WPForms en el bloque. Lo copiaste anteriormente en el tutorial.
Ahora puedes eliminar o personalizar los otros bloques del formulario.
Por ejemplo, puedes editar la imagen haciendo clic en ella y usando la configuración de la izquierda. O puedes eliminarlo simplemente colocando el cursor sobre el bloque y haciendo clic en el icono de la Papelera de reciclaje.
Para este tutorial eliminaremos los otros bloques de la opción, dejando solo el bloque WPForms.
Si lo desea, también puede hacer clic en el fondo y elegir un color, degradado o imagen para la opción en el panel de configuración de la izquierda.
A continuación, debe hacer clic en la pestaña “Reglas de visualización” en la parte superior de la página para configurar cuándo y cómo se mostrará el activador.
DeberÃas mirar la pestaña “Condiciones” en la parte inferior de la pantalla. AquÃ, la configuración predeterminada mostrará la activación en cualquier página después de 5 segundos. Esto deberÃa funcionar para la mayorÃa de los sitios web.
A continuación, debes hacer clic en la pestaña “Acciones” en la parte inferior de la página.
De forma predeterminada, no hay animación ni sonido cuando aparece la suscripción. Si lo desea, puede seleccionar una opción en el menú desplegable “Animar con MonsterEffects”, como “Desplazarse hacia adentro (izquierda)”.
Una vez que haya terminado de configurar sus reglas de visualización, debe 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 publicación a “Publicar”. Esto hará que la activación esté disponible en su blog o sitio web de WordPress.
Paso 3: Ver el formulario de contacto deslizable en WordPress
Ahora que ha creado el formulario de contacto y la campaña deslizable, está listo para mostrarlos en su sitio web.
Puede cerrar la página Estado de publicación haciendo clic en el icono “X” en la parte superior derecha. Ahora deberÃa ver una página que le permite configurar las “Configuraciones de salida de WordPress” y la “Visibilidad y estado” de la suscripción.
Cuando se desplaza hacia abajo en la sección “Visibilidad y estado”, normalmente querrá que “Todos los visitantes y usuarios registrados” vean la campaña. Sin embargo, existen opciones para “Sólo visitantes” y “Sólo usuarios conectados”.
A continuación, debe seleccionar “Publicado” en el menú desplegable Estado. Después de hacerlo, debe hacer clic en el botón “Guardar cambios” para almacenar su configuración.
Ahora puede visitar su sitio web para ver el formulario de contacto extraÃble en acción.
GuÃas expertas para usar formularios de WordPress
Ahora que sabes cómo crear un formulario de contacto desplazable, es posible que desees ver algunas de nuestras otras guÃas de formularios de WordPress:
Esperamos que este artÃculo te haya ayudado a aprender cómo agregar un formulario de contacto desplazable en WordPress. Es posible que también desee consultar nuestra guÃa sobre cómo generar tráfico a su sitio de WordPress y nuestra selección experta de los mejores complementos de encuestas de WordPress.