¿Cómo hacer funcionar un formulario de contacto en HTML?

krvaM Seguir

Zeta
Verificación en dos pasos desactivada
Desde
2 Abr 2009
Mensajes
1.513
Hola gente, bueno tengo este codigo que es de un html, es un formulario de contacto.
Ahora mi pregunta es como hago para que ese formulario de contacto funcione y cuando quieran enviarme un mensaje me llegue a mi mail? Que tengo que haceR? :encouragement:




HTML:
<!-- Container (Contact Section) -->
<div id="contact" class="container-fluid bg-grey">
  <h2 class="text-center">Contacto</h2>
  <div class="row">
    <div class="col-sm-5">
      <p>Contact us and we'll get back to you within 24 hours.</p>
      <p><span class="glyphicon glyphicon-map-marker"></span> Chicago, US</p>
      <p><span class="glyphicon glyphicon-phone"></span> +00 1515151515</p>
      <p><span class="glyphicon glyphicon-envelope"></span> [email]myemail@something.com[/email]</p>
    </div>
    <div class="col-sm-7 slideanim">
      <div class="row">
        <div class="col-sm-6 form-group">
          <input class="form-control" id="name" name="name" placeholder="Name" type="text" required>
        </div>
        <div class="col-sm-6 form-group">
          <input class="form-control" id="email" name="email" placeholder="Email" type="email" required>
        </div>
      </div>
      <textarea class="form-control" id="comments" name="comments" placeholder="Comment" rows="5"></textarea><br>
      <div class="row">
        <div class="col-sm-12 form-group">
          <button class="btn btn-default pull-right" type="submit">Send</button>
        </div>
      </div>
    </div>
  </div>
</div>
 

skrill3x

No recomendado
Verificación en dos pasos desactivada
¡Ha verificado su Paypal!
Verificado por Binance
Desde
24 Nov 2014
Mensajes
3.477
pueda que te sirva el tutorial de como hacer un formulario en php , ya que eso solo el css , o el estilo por asi decirlo

[video=youtube;HPjD7GVPeL0]https://www.youtube.com/watch?v=HPjD7GVPeL0[/video]
 

krvaM

Zeta
Verificación en dos pasos desactivada
Desde
2 Abr 2009
Mensajes
1.513
pueda que te sirva el tutorial de como hacer un formulario en php , ya que eso solo el css , o el estilo por asi decirlo

[video=youtube;HPjD7GVPeL0]https://www.youtube.com/watch?v=HPjD7GVPeL0[/video]

No me sirvio ese video ya que eso crea un formulario pero no uno de contacto, yo ya tengo todo solo me faltaria el php
 

skrill3x

No recomendado
Verificación en dos pasos desactivada
¡Ha verificado su Paypal!
Verificado por Binance
Desde
24 Nov 2014
Mensajes
3.477
No me sirvio ese video ya que eso crea un formulario pero no uno de contacto, yo ya tengo todo solo me faltaria el php

busca en youtube , a ver si encuentras uno , yo hace mas de 4 años no programo , se me olvido todo xD
 

denzel

Gamma
Verificación en dos pasos desactivada
Desde
7 Dic 2016
Mensajes
263
Googlea, vas a encontrar códigos básicos, intermedios con validación y sanitización de datos y avanzados con POO, solo tú sabes en que nivel estás y a qué nivel quieres llegar :p7:
 

edalex

Beta
Programador
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
16 May 2017
Mensajes
51
Buenas amigo,

necesitas crearte un archivo en php que recbida los datos del formulario y que envie con la funcion mail de php.

Algo así como el siguiente código:

PHP:
<?php
if(isset($_POST['email'])) {

// Debes editar las próximas dos líneas de código de acuerdo con tus preferencias
$email_to = "destinatario@sudominio.com";
$email_subject = "Contacto desde el sitio web";

// Aquí se deberían validar los datos ingresados por el usuario
if(!isset($_POST['first_name']) ||
!isset($_POST['email']) ||
!isset($_POST['comments'])) {

echo "<b>Ocurrió un error y el formulario no ha sido enviado. </b><br />";
echo "Por favor, vuelva atrás y verifique la información ingresada<br />";
die();
}

$email_message = "Detalles del formulario de contacto:\n\n";
$email_message .= "Apellido: " . $_POST['last_name'] . "\n";
$email_message .= "E-mail: " . $_POST['email'] . "\n";
$email_message .= "Comentarios: " . $_POST['comments'] . "\n\n";


// Ahora se envía el e-mail usando la función mail() de PHP
$headers = 'From: '.$email_from."\r\n".
'Reply-To: '.$email_from."\r\n" .
'X-Mailer: PHP/' . phpversion();
@mail($email_to, $email_subject, $email_message, $headers);

echo "¡El formulario se ha enviado con éxito!";
}
?>
 

Syd Barret

Beta
Verificación en dos pasos desactivada
Desde
3 May 2014
Mensajes
34
Buenas amigo,

