How to set it up on your website

This guide provides step-by-step instructions for integrating Qualli into your website. By following these steps, you can seamlessly embed Qualli's powerful survey tools into your site, enabling you to gather valuable user feedback efficiently.

Prerequisites

Ensure you have administrative access to your website's codebase.
Have your Qualli API key ready (You can find it here).

Step 1: Insert the Qualli Script

Start by inserting the Qualli script into your website. This script should be placed near the end of the <head> tag of your HTML document. This ensures the script is loaded early in the page load process.

htmlCopy code
<head>
   <!-- Other head elements -->

   <!-- Qualli Script -->
		<script src="<https://cdn.jsdelivr.net/gh/qualli-research-platform/qualli-js-sdk/build/index.browser.min.js>"></script>
</head>

Step 2: Initialize Qualli

After including the script, you need to initialize Qualli. This is typically done at the end of the <body> tag. Place a script tag here and use the Qualli.init method, passing your unique API key.

htmlCopy code
<body>
   <!-- Your website's body content -->

   <!-- Initialize Qualli -->
	  <script>
	    window.onload = function() {
	        Qualli.init('YOUR_API_KEY', {
	            trackScreens: true // default 'true'
	        });
	    };
	</script>
</body>

Replace 'YOUR_API_KEY' with the API key provided by Qualli.

Step 3: Configure and Customize (Optional)

Qualli allows you to customize your surveys to match your website's look and feel. You can use the Qualli dashboard to create custom themes, choose trigger settings, and set up targeted surveys based on user behavior or other criteria.

Step 4: Test Your Integration

After integration, it's important to test to ensure that everything is working as expected.

Visit your website and verify that the Qualli surveys appear as intended.
Interact with the surveys to ensure they record responses correctly.
Check the Qualli dashboard to see if the data is being captured and displayed.

Troubleshooting

If you encounter issues: