Como crear un recuadro de contacto para mi web

byhanzo · #1 (**permalink**) 19/10/2009, 16:48

He hecho un blog en wordpress (xalaka.wordpress.com) y he creado una sección llamada "Contacto" en el cual los usuarios me puedan mandar sugerencias y demás cosas a mi cuenta de correo de gmail ([email protected]).

Pues bien, viendo otras páginas... ¿como podría hacer un cuadro en el que poner tu nombre, email y mensaje directamente desde la misma sección a mi correo electrónico sin tener que necesitar programas como outlock o similares? Querria una cosa exactamente así http://www.vidaextra.com/contacto. Eso sí, sin la comprobación de que no eres una máquina, osea el recuadro de ReCAPTCHA.

¿Como creo un recuadro igual o parecido a ese para mi blog?

Saludos y espero haberme explicado bien, ya que lo dudo, jeje.

Muchisimas gracias de antemano.

C2am · #2 (**permalink**) 19/10/2009, 16:58

Hola byhanzo
¿Lo que quieres es un FORMULARIO?
Busca en google como hacer un formulario.
El que tiene esa pagina es:

Código HTML:

 <form action="/contacto" method="post" class="mform"> 
      <input type="hidden" name="action" value="send_post" /> 
      <input type="hidden" name="action" value="send_comment" /> 
      <p> 
        <label for="ud_name" class="mblock">Tu nombre:
        <input type="text" name="name" id="ud_name" size="45" maxlength="30" value="" class="form text" /></label> 
                <label for="ud_email" class="mblock">Tu email:
        <input type="text" name="email" id="ud_email" size="45" maxlength="128" value="" class="form text" /></label> 
                <label for="ud_text" class="mblock">Mensaje:
        <textarea name="text" id="ud_text" rows="12" cols="55" class="form text"></textarea> 
		</label> 
                <script>var RecaptchaOptions = {theme :
                'blackglass', lang:'es'};</script><script type="text/javascript" src="http://api.recaptcha.net/challenge?k=6LcWowEAAAAAADWLdDUCDNES-OkbK71AWux-wJwt"></script> 
 
	<noscript> 
  		<iframe src="http://api.recaptcha.net/noscript?k=6LcWowEAAAAAADWLdDUCDNES-OkbK71AWux-wJwt" height="300" width="500" frameborder="0"></iframe><br/> 
  		<textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea> 
  		<input type="hidden" name="recaptcha_response_field" value="manual_challenge"/> 
	</noscript> <p><button class="button" type="submit" name="submit" title="Enviar mensaje" ><span><strong>Enviar</strong></span></button></p> 
      </p> 
    </form>

Un saludo

byhanzo · #3 (**permalink**) 19/10/2009, 17:18

¿Y en ese código HTML donde meto la dirección a la que quiero que se envíen los mensajes?

¿crees que puedo meter eso, con la dirección que quiero que envie los mensajes, en wordpress y me irá?

Muchas gracias por responder. Saludos!!!

byhanzo · #4 (**permalink**) 19/10/2009, 17:21

Bueno es que no se hacer casi nada, jeje. Si me lo pudieras dar ya todo el código echo y preparado para que se envíe a mi dirección de Gmail. Osea ya solo para que lo pegue en mi blog de wordpress y vaya.

Para meterlo aquí: http://xalaka.wordpress.com/contacto/

Saludos!!!

C2am · #5 (**permalink**) 19/10/2009, 17:38

Cita:

Iniciado por byhanzo

Bueno es que no se hacer casi nada, jeje. Si me lo pudieras dar ya todo el código echo y preparado para que se envíe a mi dirección de Gmail. Osea ya solo para que lo pegue en mi blog de wordpress y vaya.

Para meterlo aquí: http://xalaka.wordpress.com/contacto/

Saludos!!!

Si podría darte "todo el código echo y preparado", pero como no quiero que te pierdas la gran sensación de "verlo funcionar después de haberlo hecho uno mismo", sólo te voy a ofrecer mi ayuda orientándote un poco.

Aquí puede ver de que se trata:
http://www.webexperto.com/articulos/...arios-en-html/

byhanzo · #6 (**permalink**) 20/10/2009, 02:49

Vale, según esa página he podido crear este código, ya incluso he metido el e-mail al que quiero que lo manden:

Cita:

