Hace ya tiempo que os hable de EmailMe Form y os explicaba como usarlo para evitar usar el clásico mailto que abre el programa que usamos como predeterminado para enviar mails.

Veamos como aplicarlo para que en vez de abrir otra pestaña en el navegador, el formulario de correo aparezca en nuestro propio blog.






Para ello deberéis daros de alta en EmailMe Form (os recomiendo que leáis las dos entradas anteriores), seguir las instrucciones para configurar vuestro formato de correo y una vez terminado, acudáis a la página principal de la web (estando logueados). Ahí os aparecerá la posibilidad de conseguir el código HTML necesario para insertar el formulario de correo en vuestro blog.



Pulsáis sobre Get HTML codes y os proporcionara el código con vuestro ID

<form method="post" action="http://www.emailmeform.com/fid.php?formid=NUESTRO ID" enctype="multipart/form-data" accept-charset="UTF-8"><table cellpadding="2" cellspacing="0" border="0" bgcolor="#FFFFFF"><tr><td><font face="Comis Sans MS" size="2" color="#000000"></font> <div style="" id="mainmsg"> </div></td></tr></table><br><table cellpadding="2" cellspacing="0" border="0" bgcolor="#FFFFFF"><tr valign="top"> <td nowrap><font face="Comis Sans MS" size="2" color="#000000">Tu nombre</font></td> <td><input type="text" name="FieldData0" size="30"> </td></tr><tr valign="top"> <td nowrap><font face="Comis Sans MS" size="2" color="#000000">Tu correo</font></td> <td><input type="text" name="FieldData1" size="30"> </td></tr><tr valign="top"> <td nowrap><font face="Comis Sans MS" size="2" color="#000000">Asunto</font></td> <td><input type="text" name="FieldData2" size="30"> </td></tr><tr valign="top"> <td nowrap><font face="Comis Sans MS" size="2" color="#000000">Adjuntar</font></td> <td><input type="file" name="FieldData3" value="" size="30"> </td></tr><tr valign="top"> <td nowrap><font face="Comis Sans MS" size="2" color="#000000">Mensaje</font></td> <td><textarea name="FieldData4" cols="50" rows="10"></textarea><br> </td></tr><tr> <td colspan="2"><table cellpadding=5 cellspacing=0 bgcolor="#FFFFFF" width="100%"><tr bgcolor="#FFFFFF"><td colspan="2"><font color="#FFFFFF" face="Verdana" size="2"><b>Image Verification</b></font></td></tr><tr><td style="padding: 2px;" width="10"><img src="http://www.emailmeform.com/turing.php" id="captcha"></td><td valign="top"><font color="#FFFFFF">Please enter the text from the image</font> <br><input type="text" name="Turing" value="" maxlength="100" size="10"> [ <a href="#" onclick=" document.getElementById('captcha').src = document.getElementById('captcha').src + '?' + (new Date()).getMilliseconds()">Refresh Image</a> ] [ <a href="http://www.emailmeform.com/?v=turing&pt=popup" onClick="window.open('http://www.emailmeform.com/?v=turing&pt=popup','_blank','width=400, height=300, left=' + (screen.width-450) + ', top=100');return false;">What's This?</a> ]</td></tr></table></td></tr><tr> <td> </td> <td align="right"><input type="text" name="hida2" value="" maxlength="100" size="3" style="display : none;"><input type="submit" class="btn" value="Enviar" name="Submit"> <input type="reset" class="btn" value=" Reset " name="Clear"></td></tr><tr><td colspan=2 align="center"><br></td></tr></table></form>


Lo único que nos quedara por hacer es editar una entrada, insertar el código que nos han proporcionado (es importante que trabajemos en la pestaña Edición de HTML y no en Redactar) y darle el estilo que queramos (lo veremos en otra entrada).

Modificamos la fecha de publicación de la entrada a una anterior (así evitaremos que esa entrada aparezca en la pagina principal) y publicamos la entrada.

Copiamos la url de esa entrada y esa es la url que usaremos para ofrecer a nuestras visitas la posibilidad de enviarnos un mail.
Autor: . Consultor y auditor en posicionamiento web. Desarrollo de aplicaciones, diseño y programacion de plataformas y paginas web. Formación, profesor en el Programa SmmUs (Social Media Marketing) de la Universidad de Sevilla. Cursos sobre social media en Cámaras de Comercio de Málaga, Sevilla y Córdoba. Puedes encontrarme en Google Plus y Twitter .

¿Te gustó este post? No te pierdas los próximos, síguenos en redes sociales.

Te recomendamos también