viernes, 12 de diciembre de 2014

Cómo poner un formulario de contacto en Blogger

Hola a todos, como todos sabéis un Blog es una buena herramienta para producir un feedback, por eso hoy os voy a explicar como añadir un formulario de contacto para que la gente pueda ponerse en contacto con vosotros.


Vamos a seguir unos sencillos pasos:

1. Entramos en Foxyform

2. Y en la zona de la derecha, donde dice Sus opciones (paso 1: configuración) elegimos qué casillas queremos que muestre:


Por defecto nos vienen marcadas Apellido e E-mail.

Pero veréis que si pincháis en Mostrar más opciones, podéis elegir otras cosas también. Podéis poner por ejemplo Nombre, E-mail y Asunto por ejemplo.


Además veis que podéis marcar a la derecha si es un campo obligatorio o no.

3. Pasamos al Paso 2: Personalización. Ahí podéis cambiar los colores, la fuente y el tamaño de la fuente también.
Nota 1: No obstante tenéis que tener en cuenta que NO acepta todos los códigos de color hexadecimales.

Tanto al lado del color de fondo como al lado del color de la fuente, viene un link (entre paréntesis: colores) donde si pincháis os abrirá una ventana con los códigos de color que acepta.


4. El Paso 3 es meter nuestra dirección de correo electrónico.

Porque lo que pasará es que cada vez que alguien rellena nuestro formulario, automáticamente recibimos un email. 

5. Escribimos el código captcha anti-spam.
Nota 2: No siempre aparece un código para introducir, sino una casilla para marcar.

6. Pinchar en Crear formulario

Entonces nos sale esto:


7. En nuestro menú del blog, buscamos la sección páginas y creamos una nueva página

8. Lo único que tenemos que hacer es copiar ese código y pegarlo en nuestra página del blog.

Lo pegáis en la vista HTML, y cuando lo publiquéis, se verá (en la vista Redactar no se ve, veréis que pone foxyform)
Nota 3: por defecto viene un poco estrecho. Fijaos que pone 350 px.


Pues sin más, en la vista HTML una vez de que lo habéis pegado, le ponéis un valor un poco mayor. 500 o lo que queráis.


Si os quedan dudas u os perdéis en algún paso aquí os dejo un vídeo explicativo para que lo veáis de manera visual, que muchas veces es más sencillo.



No hay comentarios:

Publicar un comentario