Guidance on Integrating a React.js Calendar Setup into Qualtrics | XM Community
Skip to main content
Question

Guidance on Integrating a React.js Calendar Setup into Qualtrics

  • January 19, 2025
  • 1 reply
  • 32 views

Forum|alt.badge.img+9

Description:
I have a calendar setup built with React.js, hosted in GitHub, which has been approved by our accessibility team. I need guidance on how to integrate this calendar into Qualtrics.

Challenges:

  1. Directly copying the code from GitHub or inspect element into Qualtrics doesn’t work.
  2. I need to know if it’s possible to run React.js code in Qualtrics or if there’s an alternative approach to replicate the functionality.

Questions:

  • Is there a supported way to embed React.js components in Qualtrics?
  • If not, are there step-by-step guides to manually replicate the functionality using JavaScript and custom HTML within Qualtrics?

Any detailed documentation, community resources, or expert guidance would be appreciated.

1 reply

Forum|alt.badge.img+22
  • Level 7 ●●●●●●●
  • 2028 replies
  • January 19, 2025

You most probably can’t run another framework inside Qualtrics, there maybe workarounds, but those are best left to experts.

If you are open to using other calendars, then are multiple options, just search the community.

If you are not, then you have two options, you can either run your calendar on another website and integrate it within your survey as an iframe, or, as you mentioned, recreate it using HTML/JS. While the later should mostly be possible, since you haven’t shared the link to GitHub project or a demo of calendar, its difficult to provide a guidance on how to go about it. Also, its possible that it has some features which are difficult to implement in Qualtrics.

 


Leave a Reply