¿Cómo crear formulario de contacto usando HTML y PHP?

hace 1 año · Actualizado hace 1 año

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors

Aquí te dejo los pasos para crear un formulario de contacto en HTML y PHP de una forma muy sencilla y rápida.

Índice
  1. Paso 1: Crea el formulario en HTML
  2. Paso 2: Crea el archivo PHP para procesar el formulario
  3. Paso 3: Configura el servidor de correo electrónico

Paso 1: Crea el formulario en HTML

Lo primero es crear el formulario en HTML. Para ello, puedes copiar el siguiente código y pegarlo en un archivo HTML:

<form method="post" action="enviar.php">
  <label for="nombre">Nombre:</label>
  <input type="text" id="nombre" name="nombre" required>

  <label for="email">Email:</label>
  <input type="email" id="email" name="email" required>

  <label for="telefono">Teléfono:</label>
  <input type="tel" id="telefono" name="telefono">

  <label for="mensaje">Mensaje:</label>
  <textarea id="mensaje" name="mensaje" required></textarea>

  <button type="submit">Enviar</button>
</form>

En este formulario, hemos incluido los campos de nombre, email, teléfono y mensaje. Además, hemos añadido el atributo required a los campos de nombre y mensaje para que sean obligatorios.

Paso 2: Crea el archivo PHP para procesar el formulario

Una vez que tenemos el formulario creado, necesitamos un archivo PHP que procese los datos que se envían desde el formulario y los envíe por correo electrónico. Para ello, crea un archivo llamado enviar.php y pega el siguiente código:

<?php
  // Recibe los datos del formulario
  $nombre = $_POST['nombre'];
  $email = $_POST['email'];
  $telefono = $_POST['telefono'];
  $mensaje = $_POST['mensaje'];

  // Configura los datos del correo electrónico
  $destinatario = '[email protected]'; //Aquí debes sustituir [email protected] por tu email
  $asunto = 'Nuevo mensaje de formulario de contacto';
  $cuerpo = "Nombre: $nombre\nEmail: $email\nTeléfono: $telefono\nMensaje: $mensaje";
  $headers = "From: $email\r\nReply-To: $email\r\n";

  // Envía el correo electrónico
  mail($destinatario, $asunto, $cuerpo, $headers);

  // Redirige al usuario a una página de confirmación
  header('Location: confirmacion.html'); // confirmacion.html debe existir
?>

En este archivo PHP, estamos recibiendo los datos que se han enviado desde el formulario mediante el método POST y los almacenamos en variables. Luego, configuramos los datos del correo electrónico (destinatario, asunto, cuerpo y encabezados) y usamos la función mail() para enviar el correo electrónico.

Finalmente, redirigimos al usuario a una página de confirmación, que podemos crear como una página HTML normal.

Paso 3: Configura el servidor de correo electrónico

Para que el formulario de contacto funcione correctamente, debes asegurarte de que el servidor de correo electrónico esté configurado correctamente. Si tienes problemas para enviar correos electrónicos desde tu servidor, puedes utilizar un servicio de correo electrónico de terceros como SendGrid o Mailgun.

Con estos pasos, has creado un formulario de contacto en HTML y PHP que permite a los usuarios enviarte mensajes desde tu sitio web. Recuerda que puedes personalizar el formulario y el archivo PHP para adaptarlo a tus necesidades específicas.

Pionera del caos

Ingeniera Informática con Máster en Bioinformática, casi doctora y freelancer. Todo lo que te cuento en este blog son aprendizajes que yo misma he tenido ya sea durante mis estudios o en otros proyectos!

Otras Entradas Relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *



Para continuar es necesario que confirmes la política de privacidad de la web.

Subir