How to Add Asyntai AI Chatbot to Big Cartel

Step-by-step guide for Big Cartel shops

플랫폼:

1단계: 임베드 코드 가져오기

먼저 Asyntai 대시보드로 이동하여 "임베드 코드" 섹션까지 아래로 스크롤하십시오. 다음과 같은 형태의 고유 임베드 코드를 복사하십시오:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

참고: 위의 코드는 예시일 뿐입니다. 개인 위젯 ID가 포함된 고유한 임베드 코드를 대시보드에서 복사해야 합니다.

Step 2: Open the Shop Designer

Big Cartel lets you add custom code through the Shop Designer's advanced code editor:

Log in to your Big Cartel admin at app.bigcartel.com
In the left-hand menu, click Design
Click the Customize design button to open the Shop Designer
Open the Advanced section to reveal the theme code editor

참고: The Advanced code editor is intended for people who are comfortable with HTML. Big Cartel themes use the Liquid templating language, but you can paste a plain script tag without any Liquid knowledge.

Step 3: Add the Code Before the Closing Body Tag (Recommended)

The cleanest way to add the chatbot to every page is the Integration Code section, which places your script just before the closing body tag automatically:

In the Shop Designer's Advanced area, find the Integration Code section
Click the Body field (this inserts code right before the closing </body> tag)
Paste your Asyntai embed code into the field
Click Done to save your edits
Click Publish to make the change live on your shop

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

팁: The Integration Code section is the best place for tracking scripts and chat widgets because it stays in place even if you switch themes, and it loads on every page of your shop automatically.

Alternative Method: Edit the Layout Template

If your theme version does not show an Integration Code section, you can paste the code directly into the Layout template. The Layout is the master template that every store page lives inside, so code added here appears on all pages:

In the Shop Designer, open the Advanced section and select the Layout page from the list of theme templates
Scroll to the bottom of the Layout code and find the closing </body> tag
Paste your Asyntai embed code on a new line just before the </body> tag
Click Done to save, then Publish to apply the change

중요: Advanced template code lives inside the current theme. If you switch to a different theme later, you will need to re-add the code, so the Integration Code section is preferred whenever it is available.

참고: Big Cartel does not host separate JavaScript files, but that is not a problem here — the Asyntai widget loads from asyntai.com, so a single script tag is all you need. The checkout page is not editable, and the widget is not required there.

4단계: 설치 확인

After publishing your changes, open your Big Cartel shop in a new browser tab or incognito window. You should see the chat widget button in the bottom right corner. Click it to ensure it opens and functions correctly.

위젯이 보이지 않나요? Make sure you clicked both Done and Publish in the Shop Designer. Clear your browser cache or view in incognito mode, since Big Cartel may cache pages, so changes might take a few minutes to appear. Check the browser console (F12) for any JavaScript errors.

도움이 필요하신가요?

If you're not comfortable editing theme code, Big Cartel's Support team can help you locate the Integration Code and Advanced sections in the Shop Designer. You can also contact Asyntai support for guidance on installing the chatbot on your Big Cartel shop.

전문 지원: Asyntai support can walk you through pasting your embed code into Big Cartel step by step if you get stuck.