Doorbell.io LMS Help Widget

Doorbell.io LMS Help Widget

Doorbell.io is a lightweight feedback and support tool that allows users to send messages directly from a website, with options for customization like pre-filled user data and contextual properties. In this LMS integration, the widget is conditionally embedded based on the user’s role (e.g., instructors only), using Brightspace variables injected into the page. This captures details like name, email, course info, and quick links to LMS tools, enabling personalized support for professors. The setup provides an easy way for educators to ask questions during course support, streamlining communication without sharing sensitive student data.

What is Doorbell.io?

Doorbell.io offers a simple feedback button that opens a modal for user input. Key features include:

  • Customizable button text and messages.
  • Pre-filled user info to reduce form friction.
  • Properties for attaching context (e.g., course details).
  • Email notifications to support teams.

It’s ideal for websites needing user feedback without complex forms.

Conditional Widget Embedding

The widget loads only for specific LMS roles, like professors, using conditional logic in the page template. This ensures students don’t see the help button, focusing support on instructors.

Code checks the role variable and includes the script if applicable:

// Pseudocode for conditional embedding
if (userRole === 'instructor') {
  // Include Doorbell script
}

This targeted release improves relevance and reduces clutter.

Capturing LMS Variables

Brightspace injects variables like {FirstName}, {OrgUnitName} into pages. The widget uses these for personalization:

window.doorbellOptions = {
  name: "{FirstName} {LastName}",
  email: "{ExternalEmail}",
  properties: {
    "Course Name": "{OrgUnitName}",
    "Classlist": "https://elearn.pstcc.edu/d2l/lms/classlist/classlist.d2l?ou={OrgUnitId}",
    // More links...
  },
  strings: {
    "feedback-button-text": "{FirstName}, do you need help?",
    "intro-text": "Send a message... ({ExternalEmail})"
  }
};

This auto-fills the form with user and course context, plus useful links, making support requests efficient and informed.

Benefits for LMS Support

This integration streamlines professor support by providing quick access to help, with rich context for faster resolutions. It avoids generic forms, using LMS data for tailored assistance. The conditional release ensures appropriate visibility, enhancing the user experience in educational environments.

Portfolio javascriptdoorbell.iobrightspacelmssupportfeedback