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! 





8 comentarios:

  1. Hola, nose porque no me funciona :( , puede ser por mi plantilla?

    ResponderEliminar
  2. hola mil gracias pero no funciona como ligarlo a que llegue al correo , no encuentro esa linea en el codigo html

    ResponderEliminar
    Respuestas
    1. Hola que tal, verifica que si al momento de crear el blog, y te llego el mail de suscripción aceptaste, porque si no lo aceptaste puede que no te este llegando. También verifica que estés con el mail de administración que es donde llega de manera automática el llenado del formulario.

      Eliminar
  3. Hola, muchas gracias por compartir como poner el formulario, me ha venido genial, pero tengo una duda, se podría cambiar la dirección a la que se envía e email ?? me gustaría que no fuese en la que esta creado el blog, no se si eso se podría hacer.
    Gracias !!

    ResponderEliminar
    Respuestas
    1. Hola! Que bueno que te sirvió, cambiarla no puedes pero si poner un nuevo administrador, este también recibirá el llenado del formulario. No te olvides de dar clic en los avisos publicitarios de mi blog para mantenerlo vivo. ;)

      Eliminar

Déjame tu comentario o consulta.