Formulario de Contacto

Vamos a hacer un formulario para que los usuarios puedan contactarse contigo desde tu pagina web sin necesidad de enviarte un correo…ok?…vamos a hacerlo pues. primero que nada abre tu Front Page.

1- En tu frontpage hacemos clic en Insertar>Formulario

Vamos a tener algo como esto:

2- Hacemos clic nuevamente en formulario>Cuadro de texto y vamos a tener un campo del formulario.

3- Para el formulario que vamos a hacer aqui, vamos a insertar 6 cuadros de texto y un area de texto que es donde va a ir el mensaje.

Colocamos delante de cada campo, lo que este va a llevar para darle una referencia a los usuarios de que se trata cada campo. Vamos a tener algo asi:

4- Ahora toca darle propiedades a cada uno de los campos, para esto, vas a hacer clic derecho encima del primero y seleccionar la opcion “propiedades de campo de formulario” y donde dice nombre: vas a colocar un valor para cada uno de los campos, es decir, al campo donde va a ir el nombre le colocaremos “nombre” es importante que NO uses mayusculas, acentos ni espacios en blanco en los nombres.

asi vamos a colocarle un nombre a cada campo de formulario. aqui te digo que nombres use:
Nombre: nombre
Apellido: apellido
Localizacion: pais
Asunto: asunto
Email: email
Pagina web: web
Mensaje: mensaje

5- Front page tiene una barra abajo de tu pagina que permite tener varias apreciaciones de tu pagina, vamos a seleccionar la que dice “codigo”.

6- Vas a tener un codigo como este:

En el codigo vas a borrar todo lo que sale en la linea 12 (lo que esta en el recuadro rojo) y en la linea 11 donde dice –WEBBOT-SELF– vas a borrar eso y escribir envio.php.

Listo, vas a tener tu formulario. cierra todo y abre el block de notas.

7- Una vez en el block de notas, vas a escribir el siguiente codigo.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<?php
$para = 'TUEMAIL';
$asunto = 'Contacto';
$de = $_POST['nombre'] ;
$mensaje = "
NOMBRE DE REMITENTE: $_POST['nombre']
APELLIDO DEL REMITENTE: $_POST['apellido']
PAIS DEL REMITENTE: $_POST['pais']
ASUNTO DEL MENSAJE: $_POST['asunto']
EMAIL DEL REMITENTE: $_POST['email']
PAGINA WEB DEL REMITENTE: $_POST['web']
COMENTARIO: $_POST['mensaje']
";
mail($para, $asunto, $mensaje, "From: $de");
include("enviocorrecto.html");
?>

donde dice TUEMAIL vas a colocar tu email, a donde va a llegar el mensaje y donde dice contacto, puedes agregar cualquier otro asunto que quieras.

Has clic en archivo>Guardar como.. y guardalo con el nombre de envio.php (importante que sea este nombre, no olvides colocar el .php)

8- Vamos ahora a crear otra pagina con front page, esta pagina va a ser la que aparezca una vez los usuarios envien el formulario. vamos a agregar lo siguiente.

Esta pagina la vamos a guardar como enviocorrecto.html (importante que sea ese nombre, no olvides el .html)

9- Sube todo a tu FTP y prueba que funciona!!.

Mijael es el creador y editor de skyandstars.net donde publica guias y tutoriales sobre WordPress, Cutenews, PHP, HTML y mucho más. Acutalmente estudiante universitario.

Mijael166

Quizas alguna de estas entradas te pueda interesar

• Cambiar color de fondo de web Dinamicamente
• Primer Programa PHP
• Titulos (title) dinamicos en paginas webs
• Menu con tres estados para CMS
• Formularios con Imagenes

7 Comentarios en "Formulario de Contacto"

1. 

   car

   8 Julio 2009

   Respuesta

   bueno

2. 

   carlos

   14 Julio 2009

   Respuesta

   no me funciono

3. 

   Mijael

   14 Julio 2009

   Respuesta

   Carlos…solo funciona si tienes un host pago…..no funciona para host gratuitos como iespana, oowebhost o cualquier otra pagina que proporcione el servicio de host gratuitamente..
   Si tienes host gratuito checa http://www.skyandstars.net/formulario-de-contacto-host-gratuito/ ese tutorial.

4. 

   adrian

   15 Febrero 2010

   Respuesta

   no me funciono, tuve problemas para visualizar el contenido de los formularios en el mail, solo me llega el nombre de las casillas.
   Espero puedas ayudarme, gracias!

   • 

     Mijael166

     15 Febrero 2010

     Respuesta

     Hola adrian, gracias por escribir..he editado el codigo de envio.php en el tutorial…revisa los cambios y dime si ahora funciona. Saludos!!

     • 

       adrian

       15 Febrero 2010

       Respuesta

       Mijael:

       Te agradezco tu pronta ayuda.
       Dejame decirte que todo funciono perfectamente, con estas modificaciones que hiciste, mi formulario esta funcionando correctamente.
       A partir de hoy tu web va directo a favoritos!

       Saludos!

       • 

         Mijael

         15 Febrero 2010

         De nada adrian, gracias a ti por escribir…sucede que el tutorial lo escribi cuando no sabia mucho de PHP…ahora no es que sea experto..pero supe encontrar rapido el error :) Gracias nuevamente por escribir.