Install Smart FAQs on a Shopify Page

Smart FAQs works seamlessly with Shopify. You can manually add your FAQ widget to a Shopify page by following these steps:

Step 1: Copy Your Widget Embed Code

1. Open your Smart FAQs dashboard and go to Dashboard → Embed → Widget (or visit /dashboard/embed/widget).
   
   

2. Find your embed code in the “Configuration & Embed Code” section. It looks like:
   
   

<!-- Smart FAQs Widget -->

<div id="smart-faqs" data-smart-faqs data-smart-faqs-id="your-account-id">Loading FAQs...</div>

<script src="https://www.smart-faqs.com/app/faqs/smart-embed?id=your-account-id" async></script>

<!-- End Smart FAQs Widget -->

3. Click “Copy Code”

Step 2: Add the Widget to a Shopify Page

1. Open your Shopify admin and go to Online Store → Pages.
   
   

2. To use an existing page, click it. To create a new one, click Add Page.
   
   

3. Click “Show HTML” (the <> button on the toolbar).
   
   

4. When in HTML mode, the formatting buttons disappear.
   
   

5. Paste the code you copied earlier into the HTML editor.
   
   

6. Add a page title (e.g., “Frequently Asked Questions”) and click Save.
   
   

The widget won’t appear in the Shopify admin preview, but you’ll see it live when viewing the page on your store.

You can also add other content above or below the widget if needed—just don’t alter the FAQ embed code.

Troubleshooting
If the FAQ widget doesn’t load:

1. Verify you copied the full embed code (both <div> and <script>).
   
   

2. Check for JavaScript errors in your browser console (F12).
   
   

3. Clear your browser cache (Ctrl+F5 or Cmd+Shift+R).
   
   

4. Verify your Smart FAQs account ID is correct.
   
   

5. Check your theme for JavaScript conflicts.
   
   

6. Ensure your store allows loading of external scripts.
   
   

If issues persist, contact Smart FAQs support.