<HTML>
<HEAD>
<TITLE>FORMULARIOS</TITLE>
</HEAD>
<BODY>
<FORM ACTION="mailto:[email protected]" METHOD=POST>
<table align="center" border="0">
<td align="left" width="100">Nombre:
</td>
<td align="center" width="150"><INPUT NAME="nombre" MAXLENGTH="25" TYPE="TEXT" VALUE="">
</td>
<tr>
<td align="left" width="100">Email:
</td>
<td align="center" width="150"><INPUT NAME="mail" MAXLENGTH="25" TYPE="TEXT" VALUE="">
</td>
<tr>
<td align="left" width="100">Motivo:
</td>
<td align="center" width="150"><INPUT NAME="motivo" MAXLENGTH="25" TYPE="TEXT" VALUE="">
</td>
<tr>
<td align="left" width="100"> Mensaje:
</td>
<td><TEXTAREA NAME="mensaje" ROWS=3 COLS=20>
</TEXTAREA>
</td>
<tr>
<td widht="100">
</td>
<td align="right" width="150"><INPUT NAME="boton" TYPE="SUBMIT" VALUE="Enviar">
</td>
</TABLE>
</FORM>
</BODY>
</HTML>

Pero aquí la pregunta, ¿como meto este código en mi blog de Wordpress? Es que me voy a la sección "Contacto" del blog, pongo que voy ha escribir en HTML, copie eso y me aparece pero mal puesto. ¿como lo hago?

Muchas gracias por responderme. Comprendeme que no se mucho de esto, solo quería hacer un blog con mis amigos que sea sencillo y por lo tanto no tengo muchos conocimientos de esto.

Saludos!!!

C2am · #7 (**permalink**) 20/10/2009, 10:45

Hola byhanzo

Pon un link a tu blog para ver que quieres decir con "me aparece pero mal puesto".
Un pregunta, más allá de como se ve ¿funciona?¿haz probado que te lleguen los mail?
Un saludo

byhanzo · #8 (**permalink**) 21/10/2009, 11:54

Hola!!!

Pues donde lo quiero poner es aquí: http://xalaka.wordpress.com/informacion/contacto/

Lo que hice fue colocarlo en la página de Contacto pero salía como descolocado o por decirlo de otra manera "descentrado". Por ejemplo el recuadro donde se escribe el mensaje me salía solo la mitad, la otra se quedaba por debajo de la página, vamos que no salía. Otra cosa es que directamente no puedes escribir nada, está como una imagen estática sin poder hacer nada en ella, osea escribir.

Mira, si quieres lo subo y aunque me quede un poco "guarrete" la sección por un tiempo, pero así lo ves.

También lo que he encontrado un poco es que decían que WordPress aceptaba solo código HTML "sencillo", que no se lo que querrán decir con eso.

También decir que en WordPress para escribir algo hay dos modos de escribirlo que los puedes seleccionar en dos pestañas que son: Visual y HTML. Si pongo el código ese en Visual directamente no me sale, y si lo pongo en HTML me sale, pero me sale mal, como te he comentado antes.

Bueno, muchas gracias por contestarme, jeje. Saludos!!!

byhanzo · #9 (**permalink**) 21/10/2009, 11:58

A por cierto, he creado este otro código que ya sería el definitivo, ya que he cambiado el titulo "Formularios" por "Contacto" y en las opciones del mensaje he puesto para que al llegar al final del recuadro al estar escribiendo la barra baje sola, sin necesidad de dar al Enter. Esto lo he hecho añadiendo WRAP="soft". En fin, aquí te lo pongo.

Cita:

<HTML>
<HEAD>
<TITLE>CONTACTO</TITLE>
</HEAD>
<BODY>
<FORM ACTION="mailto:[email protected]" METHOD=POST>
<table align="center" border="0">
<td align="left" width="100">Nombre:
</td>
<td align="center" width="150"><INPUT NAME="nombre" MAXLENGTH="25" TYPE="TEXT" VALUE="">
</td>
<tr>
<td align="left" width="100">Email:
</td>
<td align="center" width="150"><INPUT NAME="mail" MAXLENGTH="25" TYPE="TEXT" VALUE="">
</td>
<tr>
<td align="left" width="100"> Mensaje:
</td>
<td><TEXTAREA NAME="mensaje" ROWS=3 COLS=20 WRAP="soft">
</TEXTAREA>
</td>
<tr>
<td widht="100">
</td>
<td align="right" width="150"><INPUT NAME="boton" TYPE="SUBMIT" VALUE="Enviar">
</td>
</TABLE>
</FORM>
</BODY>
</HTML>

byhanzo · #10 (**permalink**) 25/10/2009, 10:09

¿Nadie me ayuda?

jomaruro · #11 (**permalink**) 25/10/2009, 16:39

Hola:

Cita:

Iniciado por byhanzo

Comprendeme que no se mucho de esto, solo quería hacer un blog con mis amigos que sea sencillo y por lo tanto no tengo muchos conocimientos de esto.

¿Tienes conocimientos de medicina? Tampoco ¿verdad? ¿Entonces porqué no te dedicas a ella en tu tiempo libre?

Estudiate esto:

1º Introducción a XHTML.
2º Introducción a CSS.
3º CSS Avanzado.

Saludos.