Cómo agregar una ventana emergente de formulario de contacto para WordPress










  • Tener un formulario de contacto en su sitio web ayuda a los visitantes a ponerse en contacto con usted en línea. También les demuestra a los visitantes que usted valora sus comentarios, lo que aumenta la reputación del sitio incluso si las personas no usan el formulario. Por lo tanto, solo tiene sentido agregar un formulario de contacto a WordPress. Pero, ¿qué hay de convertirlo en una ventana emergente?

    Los elementos emergentes son útiles de varias maneras. Aunque no desea un sitio web saturado con estos componentes, un formulario de contacto emergente rápido puede brindar a los usuarios una forma rápida de enviarle un mensaje.

    En este tutorial, mostraré cómo usar un complemento de formulario de contacto de WordPress, así como una herramienta emergente. Aunque hay varias formas disponibles para crear formularios de contacto emergentes, voy a repasar un método gratuito usando Popup Maker y Ninja Forms.

    Uso de formularios ninja

    Ninja Forms es un poderoso complemento que brinda una variedad de opciones de personalización para crear casi cualquier formulario que se te ocurra. Puede hacer de todo, desde crear un formulario de contacto hasta envíos por correo electrónico. También se encuentra entre los complementos mejor calificados y utilizados para WordPress.

    Vaya al área Complementos y haga clic en "Agregar nuevo".

    Agregar nuevo complemento

    Instale y active el complemento "Ninja Forms". Puede encontrarlo utilizando el campo de búsqueda en el extremo derecho de la pantalla.

    Formas Ninja

    Ninja Forms puede llevarlo directamente a su tablero. De lo contrario, puede hacer clic en la opción "Ninja Forms" en la columna de administración de la izquierda.

    Haga clic en Formularios Ninja

    Ninja Forms creará un formulario de "Contácteme" de forma predeterminada. Este es un formulario simple que puede usar de inmediato al instalar el complemento. Digamos que queremos editar qué información se solicita. Haga clic en el título "Contácteme" del formulario.

    Contáctame

    El editor de Ninja Forms se cargará y mostrará qué elementos se encuentran actualmente en el formulario. Puede editar cualquiera de estos elementos haciendo clic en el icono de engranaje azul a la derecha de cada uno. Por ahora, haga clic en el "+" azul en la esquina inferior derecha.

    Como puede ver, Ninja Forms viene con muchas adiciones que puede arrastrar y soltar directamente en el formulario. Digamos que queremos un sello de fecha del mensaje. Arrastra el campo "Fecha" al formulario.

    Fecha de arrastre

    Ahora, haga clic en el campo de fecha para abrir sus propiedades a la derecha.

    Cita abierta

    Cambie las propiedades de la fecha para que se ajusten a sus necesidades. Puede modificar la etiqueta, establecer por defecto la fecha actual, cambiar el formato e incluso modificar la visualización. Como quiero que el formulario tenga el sello de fecha del día actual, lo configuro para que sea obligatorio y predeterminado en la fecha actual. Haga clic en el botón "Listo" en la esquina superior una vez que haya completado la personalización.

    Hecho

    Haga clic en el botón "Publicar" en la parte superior derecha para activar el formulario.

    Haga clic en Publicar

    Después de un momento, Ninja Forms mostrará un botón de publicación atenuado. Haga clic en la "X" en la parte superior derecha para cerrar el editor.

    Cerrar editor

    Ahora tenemos nuestro formulario de contacto perfecto. Ninja Form proporciona un código abreviado para agregar el formulario a cualquier publicación o página que tenga en su sitio web. Copia y pega este código para colocar el formulario.

    Código corto

    Si bien podríamos simplemente colocar este formulario en el sitio web, queremos que sea una ventana emergente. Ahora necesitamos el complemento Popup Maker.

    Uso del Creador de ventanas emergentes

    Vuelva al área Agregar nuevo de Complementos e instale Popup Maker . Asegúrese de instalar el complemento correcto. Hay muchas herramientas diferentes de creación de ventanas emergentes, y este tutorial usa Popup Maker específicamente.

    Creador de ventanas emergentes

    Se abrirá una nueva ventana con características de seguridad. Haga clic en el botón "Omitir" por ahora. Siempre puede instalar complementos de seguridad en un momento posterior.

    Saltear

    Aparecerá el panel de Popup Maker mostrando una lista vacía de ventanas emergentes. Si necesita acceder a alguno en el futuro, aquí es donde estarán.

    Hagamos una nueva ventana emergente. Haga clic en el botón "Agregar ventana emergente" en la parte superior de la pantalla.

    Agregar ventana emergente

    Ingrese un nuevo nombre emergente para la función. Para este tutorial, voy a configurarlo en "Contáctame".

    Nombre emergente

    Ingrese un nuevo título emergente en el espacio para identificarlo en Popup Maker. Voy a usar el mismo nombre y etiquetarlo como "Contáctame".

    Título emergente

    Haga clic en el campo del editor y haga clic en el botón "Agregar formulario".

    Agregar botón de formulario

    Utilice la ventana desplegable para seleccionar su formulario. Haga clic en el botón "Insertar". Esta es una lista de su complemento Ninja Forms.

    Seleccionar formulario

    En el editor de WordPress, encontrará una variedad de opciones para controlar cómo funciona la ventana emergente. Esto incluye la configuración de activadores, cookies, la configuración de su pantalla, superposición, animaciones y mucho más. Establezca cómo desea que funcione la ventana emergente de acuerdo con sus necesidades.

    También tendrá que establecer sus condiciones. En este ejemplo, estoy configurando la ventana emergente para que aparezca solo en la "Página de inicio".

    Condiciones

    Cuando esté listo para que el formulario se active, haga clic en el botón "Publicar" de la ventana emergente.

    Publicar ventana emergente

    Ahora, tiene un formulario de contacto emergente.

    Personalización de la ventana emergente

    Entre Ninja Forms y Popup Maker, tiene acceso a bastantes opciones de personalización disponibles. Es posible que deba experimentar un poco con el formulario, como ajustar el tiempo si desea que se abra automáticamente o dónde desea que aparezca el formulario en su sitio.

    En la propia ventana emergente, tiene acceso para cambiar el tema. Esto no es lo mismo que el tema que opera su sitio web de WordPress. Estos son específicamente para la ventana emergente y se pueden personalizar haciendo clic en la herramienta "Temas emergentes" en Popup Maker.

    Tema personalizado

    Aunque puede configurar el formulario de contacto para que se abra en una ventana emergente, probablemente sea una buena idea agregar el formulario directamente a una página de WordPress. De esta manera, los visitantes aún pueden acceder a él más tarde mediante un menú de navegación personalizado si cierran la ventana emergente en algún momento.

    Por ejemplo, puede configurar el formulario de contacto emergente para que se abra en la página de inicio después de cinco segundos. Luego, use el código abreviado para Ninja Form para colocarlo en una página de "Contácteme" para el sitio web.

    ¿Puedo usar cualquier complemento de creación de ventanas emergentes con Ninja Forms?

    Tiene acceso a una amplia variedad de complementos de creación de ventanas emergentes para WordPress. Solo usé Popup Maker esta vez porque es una de las herramientas más fáciles y mejor calificadas para este propósito. Sin embargo, hay muchos que son compatibles con Ninja Forms. Encuentre uno que funcione mejor para usted.

    ¿Funcionará Popup Maker con el formulario de contacto 7?

    Popup Maker funciona con la mayoría de los complementos populares de creación de formularios. De hecho, el desarrollador establece específicamente cómo Contact Form 7 se encuentra entre los complementos compatibles. Debido a cómo se manejan los creadores de formularios en WordPress, Popup Maker debería funcionar con una gran parte de ellos.

    muchas posibilidades

    Ninja Forms y Popup Maker abren las puertas a todo tipo de posibilidades para potenciar la funcionalidad de tu sitio. Por ejemplo, puede configurar encuestas o compartir contenido importante con los visitantes al ingresar a su sitio web. Piense en ello como una noticia de última hora para compartir información vital relevante para su página.

    En cualquier caso, es fácil configurar formularios deslizantes y ventanas emergentes de WordPress con estos dos complementos. Amplíe lo que su sitio puede hacer por los visitantes y vea si puede generar sus propias ideas. Después de todo, una experiencia única es lo que impresiona a los usuarios.

    ¿Qué tipo de cosas pondrías en una ventana emergente para tu sitio web? ¿Tiene un contacto u otra página de destino lista para sus visitantes?










  • Subir