← Back to Blog

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

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:

  1. Purchase motivation — "Understand what led the customer to make this purchase" (acceptance: customer describes specific trigger or need)
  2. Shopping experience — "Evaluate the browsing and checkout experience" (acceptance: customer mentions at least one positive and one area for improvement)
  3. 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.