Canales populares

Formulario de Contacto con PHP - Simple







Hola Señoritos(as), sean todos bienvenidos a mi nuevo Post. En este post les voy a ayudar a crear una pagina de Contacto con PHP. Con un código facil y editable a gusto.


Resultado de ejemplo;







PAGINA DE CONTACTO



Para la pagina de contacto vamos a crear un formulario y guardarlo como .php, como por ejemplo:


<form action="inc/process.php" method="post" >
              <p class="field">
                    <input type="text" name="t1" value="" placeholder="Nombre" />
              </p>
               <p class="field">
                    <input type="text" style="margin-bottom:10px;" name="t2" value="" placeholder="Su e-mail" />
               </p>                          
                <p class="field">
                      <input type="text"  name="t3" value="" placeholder="Asunto" />
                </p>
                <p class="field">
                       <textarea name="t4" cols="50" rows="5" placeholder="Escriba su mensaje..." ></textarea> 
                 </p>
                 <p class="submit1">
                  <button type="submit" name="enviar" style="width:150px;">
                  <p class="regist1">ENVIAR</p></i></button>
                  </p>
</form>

Nota: Este es un código con una css mio, el css ustedes lo tienen que personalizar a gusto.


Lo importante que tienen que tener en cuenta es lo siguiente;


<!-- El formulario que valla a la include process.php que crearemos luego -->
<form action="inc/process.php" method="post" >

<!-- Las input tipo texto con nombre t1, t2 y t3, donde van a ir el nombre, correo, asunto-->

      <input type="text" name="t1"/> <!-- t1 para el Nombre -->

      <input type="text" name="t2"/> <!-- t2 para el E-mail -->

      <input type="text" name="t3"/> <!--t3 para el Asunto -->

<!-- Una Textarea donde van a escribir el mensaje -->
       <textarea name="t4" /> <!-- t4 para el mensaje -->

<!-- Un boton par enviar -->
       <button type="submit" name="enviar"/>

</form> <!-- Cerramos el formulario -->

Nota: El formulario lo insertan ustedes dentro de su pagina, osea, que todo el html restante va a disposición de ustedes.





INCLUDE PROCCES



Van a crear una carpeta llamada inc (o como gusten), donde van a ir todas las includes que tengan que hacer. Crean un nuevo archivo .php, y lo guardan dentro de la carpeta inc como procces.php (si quieren ponerle otro nombre háganlo, pero editen el formulario).
Luego ponen el código y lo editan a gusto:


<?php
 
//Primero las funciones que van a hacer unas comprobaciones. 
 //Esta función va a validar que sea una cuenta de correo la que insertan el t2

function validaemail($correo) { 
    if (
preg_match('/^[A-Za-z0-9-_.+%][email protected][A-Za-z0-9-.]+.[A-Za-z]{2,4}$/'$correo)) return true

    
//Si el e-mail ingresado no es valido, engonces aparece una ventana de alerta diciendo "El e-mail ingresado no es valido." y luego redirecciona a la pagina de contacto 

} if(!validaemail($_POST['t2'])) {
            echo 
'<script language="javascript"> alert("El e-mail ingresado no es valido."); </script>';
            echo 
'<script language="JavaScript"> window.location.href ="TU PAGINA/contacto.php" </script>';

//Si el no escribió el nombre, e-mail, asunto o el mensaje aparece un alerta y redirecciona a contacto. Donde dice "TU PAGINA", ingresen la dirección de su pagina, ya sea en localhost o en red.

        
}elseif(empty($_POST['t1'])) {
            echo 
'<script language="javascript"> alert("No has ingresado un Nombre."); </script>';
        echo 
'<script language="JavaScript"> window.location.href ="TU PAGINA/contacto.php" </script>';}
        elseif(empty(
$_POST['t2'])) {
            echo 
'<script language="javascript"> alert("No has ingresado un E-mail."); </script>';
        echo 
'<script language="JavaScript"> window.location.href ="TU PAGINA/contacto.php" </script>';}
        elseif(empty(
$_POST['t3'])) {
            echo 
'<script language="javascript"> alert("No has ingresado un Asunto."); </script>';
        echo 
'<script language="JavaScript"> window.location.href ="TU PAGINA/contacto.php" </script>';}
        elseif(empty(
$_POST['t4'])) {
            echo 
'<script language="javascript"> alert("No has ingresado un Mensaje."); </script>';
        echo 
'<script language="JavaScript"> window.location.href ="TU PAGINA/contacto.php" </script>';}
        else{

//Ya terminamos con las comprobaciones, y ahora vamos a darle forma al mensaje que va a llegarnos a nuestro correo
 
$mymail '[email protected]'//Poner aquí el correo donde quieres que llegue el mensaje
$cc 'Mensaje de contacto de mi web!'//Poner aquí el asunto del mensaje
$BoDy ' ';
$FrOm 'FROM:' .$_POST['t1'];
$FrOm .= 'Reply-To:' .$_POST['t1'];
$FrOm .= 'X-MAILER: PHP'.phpversion();
$BoDy .= 'Nombre: ';
$BoDy .= $_POST['t1'];
$BoDy .= "
"
;
$BoDy .= 'E-Mail: ';
$BoDy .= $_POST['t2'];
$BoDy .= "
"
;
$BoDy .= 'Asunto: ';
$BoDy .= $_POST['t3'];
$BoDy .= "
"
;
$BoDy .= 'Mensaje: ';
$BoDy .= $_POST['t4'];
$BoDy .= "
"
;
$send mail("$mymail""$cc""$BoDy""$FrOm");

///Redirección después de enviar el mensaje

if($send)
{
echo 
'<script language="javascript"> alert("El mensaje ha sido enviado correctamente. :)"); </script>'//Sale un alerta de confirmación de que el mensaje se ha enviado.
echo '<script language="JavaScript"> window.location.href ="TU PAGINA/contacto.php" </script>'//Redirección a la pagina que gusten
}}
?>


Nota: en Localhost no se puede probar si funciona el formulario, para probarlo tienen que subirlo a un host.



Si quieren crear una BD para guardar todos los mensajes pueden hacerlo, pero eso es mas a gusto suyo.


Muchas gracias por pasar, espero que te sea de utilidad.



0No hay comentarios