Como agregar un Formulario de Contacto en Moodle

Una de las estrategias más importantes, en cualquier plataforma web, es la de comunicación; no hay nada más desastroso que intenten ponerse en contacto con nosotros y no exista una vía para hacerlo en Moodle.

Siendo los formularios de contacto una parte fundamental de esta estrategia, no comprendo como hasta ahora no había hecho un artículo para poder tenerlos en Moodle 🤷🏻‍♂️. Pues vamos a solventar esta carencia ahora mismo.

Pongámonos manos a la obra, ya que te mostraré como tener un formulario de contacto en Moodle.

¿Qué es un formulario de contacto?

Existen distintas formas de comunicación en la web: correo electrónico, chats, videollamadas, aplicaciones de mensajería como WhatsApp, entre otros.

Los formularios de contacto usan el poder del correo electrónico, poniendo a nuestra disposición un espacio, donde los visitantes de nuestra web, llenando algunos campos en un formulario, pueden enviarnos un correo de manera sencilla y rápida.

Si te estás preguntando: ¿Por qué mejor no dejarles el email y que me escriban directamente?

La respuesta es sencilla, para enviar un correo electrónico es necesario:

  1. Deben obtener el email.
  2. Luego dirigirse al portal o programa desde donde hacerlo, como, por ejemplo: Gmail, Outlook, etc.
  3. Introducir el correo destinatario, asunto, mensaje y por último enviarlo.

Con un formulario de contacto, el cual está ubicado directamente en nuestra web, nos evitamos los dos primeros pasos, dándole al usuario la facilidad y comodidad para que puedan contactarnos de manera rápida y sencilla.

Un ejemplo de ello, lo tienes en nuestra web, que puedes ver aquí.

El formulario de contacto en Moodle puede ser introducido en cualquier lugar donde tengas disponible el editor de texto, como, por ejemplo, los bloques HTML o las etiquetas.

Esto nos da la libertad de colocarlo en los cursos, página principal, área personal, entre otros.

Instalando el plugin para formulario de contacto

De manera nativa, Moodle no tiene la opción de agregar formularios de contacto, por lo que tendremos que recurrir a un plugin de un tercero disponible en el repositorio de Moodle, para tener esta funcionalidad.

El plugin se llama Contact Form, y puedes descargarlo desde aquí; cuando lo tengas, procede a instalarlo. Si no sabes cómo hacerlo, puedes seguir mi guía sobre como instalar plugins en Moodle.

En la pantalla final de configuración del plugin Contact Form, marca la casilla que pone: Se requiere iniciar sesión, si deseas que solo los usuarios logueados en tu Moodle puedan usar el formulario de contacto.

iniciar sesión para llenar formulario de contacto en moodle

Es una manera eficaz de evitar el Spam en el formulario de contacto en Moodle, muy útil para cuando está ubicado en la página de inicio. Como desventaja, esto limitará quienes puedan enviarte mensajes por esta vía, sobre todo a los invitados a tu plataforma. Tuya es la elección.

Nota
Si no marcaste esta opción al instalar el plugin, puedes seleccionarla además de configurar el plugin Contact Form, desde: Administración del sitio > Extensiones > Extensiones locales > Formulario de Contacto

Agregando el formulario de contacto en Moodle

Como mencioné antes, puedes agregar este formulario en cualquier parte donde tengas acceso al editor de texto, ya que podemos introducir código HTML en él.

Vamos a ver como agregar el formulario de contacto dentro de un curso.

Entra en el curso donde desees añadir el formulario, luego Activa la edición. En el tema Boost, puedes hacerlo con el botón Activar edición, ubicado en la parte superior derecha.

activar edición en los cursos de moodle

Crea una sección o tema para este fin, con el link ubicado al final que pone: + Añadir secciones.

agregar sección en cursos de moodle

Recomiendo renombrar la sección como: Formulario de contacto, con el icono del lápiz ubicado a la derecha del nombre de la sección.

cambiar nombre a sección formulario de contacto

Posteriormente procedemos a hacer clic al vinculo: + Añade una actividad o un recurso en la sección creada. De la ventana emergente que se muestra, seleccionamos Etiqueta.

insertar etiqueta en los cursos de moodle

En el editor de texto, hacemos clic al botón Mostrar/ocultar botones avanzados y luego al botón HTML; de esta manera veremos el código fuente.

Si se muestra algún código en el editor, bórralo.

mostrar botón agregar html en editor de texto de moodle

Ahora pega este código HTML en el espacio en blanco:

<form action="../../local/contact/index.php" method="post" class="contact-us">
<fieldset>
<label for="name" id="namelabel">Nombre <strong class="required">(requerido)</strong></label><br>
<input id="name" name="name" type="text" size="38" maxlength="45" pattern="[A-zÀ-ž]([A-zÀ-ž\s]){2,}" title="Minimum 3 letters/spaces." required="required" value=""><br>
<label for="email" id="emaillabel">Email <strong class="required">(requerido)</strong></label><br>
<input id="email" name="email" type="email" size="38" maxlength="60" required="required" value=""><br>
<label for="subject" id="subjectlabel">Asunto <strong class="required">(requerido)</strong></label><br>
<input id="subject" name="subject" type="text" size="38" maxlength="80" minlength="5" title="Minimum 5 characters." required="required"><br>
<label for="message" id="messagelabel">Mensaje <strong class="required">(requerido)</strong></label><br>
<textarea id="message" name="message" rows="5" cols="40" minlength="5" title="Minimum 5 characters." required="required"></textarea><br>
<input type="hidden" id="sesskey" name="sesskey" value="">
<script>
document.getElementById('sesskey').value = M.cfg.sesskey;
</script>
</fieldset>
<div>
<input type="submit" name="submit" id="submit" value="Enviar">
</div>
</form>