necesitas crearte un archivo en php que recbida los datos del formulario y que envie con la funcion mail de php.

Algo así como el siguiente código:

PHP:
<?php
if(isset($_POST['email'])) {

// Debes editar las próximas dos líneas de código de acuerdo con tus preferencias
$email_to = "destinatario@sudominio.com";
$email_subject = "Contacto desde el sitio web";

// Aquí se deberían validar los datos ingresados por el usuario
if(!isset($_POST['first_name']) ||
!isset($_POST['email']) ||
!isset($_POST['comments'])) {

echo "<b>Ocurrió un error y el formulario no ha sido enviado. </b><br />";
echo "Por favor, vuelva atrás y verifique la información ingresada<br />";
die();
}

$email_message = "Detalles del formulario de contacto:\n\n";
$email_message .= "Apellido: " . $_POST['last_name'] . "\n";
$email_message .= "E-mail: " . $_POST['email'] . "\n";
$email_message .= "Comentarios: " . $_POST['comments'] . "\n\n";


// Ahora se envía el e-mail usando la función mail() de PHP
$headers = 'From: '.$email_from."\r\n".
'Reply-To: '.$email_from."\r\n" .
'X-Mailer: PHP/' . phpversion();
@mail($email_to, $email_subject, $email_message, $headers);

echo "¡El formulario se ha enviado con éxito!";
}
?>

Ademas de esto en el codigo del formulario debes colocar

<form action="_ruta_de_script_php" method="POST">
</form>
 

edalex

Beta
Programador
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
16 May 2017
Mensajes
51
Toda la razón, sin eso no te va a funcionar ni para atrás.
 

Cineyseries

Alfa
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
14 Ago 2016
Mensajes
19
Te recomiendo ver los cursos de codigofacilito en youtube, sacas el formulario al toque
 

alex98

Beta
Verificación en dos pasos desactivada
Desde
13 Jun 2017
Mensajes
66
Te recomiendo veas un curso de PHP puedes hacerlo de manera sencilla y efectiva.

Ejemplo:

PHP:
<?php 

$errores = '';
$enviado = '';

if (isset($_POST['submit'])) {
	$nombre = $_POST['nombre'];
	$correo = $_POST['correo'];
	$mensaje = $_POST['mensaje'];

	if (!empty($nombre)) {
		$nombre = trim($nombre);
		$nombre = filter_var($nombre, FILTER_SANITIZE_STRING);
	} else {
		$errores .= 'Por favor ingresa un nombre <br />';
	}

	if (!empty($correo)) {
		$correo = filter_var($correo, FILTER_SANITIZE_EMAIL);

		if(!filter_var($correo, FILTER_VALIDATE_EMAIL)){
			$errores .= 'Por favor ingresa un correo valido <br />';
		}
	} else {
		$errores .= 'Por favor ingresa un correo <br />';
	}

	if(!empty($mensaje)){
		$mensaje = htmlspecialchars($mensaje);
		$mensaje = trim($mensaje);
		$mensaje = stripslashes($mensaje);
	} else {
		$errores .= 'Por favor ingresa el mensaje <br />';
	}

	if(!$errores){
		$enviar_a = 'tunombre@tuempresa.com';
		$asunto = 'Correo enviado desde miPagina.com';
		$mensaje_preparado = "De: $nombre \n";
		$mensaje_preparado .= "Correo: $correo \n";
		$mensaje_preparado .= "Mensaje: " . $mensaje;

		//mail($enviar_a, $asunto, $mensaje_preparado);
		$enviado = 'true';
	}

}

require 'index.view.php';

?>

Dentro del index.view.php estaria tu codigo HTML de la siguiente manera:

PHP:
<form action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']); ?>" method="post">
			<input type="text" class="form-control" id="nombre" name="nombre" placeholder="Nombre:" value="<?php if(!$enviado && isset($nombre)) echo $nombre ?>">

			<input type="text" class="form-control" id="correo" name="correo" placeholder="Correo:" value="<?php if(!$enviado && isset($correo)) echo $correo ?>">

			<textarea name="mensaje" class="form-control" id="mensaje" placeholder="Mensaje:"><?php if(!$enviado && isset($mensaje)) echo $mensaje ?></textarea>

			<?php if (!empty($errores)): ?>
				<div class="alert error">
					<?php echo $errores; ?>
				</div>
			<?php elseif($enviado): ?>
				<div class="alert success">
					<p>Enviado Correctamente</p>
				</div>
			<?php endif ?>

			<input type="submit" name="submit" class="btn btn-primary" value="Enviar Correo">
		</form>
 

digitalwalt

Beta
Verificación en dos pasos desactivada
Desde
14 Oct 2016
Mensajes
33
Ahí le falta el archivo y códigos php que enviará los datos introducidos en el formulario hacia tu correo.
 

Guillermo2089

Beta
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
6 Jul 2017
Mensajes
46
Ahí le falta el archivo y códigos php que enviará los datos introducidos en el formulario hacia tu correo.
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba