Cómo añadir un formulario de contacto de WordPress en un slider

Cómo añadir un formulario de contacto de WordPress en un slider (fácilmente)

¿Te gustaría añadir un formulario de contacto de WordPress dentro de un slider para facilitar que los visitantes se pongan en contacto contigo?

Es inteligente colocar un formulario de contacto en un slider porque aprovecha bien el espacio y mantiene el interés de la gente al añadir formas de conectar fácilmente.

Añade tu formulario de contacto a un slider 🙂 .

Si quieres añadir esta funcionalidad a tu sitio web, estás en el lugar adecuado. Echa un vistazo a estos pasos para añadir un formulario de contacto de WordPress en un control deslizante.

Cómo añadir un formulario de contacto a un slider en WordPress

Para ello, combinaremos 2 populares plugins de WordPress: WPForms y Soliloquy. Sigue los siguientes pasos para empezar:

Paso 1: Instalar y activar el plugin WPForms

Las versiones Lite y Pro de WPForms permiten crear un formulario de contacto que puede incrustar en cualquier lugar de su sitio web.

La página de precios de WPForms.

Lo primero que debe hacer es instalar y activar el plugin WPForms. Aquí hay una guía paso a paso sobre cómo instalar un plugin de WordPress.

Paso 2: Crear un nuevo formulario de contacto para el Slider

Una vez que haya activado el plugin WPForms, vamos a seguir adelante y crear un nuevo formulario de contacto. Echa un vistazo a esta guía sobre cómo crear un formulario de contacto simple.

Añadir un campo de formulario durante el Desafío WPForms

Después de guardar el formulario, copie el shortcode. Usaremos este código más adelante. Puede encontrar su shortcode haciendo clic en WPForms " Todos los formularios.

shortcode de formulario

¡Gran trabajo hasta ahora! Ahora, te guiaremos a través de los pasos para configurar el slider de WordPress, donde añadirás tu formulario de contacto.

Paso 3: Configure su WordPress Slider a través de Soliloquy

Necesitará instalar y activar el plugin Soliloquy slider. Aquí tienes una guía paso a paso sobre cómo instalar el plugin Soliloquy slider.

Ahora, visite Soliloquy " Añadir nuevo para crear un slider. Aquí, usted necesita agregar el shortcode WPForms, que puede hacer haciendo clic en Seleccionar archivos de otras fuentes.

crear soliloquio deslizante

Aparecerá una ventana emergente. Desde aquí, haz clic en el enlace Insertar diapositiva HTML de la izquierda. Pon un título a esta diapositiva e introduce el shortcode del formulario de contacto.

insertar html slider

Aquí es donde debe colocar su shortcode WPForms y darle un título a su HTML Slide. Después, haga clic en el botón Insertar en Slider.

publicar deslizador

También puedes añadir las diapositivas adicionales que desees. Cuando haya terminado, simplemente haga clic en el botón Publicar situado en la parte derecha de la página.

Paso 4: Mostrar WordPress Slider con un formulario de contacto

Ya casi has terminado. Ahora es el momento de añadir tu slider a un post o página. Simplemente edita un post/página existente o crea uno nuevo donde quieras añadir el slider.

Dentro de la pantalla de edición de tu entrada/página, haz clic en el icono + (Más) para añadir un nuevo bloque, y añade el bloque Soliloquio.

bloque soliloquio

Esto añadirá el bloque Soliloquy al editor de bloques de WordPress. Ahora, simplemente selecciona el Slider que creaste anteriormente.

seleccionar control deslizante

Por último, publica o actualiza tu post/página para que tu formulario de contacto en un slider esté activo, ¡en un abrir y cerrar de ojos!

publicar wpforms slider

Ya está. Esperamos que este artículo te haya ayudado a aprender cómo añadir un formulario de contacto de WordPress en un slider.

Más preguntas sobre Cómo añadir un formulario de WordPress en un slider

¿Cómo añadir un formulario de contacto en el slider de WordPress?

Para añadir un formulario de contacto en un slider en WordPress, puede utilizar el plugin WPForms junto con el plugin Soliloquy slider. En primer lugar, cree un formulario de contacto con WPForms.

A continuación, instala y activa el plugin Soliloquy, y utiliza su función de deslizador dinámico para incrustar el formulario de contacto dentro del deslizador. De este modo, los visitantes podrán interactuar con el formulario directamente desde el deslizador de tu sitio web.

¿Cómo añado un formulario a mi barra lateral en WordPress?

Para añadir un formulario a su barra lateral en WordPress, comience por crear su formulario utilizando WPForms. Una vez que el formulario esté listo, vaya a la sección Apariencia " Widgets en su panel de WordPress.

Arrastre el widget WPForms a su barra lateral y seleccione el formulario que ha creado. Guarda los cambios y el formulario aparecerá en tu barra lateral.

¿Cómo incrustar un formulario en una página de WordPress?

Incrustar un formulario en una página de WordPress es simple con WPForms. Primero, cree el formulario en WPForms. A continuación, abra la página en la que desea incrustar el formulario y haga clic en el botón + para añadir un bloque.

Elija el bloque WPForms y seleccione su formulario en el desplegable. Una vez añadido, publica o actualiza la página para mostrar el formulario.

¿Cómo añado un control deslizante personalizado en WordPress?

Puedes utilizar el plugin Soliloquy para añadir un slider personalizado en WordPress. Después de instalar y activar Soliloquy, crea un nuevo deslizador subiendo tus imágenes y personalizando los ajustes para que coincidan con el estilo de tu sitio web. Una vez configurado, utiliza el shortcode proporcionado por Soliloquy para incrustar el slider en cualquier página o post.

A continuación, aprenda a crear formularios de WordPress libres de spam

También puede consultar nuestra guía sobre cómo crear formularios de contacto de WordPress sin spam. Ya que estás, aprende también a añadir una imagen o logotipo de cabecera de formulario en WordPress.

Cree su formulario WordPress ahora

¿Listo para crear tu formulario? Empieza hoy mismo con el plugin más sencillo para crear formularios en WordPress. WPForms Pro incluye un montón de plantillas gratuitas y ofrece una garantía de devolución de dinero de 14 días.

Si este artículo te ha ayudado, síguenos en Facebook y Twitter para más tutoriales y guías gratuitas sobre WordPress.

Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPForms, por qué es importante y cómo puede apoyarnos.

Hamza Shahid

Hamza es un escritor del equipo de WPForms, que también se especializa en temas relacionados con el marketing digital, la ciberseguridad, los plugins de WordPress y los sistemas ERP.Más información

El mejor plugin de WordPress para crear formularios arrastrando y soltando

Fácil, rápido y seguro. Únete a más de 6 millones de propietarios de sitios web que confían en WPForms.

Active JavaScript en su navegador para rellenar este formulario.

2 comentarios en "Cómo añadir un formulario de contacto de WordPress en un slider (fácilmente)"

Añadir un comentario

Nos alegra que haya decidido dejar un comentario. Por favor, tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

Este formulario está protegido por Cloudflare Turnstile y se aplican la Política de privacidad y las Condiciones del servicio de Cloudflare.