jueves, 2 de enero de 2020

Como colocar un formulario de contacto en Blogger en una pagina

Como colocar un formulario de contacto en Blogger en una pagina

Queridos lectores, seguramente sabes lo importante que es tener un formulario de contacto en tu sitio web o blog hecho en Blogger, necesarios para contactar con clientes potenciales o subscriptores. 

Blogger en su estructura tiene un Gadget que te permite incluir un formulario de contacto, este es fácil de encontrar siguiendo los pasos:

  1. Ingresas a Blogger.
  2. Das clic en Diseño.
  3. Escoges el lugar de tu plantilla donde deseas mostrar el formulario de contacto.
  4. Seleccionar Añadir un Gadget.
  5. Escoges el icono que es un sobre azul que indica Formulario de Contacto, y listo.


añadir formulario de contacto en blogger


Con estos sencillos pasos añades a tu plantilla un Formulario de Contacto, el cual cuando sea llenado recibirán la información aquellas personas que consten como administradores del Blog.

Sin embargo si lo que necesitas es colocar el FORMULARIO DE CONTACTO en una entrada o pagina y que no aparezca permanente en la plantilla luego de haber seguido los pasos anteriores deberás hacer lo siguiente.


  • Ingresa a Tema y escoge la opción Editar HTML. 
  • Luego encuentra la siguiente línea de código

]]></b:skin>:
  • Para que la puedas encontrar más fácilmente puedes dar clic dentro del cuadro del codigo HTML y luego presionar CONTROL + F y se te abrirá la herramienta de búsqueda del código.
  • Justo encima de esa línea de codigo pega el siguiente:

#ContactForm1{display: none !important;}
  • Y guarda tu plantilla.


Esto hará que no se muestre el formulario en la plantilla.

Ahora lo siguiente será colocar el Formulario de Contacto en una pagina o entrada, para lo cual debes añadir una o la otra en ambas va a funcionar.
Cuando hayas añadido la pagina o entrada nueva cambia a la versión de HTML.
Dentro de tu entrada copia y pega el siguiente código:

<form name="contact-form">
<div>
Your Name : <em>(required)</em></div>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />

<br />
<div>
Your Email: <em>(required)</em></div>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />

<br />
<div>
Your Message: </div>
<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>

<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" />

<br />
<div style="max-width: 450px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>

Luego cambia a la versión visual o REDACTAR.

Tu formulario se verá así:

formulario de contacto de blogger
Cuando hayas hecho esto puedes cambiar los textos como YOUR NAME, el color del texto, etc. utilizando las herramientas del mismo editor de texto de Blogger.
Publica la entrada o pagina, visualizala y prueba tu formulario.

Incluso puedes poner más texto u otros codigos como el de la ubicación de tu empresa en Google Maps que pudieran ser de utilidad.

Espero que con estos sencillos pasos logres tener una comunicación fluida y más suscriptores con tu audiencia.


¡Nos vemos pronto! 





No hay comentarios.:

Publicar un comentario

Déjame tu comentario o consulta.