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! 





30 comentarios:

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

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

    ResponderBorrar
    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.

      Borrar
  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 !!

    ResponderBorrar
    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. ;)

      Borrar
  4. Hola, me funciona pero encima del blog aparece la primera línea de código, la que se debe poner encima de
    Sabes cómo arreglo esto?

    ResponderBorrar
  5. Hola, disculpa no comprendo exactamente que te está apareciendo.

    ResponderBorrar
    Respuestas
    1. ya lo arreglé, había puesto el código encima de la etiqueta, no dentro

      Borrar
    2. Me alegra, si te sirvio y me puedes regalar unos clics en los avisos publicitarios te lo agradecería.

      Borrar
  6. Hola, me funciona perfecto, lo unico, como hago para cambiar el texto del boton enviar. Porque aparece en ingles. Muchas Gracias

    ResponderBorrar
    Respuestas
    1. Hola genial que te sirvió, si puedes ayudarme dando clic en los avisos publicitarios. Cambia esta parte del código: value="Send" por enviar.

      Borrar
  7. Hola, y para añadirlo a una página del blog, en lugar de un widget como se hace? gracias

    ResponderBorrar
    Respuestas
    1. Hola, al momento de crear tu pagina cambias a html y pegas el código y luego lo publicas. Espero te sirva. Si puedes ayudarme dando clic en los banner publicitarios. :)

      Borrar
  8. Hola, no encuentro el codigo ]]>: ...mi plantilla es Template Style CSS -->

    ResponderBorrar
  9. hola muy bueno, pero tengo un problema con el formulario de contacto, que a la hora de completar el formulario y se le da al botón de enviar no lo envía.porfa si me puedes ayudar

    ResponderBorrar
    Respuestas
    1. Hola Jose que bueno que te gusto el articulo, el problema que no recibas puede ser permisos de suscripción, trata nombrando administrador del blog a otro mail tuyo. Y mira si recibes en ese mail.

      Borrar
  10. Hola, gracias por la información, me funciono perfectamente!

    ResponderBorrar
    Respuestas
    1. Genial que te haya servido, si puedes me regalas unos clics en los banners publicitarios.

      Borrar
  11. Esto funciona a las mil maravillas!! Muchas Gracias!

    ResponderBorrar
    Respuestas
    1. Me alegra mucho que te haya servido, si me regalas unos clics en los banners publicitarios del blog para poder seguir compartiendo contenido.

      Borrar
  12. Si deseo agregar más campos, al formularios, por ejemplo apellido, dirección, se puede colocarlo ??

    ResponderBorrar
    Respuestas
    1. Sabes que no he podido hacer cambios en los campos del formulario.

      Borrar
  13. El post en sí es bastante útil y está bien explicado.
    Deberías actualizarlo o complementarlo con algún código para personalizarlo, utilizando css se logran buenos resultados además de que es más sencillo.
    ¡Saludos!

    ResponderBorrar

Déjame tu comentario o consulta.