WooCommerce에 Asyntai AI 챗봇을 추가하는 방법

플랫폼:

WooCommerce

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

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

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

2단계: 플러그인 사용 (권장)

WooCommerce 스토어에 챗봇을 추가하는 가장 쉬운 방법은 무료 header/footer 플러그인을 사용하는 것입니다:

1. WordPress 관리자 대시보드에 로그인하세요
2. Plugins → Add New로 이동하세요
3. WPCode의 "Insert Headers and Footers"를 검색하세요 (또는 유사한 플러그인)
4. "Install Now"를 클릭한 후 "Activate"를 클릭하세요
5. Code Snippets → Header & Footer(또는 플러그인 설정 페이지)로 이동하세요
6. "Footer" 섹션에 Asyntai 삽입 코드를 붙여넣으세요
7. "Save Changes"를 클릭하세요

대안: 테마 커스터마이저 사용

많은 WooCommerce 테마에는 커스텀 스크립트를 추가하기 위한 내장 옵션이 있습니다:

1. Appearance → Customize로 이동하세요
2. "Additional CSS/JS", "Custom Code" 또는 "Footer Scripts"라는 섹션을 찾으세요
3. 해당 필드에 Asyntai 삽입 코드를 붙여넣으세요
4. "Publish"를 클릭하여 변경 사항을 저장하세요

대안: 테마 파일 편집 (functions.php)

개발자 또는 테마 파일 편집에 익숙한 분들을 위해:

1. Appearance → Theme File Editor로 이동하세요
2. 활성 테마를 선택하세요 (자식 테마 사용 권장)
3. functions.php 파일을 여세요
4. 파일 끝에 다음 코드를 추가하세요:
   function add_asyntai_chatbot() {
  echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>';
}
add_action('wp_footer', 'add_asyntai_chatbot');
5. YOUR_WIDGET_ID를 실제 위젯 ID로 교체하세요
6. "Update File"을 클릭하세요

대안: WooCommerce 전용 Hook

WooCommerce 페이지(쇼핑, 제품, 장바구니, 결제)에서만 챗봇을 로드하려면:

1. 테마의 functions.php 파일에 이 코드를 추가하세요:
   function add_asyntai_chatbot_woocommerce() {
  if (is_woocommerce() || is_cart() || is_checkout() || is_account_page()) {
    echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>';
  }
}
add_action('wp_footer', 'add_asyntai_chatbot_woocommerce');
2. YOUR_WIDGET_ID를 실제 위젯 ID로 교체하세요
3. 파일을 저장하세요

3단계: 설치 확인

변경 사항을 저장한 후, 새 브라우저 탭이나 시크릿 창에서 WooCommerce 스토어를 방문하세요. 오른쪽 하단에 채팅 위젯 버튼이 표시되어야 합니다. 클릭하여 올바르게 열리고 작동하는지 확인하세요.