Cómo agregar un Formulario de Contacto en Moodle

Spread the love

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.