Cómo crear formularios de contacto flotantes en WordPress con WPForms y OptinMonster

Si desea conocer mejor laFormulario de contacto flotantePara un mayor control del diseño, entonces el método descrito hoy es más adecuado para usted. Utilizaremos el WPForms Crear formularioy utilizar OptinMonster Haz que flote en tu sitio WordPress.

WPFormses un plugin de arrastrar y soltar fácil de usar para crear formularios de WordPress. Ofrece más de 1.800 plantillas para configurar formularios rápidamente con unos pocos clics.

Cómo crear formularios de contacto flotantes en WordPress con WPForms y OptinMonster

Para crear un formulario utilizando WPForms, primero instale y active el plugin en su sitio web.

Una vez activado, puede navegar desde el panel de control de WordPress a la secciónWPForms " Añadir nuevo contenido.

Cómo crear formularios de contacto flotantes en WordPress con WPForms y OptinMonster

le redirigirá a la interfaz del constructor de formularios.

A partir de ahí, introduzca un nombre para el formulario y seleccione una plantilla. En el ejemplo, creamos un formulario de contacto y lo llamamos "Formulario de contacto".

Cómo crear formularios de contacto flotantes en WordPress con WPForms y OptinMonster

Tras asignar un nombre al formulario, desplácese por el panel para seleccionar una plantilla.

En este ejemplo, utilizamos "Formulario de contacto sencillo". Para iniciar la compilación, pase el ratón por encima y haga clic en la opción "Utilización de plantillas" será suficiente.

Cómo crear formularios de contacto flotantes en WordPress con WPForms y OptinMonster

redirigirá al constructor de formularios "campo"Panel.

Desde aquí, vea el formulario de contacto y ajuste el contenido prefabricado. Si le parece correcto, continúe y haga clic en "guardar (un archivo, etc.) (informática)"Botón".

Cómo crear formularios de contacto flotantes en WordPress con WPForms y OptinMonster

Una vez que hayas terminado de crear el formulario, es hora de ajustar su configuración para que aparezca como un formulario flotante.

Por lo tanto, también debe instalar OptinMonster y conectar su sitio web WordPress al plugin.

OptinMonster es un potente plugin de generación de leads y popups. Ayuda a crear y gestionar campañas para convertir visitantes en suscriptores y clientes de pago.

Cómo crear formularios de contacto flotantes en WordPress con WPForms y OptinMonster

Una vez activado, puede hacer clic en "OptinMonster"Elemento del menú.

Aparecerá una pantalla de bienvenida en la que puede hacer clic en "Conecte su cuenta existente" para empezar a utilizar el plugin.

Cómo crear formularios de contacto flotantes en WordPress con WPForms y OptinMonster

Se abrirá una nueva ventana en la que podrá hacer clic en "Conexión a WordPress".

OptinMonster solicitará entonces los datos de la cuenta para completar el proceso.

Una vez validado, puede crear su primer formulario flotante.

Navegación desde el panel de WordPressOptinMonster " Campañas.

Cómo crear formularios de contacto flotantes en WordPress con WPForms y OptinMonster

Una vez dentro puedes crear y configurar formularios flotantes.

Pulse "Cree su primer evento"Botón".

Cómo crear formularios de contacto flotantes en WordPress con WPForms y OptinMonster

OptinMonster tiene varios tipos de actividad, incluyendo columnas flotantes. Sin embargo, la barra flotante tiene un espacio limitado. Así que nuestra recomendación es utilizarla para otras situaciones, como anunciar promociones o compartir códigos de cupones.

Para mantener el diseño limpio y ordenado, puede elegir "deslizar" como tipo de actividad para añadir un formulario de contacto WPForms.

El deslizador flotante permanecerá en la esquina inferior derecha de la pantalla del usuario. Así, ayuda a mantener el contenido legible, el diseño web organizado y una buena experiencia de usuario.

Haga clic en el tipo de actividad para utilizarlo.

Cómo crear formularios de contacto flotantes en WordPress con WPForms y OptinMonster

