Inserting a Chatbot code into Qualtrics

Question

Hi everyone,
For my master thesis i would like to research chatbots. In order to do this i would like to have some sort of frame where participants are able to interact with a chatbot through some sort of embedded square in the survey. The research really focuses on interacting with the chatbot in that environment so i would like to apply the following script into a page so people can interact with it:

https://static.landbot.io/landbot-widget/landbot-widget-1.0.0.js">

var myLandbot = new LandbotFrameWidget({
  container: '#myLandbot',
    index: 'https://landbot.io/u/H-201854-TW0ZHY5GVEOKB963/index.html',
 });

This script came directly from the landbot website, and i would like to know if it is possible to create a page where people see this embedded chatbot, so that they can interact with it. Unfortunately, i was not able to add this into qualtrics. Perhaps you guys could help me out, or present an alternative!

Thanks in advance!

ChiragK · Accepted Answer

Hi, Please add below JavaScript code into question
Qualtrics.SurveyEngine.addOnReady(function () {
var $this = jQuery(this.questionContainer);
jQuery(".QuestionBody", $this).append('

');

function onLandBotWidgetLoaded() {
var myLandbot = new LandbotFrameWidget({
container: '#myLandbot',
index: 'https://landbot.io/u/H-201854-TW0ZHY5GVEOKB963/index.html',
});
}

var tag = document.createElement('script');
tag.src = "//static.landbot.io/landbot-widget/landbot-widget-1.0.0.js";
tag.onload = onLandBotWidgetLoaded;
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
});

Percy0202 · Answer

Hi Chirag,That worked! Thank you so much!!All the best!

Inserting a Chatbot code into Qualtrics

4 replies

Leave a Reply

Leave a Reply

Sign up

Social Login

Login to the community

Social Login

Scanning file for viruses.

This file cannot be downloaded