DISEÑO Y SERVICIO WEB, RECURSOS EN LINEA, TUTORIALES, PROGRAMAS Y MÁS...

lunes, 28 de septiembre de 2009

Agregar un formulario a tu blog o página web

Como hacer para colocar un formulario de contacto en tu sitio web de forma sencilla sin saber nada de programación

Existe un sitio que nos brinda este servicio de un modo sencillo e intuitivo, es el siguiente:
Además nos permite personalizarlo y una vez que creamos nuestro formulario de contacto o envío nos da un código html para colocar en cualquier lugar de nuestro blog ya sea un post o un gadget.
Es decir, podemos crear un formulario para que nuestros visitantes nos envíen consultas y comentarios sobre nuestro sitio web a nuestro mail del modo más sencillo. Está todo en inglés pero no temas es más que sencillo... Sierve tanto para blogger como para cualquier sitio web.
Les indicaré como hacerlo paso a paso:
1- Entrar a la siguente página y registrarse www.emailmeform.com donde dice "Sign up for FREE" (Registrarse gratis)

2-Una vez que termine el proceso de registro se recibe un mail de confirmación con un link para activar la cuenta; luego se puede acceder al panel de control

3-Dentro del panel de control a la izquierda en un rectángulo azul se ve que dice “Create New Form" (Crear un Nuevo Formulario), hacer clik allí.

4- Un vez allí se requiere darle un nombre al formulario, el mail donde enviar la información, una posible página para cuando se envió con éxito o para confirmar que se envió correctamente( nosotros simplemente creamos un posto para ello y copiamos su link). Por último el número de campos a rellenar por el usuario, por defecto pone cuatro (nombre, mail, asunto y comentrio). Dar next (siguiente)

5- Aquí se indica el nombre de cada campo y el número de dígitos (es bueno dejarlo como aparece preestablecido)

6- El paso siguiente es recomendado para quienes manejan estilos CSS y HTML, dejar en blanco y seguir.

7- El úlitmo paso también se puede dejar en blanco.

8- Luego mostrará una vista previa del formulario pudiendo retroceder si se desea para cambiar algo del diseño.

9- Cuando esté terminado nos dará un link para verlo y pondrá “Get the HTML Code” se deberá pulsar en este último para de ese modo ver el código generado.

10- Copiar el código y colocarlo en un post o un gadget en modo edición HTML

11- Listo estará funcionando

Espero les guste pueden probar el que aparece a continuación:



Nombre:
Email:
Asunto:
Consulta o Comentario:
Image Verification
captcha
Copie aquí el texto indicado el la imagen:













En el siguiente link les dejó un ejemplo de una utilidad que le di a este recurso, claro está que con un poco de conociemiento de html se puede variar más...
http://www.piartesano.com/contactar-joyas-plata-cuerno-astas.html

1 comentario: