February 2025 · 4 min read
How to Embed AI Interviews on Your Shopify Store
Want to understand your customers better? Instead of a generic post-purchase survey, embed an AI interviewer directly on your Shopify store. It takes less than 5 minutes, and you'll start getting rich, qualitative feedback from real customers immediately.
What you'll need
- An AI Interviewer account (free tier works)
- A Shopify store with admin access
- 5 minutes
Step 1: Create your survey
Log in to your AI Interviewer dashboard and create a new survey. For e-commerce, we recommend starting with these interview goals:
- Purchase motivation — "Understand what led the customer to make this purchase" (acceptance: customer describes specific trigger or need)
- Shopping experience — "Evaluate the browsing and checkout experience" (acceptance: customer mentions at least one positive and one area for improvement)
- Product expectations — "Understand what the customer expects from the product" (acceptance: customer describes specific expectations or use cases)
Save the survey and copy your Survey ID from the Survey Settings page.
Step 2: Add the widget to Shopify
In your Shopify admin, go to Online Store → Themes → Edit code.
Open your theme.liquid file and paste this code just before the closing </body> tag:
<script
src="https://interviewer.abreu.live/static/js/widget.js"
data-survey-id="YOUR_SURVEY_ID"
data-primary-color="#4F46E5"
data-greeting="Thanks for your purchase! Mind sharing quick feedback?"
async>
</script>
Replace YOUR_SURVEY_ID with the ID you copied in Step 1.
Step 3: Target specific pages (optional)
You probably don't want the interview widget on every page. To show it only on the order confirmation page, wrap it in a Shopify Liquid conditional:
{% if template == 'customers/order' or first_time_accessed %}
<script
src="https://interviewer.abreu.live/static/js/widget.js"
data-survey-id="YOUR_SURVEY_ID"
data-primary-color="#4F46E5"
data-greeting="Thanks for your order! Got 2 minutes for a quick chat?"
async>
</script>
{% endif %}
Other useful placements:
- Thank you page — Capture purchase motivation while it's fresh
- Account page — Get feedback from returning customers
- Product pages — Understand browsing behavior and decision factors
Step 4: Customize the appearance
Match the widget to your store's branding with these data attributes:
data-primary-color="#YOUR_BRAND_COLOR"
data-position="bottom-right" <!-- or bottom-left -->
data-greeting="Your custom greeting"
Enterprise plan users can fully white-label the widget with custom CSS and branding.
Step 5: Review your insights
As customers interact with the widget, interviews complete automatically. Head to your AI Interviewer dashboard to see:
- Individual transcripts — Read each conversation in full
- AI analysis — Automatically extracted themes, sentiments, and priorities
- Aggregated insights — Patterns across all interviews
Tips for better results
Keep goals focused. 3-4 goals per survey works best. More than that and interviews feel long.
Write natural greetings. "Thanks for shopping with us! Got a quick minute?" works better than "Please complete our feedback survey."
Review and iterate. After your first 20-30 interviews, review the transcripts. You might find that one goal consistently gets vague answers — rewrite its acceptance criteria to be more specific.
That's it! You're now collecting rich, qualitative customer feedback automatically. For more details on widget configuration, check our widget documentation.
Get started free — 50 interviews/month, no credit card required.