To use the contact form functionality with Loms, make sure the required plugin is installed and configured properly.

📦 Required Plugin

Install the Contact Form plugin from the official Moodle plugin directory:
🔗 https://moodle.org/plugins/local_contact

✅ This plugin must be installed and active for the contact form to work.

📖 Documentation

For full configuration details and usage instructions, refer to the plugin’s documentation:
📚 https://github.com/michael-milette/moodle-local_contact

🧩 Theme Contact Form Code

Below is the contact form shortcode used in the Loms theme. You can paste this into any HTML block or content area where you want the form to appear:

<div class="contact-area pb-100">
	<div class="container">
		<div class="section-title">
			<h2>Leave Us A Message Anytime</h2>
			<p>Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit. Convallis Vel Feugiat Dolor Nam Ullamcorper.</p>
		</div>

		<div class="contact-form">
			<form id="contactForm" action="../../local/contact/index.php">
				<div class="row">
					<div class="col-lg-6 col-md-6">
						<div class="form-group">
							<input type="text" name="name" id="name" class="form-control" placeholder="Name">
						</div>
					</div>

					<div class="col-lg-6 col-md-6">
						<div class="form-group">
							<input type="email" name="email" id="email" class="form-control" required placeholder="Email">
						</div>
					</div>

					<div class="col-lg-6 col-md-6">
						<div class="form-group">
							<input type="text" name="phone_number" id="phone_number" required class="form-control" placeholder="Phone No">
						</div>
					</div>

					<div class="col-lg-6 col-md-6">
						<div class="form-group">
							<input type="text" name="msg_subject" id="msg_subject" class="form-control" required placeholder="Subject">
						</div>
					</div>

					<div class="col-lg-12">
						<div class="form-group">
							<textarea name="message" class="form-control" id="message" cols="30" rows="6" required placeholder="Your Message"></textarea>
						</div>
					</div>

					<input type="hidden" id="sesskey" name="sesskey" value="">
					<script>document.getElementById('sesskey').value = M.cfg.sesskey;</script>

					<div class="col-lg-12 col-md-12 text-center">
						<button type="submit" class="default-btn">
							Send Message
						</button>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>