대시보드로 돌아가기
문서
Asyntai 사용 방법 알아보기
Carrd에 Asyntai AI 챗봇을 추가하는 방법
Carrd 사이트를 위한 단계별 가이드
플랫폼:
HTML/Custom
WordPress
Shopify
WooCommerce
BigCommerce
Ecwid
Wix
Squarespace
Webflow
Weebly
HubSpot
Tilda
Adobe Experience Manager
Duda
Google Sites
Bludit
Plesk
Concrete CMS
Craft CMS
Contentful
Docusaurus
Strapi
Joomla
Kentico
Drupal
Magento
Blogger
Bitrix
TYPO3
PrestaShop
OpenCart
Ghost
Hugo
Statamic
Umbraco
Volusion
Moodle
SilverStripe
Grav
October CMS
ProcessWire
Sanity
ExpressionEngine
Sylius
Backdrop CMS
MODX
Bagisto
PayloadCMS
e107
CrafterCMS
Kirby
MedusaCMS
DatoCMS
GoDaddy
Framer
Bubble
Carrd
Jimdo
Strikingly
Kajabi
Teachable
Thinkific
ClickFunnels
Hostinger
Unbounce
Leadpages
Systeme.io
Instapage
Weebly
1단계: 임베드 코드 가져오기
먼저 Asyntai 대시보드로 이동하여 "임베드 코드" 섹션까지 아래로 스크롤하십시오. 다음과 같은 형태의 고유 임베드 코드를 복사하십시오:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
참고: 위의 코드는 예시일 뿐입니다. 개인 위젯 ID가 포함된 고유한 임베드 코드를 대시보드에서 복사해야 합니다.
2단계: Embed 요소 추가 (Pro 플랜 필요)
Carrd에서는 Embed 요소를 통해 커스텀 코드를 추가할 수 있습니다. 다음 단계를 따르세요:
- 편집기에서 Carrd 사이트를 여세요
- "Add Element"(+ 버튼)를 클릭하세요
- "Embed"를 선택하세요
- Type을 "Code"로 설정하세요
- "Code" 필드에 Asyntai 삽입 코드를 붙여넣으세요
- Style에서 "Hidden"을 선택하고 "Before closing body tag"를 선택하세요
- 사이트를 저장하고 게시하세요
참고: 커스텀 코드가 포함된 embed 요소를 추가하려면 Carrd Pro Standard 플랜 이상이 필요합니다. 무료 플랜은 코드 embed를 지원하지 않습니다. Carrd 대시보드에서 직접 Pro로 업그레이드할 수 있습니다.
3단계: 설치 확인
변경 사항을 저장하고 게시한 후, 새 브라우저 탭이나 시크릿 창에서 Carrd 사이트를 방문하세요. 오른쪽 하단에 채팅 위젯 버튼이 표시되어야 합니다. 클릭하여 올바르게 열리고 작동하는지 확인하세요.
위젯이 보이지 않나요? 코드를 추가한 후 사이트를 저장하고 게시했는지 확인하세요. 브라우저 캐시를 지우거나 시크릿 창에서 확인해 보세요. 커스텀 코드의 "Footer" 필드에 코드가 붙여넣어졌는지 다시 확인하세요.