código html para formulario contacto en moodle

Salva los cambios con el botón Guardar cambios y regresar al curso ubicado al final.

Deberías poder ver el formulario de contacto 🤗

vista del formulario de contacto en moodle

Formulario de contacto en la página de inicio

Si deseas colocar el formulario en la página principal, vamos al inicio de Moodle y activamos la edición.

Tip
En el tema Boost, está ubicado en la rueda dentada.

activar edición en inicio tema boost

Haz clic al botón Agregar un bloque, ubicado a la izquierda, al final y luego en la ventana emergente seleccionamos HTML.

agregar bloque en tema boost moodle

El nuevo bloque HTML se ubicará a la derecha de la página de inicio.

Edita el bloque haciendo clic en la rueda dentada y seleccionando la opción: Configurar bloque (nuevo bloque HTML).

modificando bloque html en moodle

Nombra el bloque como Contacto (o el que desees) en el campo Título del bloque.

Ahora agregamos el mismo código que te pasé antes en el editor de texto; el procedimiento es el mismo que agregándolo para la Etiqueta.

No olvides guardar los cambios.

Con esto tendrás el formulario en la página de inicio.

Configurando el contacto de soporte

Como último paso, es importante configurar a cual correo llegarán los mensajes que se envíen por el formulario de contacto en Moodle, para que puedas darle respuesta oportuna.

Para ello vamos como administrador a: Administración del sitio > Servidor > Contacto de soporte.

En el campo Email de soporte, colocaremos el correo electrónico donde deseas recibir los mensajes.

email de soporte en plugin contact form

Guarda los cambios.

Ya tendremos configurado nuestro formulario de contacto 😉 en la página de inicio.

Recomiendo que pruebes el formulario para verificar que este funcione correctamente.

Con esto finalizamos el post, espero sea de ayuda. No olvides dejar un comentario, son de mucha ayuda para que este blog crezca. Saludos.

Califica este artículo

Puntuación promedio 5 / 5. Votos: 3

No hay votos hasta ahora. Sé el primero en calificar esta publicación.

Foto del autor
Fundador de VivaBlogger y cofundador de EVirtualplus. Soy un tecnomaniaco desde que estaba en pañales. Mi familia es el fundamento de mi vida. Sígueme en mis redes sociales.

También te puede interesar

10 comentarios en «Como agregar un Formulario de Contacto en Moodle»

  1. Hola! en el formulario agregamos un campo para enviar un documento (certificado). REcibimos el correo electrónico con el detalle del archivo pero sin el adjunto. Tenés idea donde lo guarda?
    gracias por tu respuesta!

    Responder
    • Hola Carolina.

      Si agregaste la posibilidad de anexar un documento en el formulario, este debería llegar al correo de soporte que se configuro en el tutorial.
      No he probado la capacidad de adjuntar archivos al formulario, por lo que desconozco si es posible hacerlo con este plugin.

      Lamento no ser de mas ayuda.
      Saludos.

      Responder
  2. Hola Diógenes Mata

    He configurado paso a paso el form contact

    Desconozco si hay que realizar alguna otra configuración en el correo saliente

    Al enviar el formulario me marca este error

    Error al enviar el mensaje
    Ha ocurrido un error mientras se enviaba el mensaje. Por favor, inténtalo de nuevo más tarde.

    Responder
    • Hola Martha.
      Es difícil decirte cual es problema sin poder acceder al moodle y al servidor donde esta alojada.
      Posiblemente sea un problema con la entrega de correos por parte de tu hosting, recomiendo contactes con ellos.
      Lamento no ser de más ayuda.
      Saludos.

      Responder
  3. Hola. Buen día. He seguido los pasos pero Moodle no me permite guardar porque me dice que los campos son requeridos, es decir, como si tuviera que rellenar los campos. He tratado de eliminar el “requerido”, pero no me sale. ¿como elimino del código que sea requerido?. He intentado pero nada. Gracias

    Responder
    • Hola Carlos.
      No comprendo a que te refieres.
      Te refieres al momento de enviar un mensaje mediante el formulario?. De ser así es obligatorio rellenarlo, por algo son requeridos.
      Si quieres quitar el requerido de determinados campos: busca en la línea que desees quitar el requerido y elimina esto:
      class="required">(requerido)
      Quita también strong con los < >.
      Saludos.

      Responder
  4. Cuando recibo un correo electrónico del formulario de contacto, el texto ingresado en la línea de asunto del formulario aparece en el cuerpo del correo electrónico en lugar de en la línea de asunto del correo electrónico.
    En el asunto aparece siempre Nuevo Mensaje
    Estoy haciendo algo mal?

    Responder

Deja un comentario

El responsable de este sitio web es Marit Acuña. La finalidad de los datos es gestionar los comentarios en este blog. El destinatario (donde se almacenan los datos) es el hosting de este blog: Banahosting, ubicado en EEUU. La legitimidad es el consentimiento que otorgas en el formulario. Tienes derecho a acceder, rectificar, limitar y suprimir tus datos según la política de privacidad.