Guide ยท 5 minutes
Add your fad chat button to Shopify
Shoppers have questions before they buy: delivery time, sizes, returns, cash on delivery. Your fad can answer them right on your Shopify store. You paste one line of code in your theme file and the chat button shows on every page. Here is how.
- 1
Copy your widget code
Open your fad from fad.fyi/app and go to the Embed tab. Copy the snippet with your address in data-fad. Keep this tab open so you can paste it in the next step.
- 2
Open the theme code editor
In Shopify admin, go to Online Store, then Themes. On your current theme, open the menu with the three dots and choose Edit code. The list of theme files opens on the left.
- 3
Edit theme.liquid
Under Layout, click theme.liquid. Scroll to the bottom and find </body>. Paste the snippet on the line just above it. Then click Save at the top right of the editor.
- 4
Check your store
Open your store in a new tab and refresh. The chat button should appear on the page. Ask a question about a product. If it does not show, make sure you edited the theme that is live, not a draft copy.
- 5
Feed it your store facts
Shoppers ask about delivery, returns and payment. Paste your shipping and return policy in the Text tab of Feed it. Add your product list as a CSV in the Products tab so the fad knows prices and links.
- 6
Hand over order questions
Questions like "where is my order" need a person. Turn on WhatsApp handoff in Contact & handoff so these reach you with the question prefilled. Set it to show when asked for a person or when the fad cannot answer.
- Duplicate your theme before editing code, so you can go back.
- Add your return and delivery policy as text so the fad can quote it.
- Export products from Shopify, then keep only the six CSV columns.
Questions people ask
Will the button slow my store?
The snippet has async, so the browser does not wait for it before showing the page. It is one small script. Still, check your store on your phone after adding it, like you would after adding any app.
Can I use the fad instead of a Shopify chat app?
You can. The fad answers from the policies, product list and FAQs that you feed it. It cannot look up a specific order or track a parcel. For those, it can hand over to your WhatsApp so a person can help.
Do I need to change the code when I update my fad?
No. The code line stays the same. Everything else, like sources, tone, colours and WhatsApp number, is managed on your fad.fyi Manage page. Changes you save there show up in the widget on your store.