jueves, marzo 28, 2024
No menu items!
InicioBlogsCómo agregar un formulario de contacto deslizable en WordPress (tutorial sencillo)

Cómo agregar un formulario de contacto deslizable en WordPress (tutorial sencillo)

¿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.

Cómo agregar un formulario de contacto deslizable en WordPress

¿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.

🔥 Leer:  7 formas de eludir los muros de pago, leer artículos gratis en Chrome & amp; Firefox

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”.

Crear un nuevo formulario de contacto

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.

Creador de formularios WPForms

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.

Al hacer clic en el enlace se utiliza un código corto.

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.

OptinMonster Regístrate o inicia sesión

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”.

🔥 Leer:  ¿Qué es el marketing de afiliados? Un evento virtual gratuito 2024
Agregar una nueva campaña en OptinMonster

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.

Seleccione un tipo de campaña y una plantilla en OptinMonster

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.

Nombra tu campaña 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.

Arrastrando el bloque WPForms a OptinMonster

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.

Pegue el código abreviado de su módulo WPCode en OptinMonster

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.

Eliminando bloques en OptinMonster

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.

Cambiar el color de fondo en OptinMonster

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.

🔥 Leer:  ¿Se ha producido un corte de servicio en League of Legends?
Condiciones de configuración de visualización de OptinMonster

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)”.

Acciones de reglas de visualización de OptinMonster

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.

Cambiar el estado de publicación en OptinMonster

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”.

Configuración de visibilidad y estado en OptinMonster

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.

Vista previa del formulario de contacto desplegable

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.

Recomendamos

Populares