Formulario contacto, con un diseño espectacular

Hola gente, hoy os quiero enseñar un plugin genial para WordPress, un formulario contacto popup que dará un toque más moderno, podremos ser la envidia de todos gracias a éste plugin.

El formulario contacto es totalmente responsive, lo podemos comprar en CodeCanyon pero hoy lo tendremos gratis desde éste post, Ninja Kick nos permitirá tener un formulario contacto espectacular

Es un plugin premium que utiliza un enfoque diferente para las formas de contacto

  • Añade formularios que están escondido y haciendo un clic aparece.
  • Puede tenerlo en todas las páginas
  • Crea un botón popup
  •  

Éste plugin utiliza CSS3, con un diseño moderno y es totalmente responsive, funciona muy bien en todos los dispositivos móviles.

Aquí os dejo el vídeo Tutorial del post.

 

Instalando formulario contacto

Una vez descargado el plugin vamos a instalarlo y activarlo, luego nos dirigiremos a Ajustes y ahí estará nuestro plugin instalado. Ahora vamos a configurar.

Quieres éste plugin? En la Pestaña Recursos, lo tendrás gratis para ti, solo tienes que registrarte y podrás tener contenido exclusivo….Guauuuuuuu. Aquí te dejo el enlace Formulario Contacto Ninja Kick

Formulario contacto

Una vez dentro del administrador, viene lo bueno del plugin…darle nuestro toque.

Formulario contacto

 

  1. Podemos elegir que sea visible solo para administradores registrados.
  2. Al recibir restringe el envío de correos electrónicos de otros dominios.
  3. Elegir la posición en la que aparecerá
  4. Elegir la posición del Sidebar

Formulario contacto

 

  1. Elegir si queremos que lo vean todos, o en que páginas queremos que aparezca
  2. Al dar clic sobre el botón popup, podremos elegir si el fondo sea claro, oscuro o que simplemente no haga nada.

 

Configuración de Forms

Formulario contacto

 

Desde aquí podremos configurar donde queremos que nos envíen los mensajes, también podremos agregar otros apartados como compañía, teléfono, dirección, etc…y además podremos utilizar un Shortcode de Contact Form 7, por si quisiéramos utilizar nuestro formulario de contacto.

Formulario contacto

 

Agregar una fotografía y un nombre donde aparecerá como un título.

Formulario contacto

 

Podemos agregar el nombre completo o nombre de la empresa, nuestra página, el mensaje que queramos que aparezca en el formulario y traducir el mensaje que recibirán después de enviarnos la consulta.

Formulario contacto

 

Desde aquí elegiremos en que páginas queremos que aparezca, en mi caso dejo todo marcado porque mi intención es que se vea en todas las páginas de mi blog.

Formulario contacto

 

Y por último podremos agregar nuestras Redes Sociales y nuestro RSS URL.

 

Configurar Theme

Desde ésta apartado podemos editar complemente nuestro tema, darle el color que queramos y además podremos elegir la posición de los botones de las Redes Sociales en la parte superior o más abajo.

 

Configurar Button

Dar el color o la forma que queramos que aparezca nuestro botón, además del tamaño que es muy importante. Hay un opción que nos permite activar el Mouseover, eso significa que cada vez que pasemos con el ratón por encima del botón se abrirá automáticamente.

 

Formulario Contacto: CSS

Si eres avanzado y controlas el CSS, desde aquí podrás agregar tu propio estilo.

Cuando tengamos todo configurado, el resultado final….es espectacular. 

 

Formulario contacto

 

El resultado final, como podéis ver no es más que genial, ahora solo tienes que probar tu, que te parece?

Ya sabes, si te gustó el post no tienes más que compartirlo y claro…regálame un like, recuerda que también te dejare un link con el vídeo para que puedas verlo mejor y lo entiendas aun mucho mejor, por sino lo tienes te dejo mi canal de Youtube. El canal de JuJo

Si quieres leer más post interesantes debajo tienes enlaces que te llevarán a ellos.

Hasta la próxima.

× ¿Cómo puedo ayudarte?