To use the contact form functionality with Edly, 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 Edly theme. You can paste this into any HTML block or content area where you want the form to appear:

<form id="contactForm" method="post" action="../../local/contact/index.php">
    <div class="row">
        <div class="col-lg-6 col-md-6">
            <div class="form-group">
                <label>Your Name</label>
                <input id="name" name="name" type="text" class="form-control" required="required" value="">
                <div class="icon">
                    <i class="ri-user-3-line"></i>
                </div>
            </div>
        </div>

        <div class="col-lg-6 col-md-6">
            <div class="form-group">
                <label>Your Email</label>
                <input id="email" name="email" type="email" class="form-control" required="required" value="">
                <div class="icon">
                    <i class="ri-mail-line"></i>
                </div>
            </div>
        </div>

        <div class="col-lg-6 col-md-6">
            <div class="form-group">
                <label>Your Number</label>
                <input id="number" name="number" type="number" class="form-control" required="required" value="">
                <div class="icon">
                    <i class="ri-phone-line"></i>
                </div>
            </div>
        </div>

        <div class="col-lg-6 col-md-6">
            <div class="form-group">
                <label>Your Subject</label>
                <input id="subject" name="subject" type="text" class="form-control" required="required">
                <div class="icon">
                    <i class="ri-book-line"></i>
                </div>
            </div>
        </div>

        <div class="col-lg-12 col-md-12">
            <div class="form-group">
                <label>Your Message</label>
                <textarea class="form-control" id="message" name="message" rows="6" cols="30" minlength="5"
                title="Minimum 5 characters." required="required"></textarea>
                <div class="icon">
                    <i class="ri-chat-2-line"></i>
                </div>
            </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" name="submit" id="submit" class="default-btn" id="submit">Submit</button>
        </div>
    </div>
</form>