A continuación, nos desplazamos por el panel y seleccionamos una plantilla.

Para utilizar una plantilla, basta con situarse sobre el bloque de plantilla y hacer clic en "Utilización de plantillas". Aquí, elegimos "Suscripción al boletín de noticias (lite)".

Cómo crear formularios de contacto flotantes en WordPress con WPForms y OptinMonster

Una vez que haya seleccionado el tipo de evento y la plantilla, aparecerá una ventana emergente.

Sólo hay que dar un nombre al formulario. En este ejemplo, hemos llamado a la actividad "Formulario de contacto flotante".

Una vez elegido el nombre, haz clic en "empezar a construir".

Cómo crear formularios de contacto flotantes en WordPress con WPForms y OptinMonster

OptinMonster redirige entonces al constructor activo.

La interfaz de creación de campañas se divide en dos secciones. La izquierda contiene todas las funciones que pueden añadirse a una campaña, y la derecha es una vista previa en vivo.

Para añadir un formulario de contacto WPForms, desplácese por el panel izquierdo hasta encontrar el bloque WPForms.

Cómo crear formularios de contacto flotantes en WordPress con WPForms y OptinMonster

Una vez encontrado, arrastre y suelte el bloque WPForms en la vista previa en vivo en el panel derecho.

Entonces, se verá un "selección de formularios" en el menú desplegable. Haga clic en él y seleccione "Formulario de contacto". El bloque en la vista previa en vivo cargará el shortcode del formulario.

Cómo crear formularios de contacto flotantes en WordPress con WPForms y OptinMonster

Nota: No te preocupes si no puedes previsualizar el formulario en el constructor de formularios. El formulario aparecerá cuando se publique.

Después, si quieres cambiar a "Normas de visualizaciónpestaña ". En esta pestaña, puede establecer el tiempo de visualización y la página del formulario de contacto flotante.

Para que el formulario flote y se mantenga fijo desde el primer segundo, recomendamos configurar los dos primeros menús desplegables como "Tiempo de permanencia de la página".y"inminente".

A continuación, para mostrar el formulario en todas las páginas, se puede establecer el siguiente desplegable "Ruta URL actual"y"Cualquier página".

Cómo crear formularios de contacto flotantes en WordPress con WPForms y OptinMonster

Cuando haya terminado, vaya a "Correo electrónico:"Tab.

En esta pestaña, cambie el estado de contabilización del formulario a "Correo electrónico:"o"programa".

El siguiente paso es utilizar "Comprobador de sitios web en tiempo real"para comprobar la eficacia de la campaña publicitaria en una página web. Para ello, basta con introducir la URL del sitio web en el cuadro de texto y hacer clic en "prueba (maquinaria, etc.)".

Pestaña de publicación de OptinMonster

Esto le redirigirá a una nueva pestaña.

Si eso es lo que desea, puede volver al creador de campañas de OptinMonster y guardar la configuración.

Esto crea con éxito un formulario de contacto flotante usando WPForms y OptinMonster.

Formularios flotantes de WPForms y OptinMonster en sitios web activos

Póngase en contacto con nosotros
¿No puede leer el artículo? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas
Teléfono: 020-2206-9892
QQ咨询:1025174874
(iii) Correo electrónico: info@361sale.com
Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres
Publicado por photon fluctuations, retweeted with attribution:https://www.361sale.com/es/19590/

Como (0)
Anterior 12 septiembre 2024, 11:35
Siguiente 12 de septiembre de 2024, 15:10 horas.

Recomendado

Deja una respuesta

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

Póngase en contacto con nosotros

020-2206-9892

QQ咨询:1025174874

Correo electrónico: info@361sale.com

Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres

Servicio de atención al cliente WeChat
Para facilitar el registro y el inicio de sesión de los usuarios en todo el mundo, hemos anulado la función de inicio de sesión por teléfono. Si tiene problemas para iniciar sesión, póngase en contacto con nuestro servicio de atención al cliente para que le ayuden a vincular su dirección de correo electrónico.