Si quieres insertar un formulario de contacto en tu blog de blogger, puedes utilizar está herramienta que te daré a conocer hoy en este post. También pueden escoger otros estilos de formulario de contacto que anteriormente he publicado en este blog, les dejo los links, enlace 1 y enlace 2.
La herramienta que utilizaremos es 123 Contac From es un servicio gratuito que nos permite crear un formulario de contacto con un estilo profesional en tan solo uno cuentos pasos. Pueden ver en formulario en funcionamiento en mi otro sitio.
Primero nos creamos una cuenta en 123 Contac From, donde tenemos que rellenar un formulario con nuestros datos, luego nos logeamos en 123 Contac From con nuestro nombre de usuario y contraseña que pusimos al registrarnos.
Ahora, localiza la pestaña New From y empieza a rellenar los campos con tu información:
- Form name: Nombre del formulario
- Email address: Email donde te llegarán los comentario
- Logo to be displayed above form: Logotipo que se mostrará en el formulario
- Confirmation message: Mensaje de confirmación, tienes 3 opciones, yo he elegido Redirect to a web page para que después de enviar el mensaje me redirija al indice de mi sitio
Las demás opciones las pueden elegir a gusto de cada uno, como por ejemplo tipo de letra, tamaño de letra, color del texto, verificación Anti Spam etcétera. Una vez hemos terminado de rellenar esos campos hacemos clic en Saved al final. Luego se abrirá otra ventana donde tenemos que poner los nombres a los campos del formulario están en inglés tu los puedes editar y poner en español luego hacer click en Saved al lado derecho. Adjunto imagen:
También le puedes añadir más campos a tu formulario, para ello fíjate más abajo donde dice Add new field teclea el nombre que le vas asignar, luego pincha en Add y listo. Terminado todo, te vas al final y localiza Additional HTML content haz clic para ver una muestra de tu formulario. Luego al final haz clic en Siguiente, aquí te mostrará varias plantillas predeterminadas que puedes utilizar para tu formulario, elige una que te guste o simplemente salta este paso y haz clic en Siguiente, por fin aquí podemos copiar el código de nuestro formulario para ello haz clic en Select text y copia el código.
Ahora ve a tu blog crea una página estática o una entrada y pega el código en Edición de HTML, NO en Redactar. Para los que siguen teniendo duda de cómo ponerlo en una entrada en blogger lean este post.
9 comentarios:
Eduardo ya tengo el codigo y lo e probado en un blog de pruebas me gustaria saber si cuando se realiza un cambio en el Email que se agrega en el registro desde Edit your profile de la pagina automaticamente los mensajes se redireccionan a ese nuevo Email o por el contrario habria que realizar todos los pasos para agregar un nuevo correo espero me alla sabido expresar bien espero tu respuesta mil gracias por los aportes =D
Hola Magoplup, al correo donde te llegarán es al que introdujiste en la casilla Email address, NO en profile. Cuando ingreses a tu cuenta busca, My forms, has clic para que te muestre tus formulario, ahora localiza tu formulario que creaste, y pincha en "Form Setup" ahora cambia el email por el nuevo en "Email address:" guardas los cambios y listo. Saludos!
Hola estoy tratando de colocar el formulario en mi blog, pero como tiene las nuevas plantillas no encuentro la parte donde tengo que colocar las lineas de edicion de html, me puedes ayudar por favor. gracias
Apesar de que edito los campos, al final me aparecen en ingles. Podrias decirme cómo ponerlos en español?
Rafael Monsanto Cruz, cuando cambies el nombre de cada campo al español, tienes que hacer clic en Saved para que no vuelva a ponerse en inglés.
Estupendo rápido y sencillo, muchas gracias por compartir.
He aqui mi formulario tras seguir tus instrucciones y mi blog:
http://tuasesortic.blogspot.com/p/contacto.html
tu.asesortic, gracias a ti por tu comentario, me he pasado por tu blog y a quedado estupendo el formulario.
Te molesto para pedirte si me podés orientar cómo hacer para modificar, en este formulario de contacto, los márgenes, interlineados entre las cajas, etc. Me gustaría dejarlo más chico como lo tienes en http://www.pcinternity.com/contacta
Desde ya muchas gracias.
Disculpá pero no pude comentar en la casilla de abajo por eso lo hago aquí.
Seba
Perdona, pero yo cree una plantilla en el 123 contact y luego en mi blog no aparecen ni los colores que le puse ni la imagen. ¿?
Quieres Comentar
Todos los comentarios están siendo leídos y moderados.
- Todos los comentarios deben ser relacionados con el artículo
- Serán borrados aquello comentarios que sean considerado SPAM
- Si quieren pedir ayuda,que no tenga nada que ver con el post, utilicen la página de Contacto
- Los comentarios serán publicados a la brevedad mínima posible
¿NO PUEDES COMENTAR?
¡Si no puedes ver la caja donde tienes que poner la palabras de verificación, has clic en donde dice "Verificación de palabras" y te saldrá la cajita donde tienes que ingresar la palabra!
NO TE OLVIDES DE RECOMENDAR PAZOSBLOGGER.COM A TUS AMIGOS