How to properly position Acuity scheduling widget in Qualtrics survey form

Other Questions Calendly
1

I need help with positioning an appointment booking widget in my Qualtrics survey. I’m trying to add a scheduling button from Acuity that lets participants book interview slots, but the widget keeps appearing at the very bottom of my survey page instead of where I want it.

I’m adding the code through the rich content editor by clicking the source button, but I’m not sure if this is the right approach. Here’s the widget code I’m working with:

<!-- Acuity booking widget start -->
<link href="https://acuityscheduling.com/js/embed.css" rel="stylesheet">
<script src="https://acuityscheduling.com/js/embed.js" type="text/javascript"></script>
<script type="text/javascript">
Acuity.initBookingWidget({
  url: 'https://acuityscheduling.com/schedule.php?owner=12345', 
  buttonText: 'Book your appointment', 
  backgroundColor: '#ff6600', 
  showBranding: true
});
</script>
<!-- Acuity booking widget end -->

The button shows up and works fine, but it’s positioned way down at the bottom of the survey page. Is this a problem with how I’m inserting the code, or is there something wrong with the widget code itself that’s causing this positioning issue?

2

The widget positioning issue happens because Acuity’s script loads after the page does. Qualtrics processes your embedded code, but Acuity’s script runs later and just dumps the widget wherever it can find space.

I’ve hit this same wall before. You’re basically trying to jam two platforms together that weren’t meant to play nice.

Here’s what I’d do instead: ditch the widget entirely. When someone finishes your survey, automatically send them an Acuity booking invite via email or SMS. Grab their preferences in Qualtrics, then hit them with a personalized booking link.

This kills the positioning headache completely. Your participants get a clean survey without clunky embedded widgets, and you actually control the booking flow.

You can trigger different automations based on their answers, send different booking links for different interview types, and even auto-follow up if they don’t book within X days.

Check out Latenode for this kind of survey-to-scheduling automation. It handles the Qualtrics webhook and Acuity API stuff without code: https://latenode.com