1. Overview
  2. 설치 관련
  3. 웹사이트에 챗봇 추가하는 방법

웹사이트에 챗봇 추가하는 방법

로그인 하신 후, ‘배치’ 탭에 가시면 ‘챗봇 with 시작 아이콘’ 항목 안에 코드가 있습니다.

이를 복사하기 후, 웹사이트 HTML 페이지의 <body></body> 사이에 넣어주세요.

워드프레스 웹사이트 경우

1. 테마 편집기를 이용하는 방법

WordPress 웹사이트의 <head></head> 섹션 사이에 스크립트를 삽입하려면 다음 단계를 따를 수 있습니다:

  1. WordPress 대시보드에 액세스: 웹사이트의 WordPress 관리 패널에 로그인합니다.
  2. 테마 편집기로 이동: WordPress 대시보드에서 모양 > 테마 편집기로 이동합니다.
  3. 편집할 테마 선택: 테마 편집기 페이지에서 오른쪽에 있는 테마 파일 목록을 볼 수 있습니다. 여기에서 변경 사항을 만들 때 조심해야 합니다. 잘못된 수정은 웹사이트를 망칠 수 있으므로 진행하기 전에 백업을 만드는 것이 좋습니다.
  4. header.php 파일 찾기: 테마 파일 목록에서 header.php 파일을 찾습니다. 이 파일은 일반적으로 웹사이트의 <head></head> 섹션을 포함합니다.
  5. header.php 파일 편집: header.php 파일을 클릭하여 테마 편집기에서 엽니다.
  6. 스크립트 삽입: header.php 파일 내에서 원하는 스크립트를 <head></head> 섹션 내에 삽입할 수 있습니다.
  7. 변경 사항 저장: 스크립트를 삽입한 후 “파일 업데이트” 버튼을 클릭하여 변경 사항을 저장합니다.
  8. 웹사이트 확인: 웹사이트를 방문하여 스크립트가 올바르게 <head></head> 섹션에 삽입되었는지 확인합니다.

2. 플러그인 이용하는 방법

워드프레스에 스크립트를 삽입하는 데 도움이 되는 플러그인 중 몇 가지를 추천해 드릴 수 있습니다. 다음은 몇 가지 인기 있는 플러그인입니다:

  1. Insert Headers and Footers: Insert Headers and Footers 플러그인은 웹사이트의 <head></head> 및 <footer></footer> 섹션에 스크립트를 쉽게 삽입할 수 있도록 도와줍니다. 이 플러그인을 사용하면 테마 파일을 직접 편집하지 않고도 스크립트를 추가할 수 있습니다.
  2. Header Footer Code Manager: Header Footer Code Manager 플러그인은 헤더와 푸터 영역뿐만 아니라 웹사이트의 다양한 부분에 코드를 추가하는 데 사용할 수 있습니다. 스크립트, CSS, Google Analytics 코드 등을 손쉽게 관리할 수 있습니다.
  3. Code Snippets: Code Snippets는 워드프레스 사이트에 커스텀 PHP, JavaScript, 또는 CSS 코드를 추가하는 데 사용하는 플러그인입니다. 각 코드 스니펫을 개별적으로 활성화/비활성화하거나 관리할 수 있습니다.
  4. WP Simple Custom CSS and JS: WP Simple Custom CSS and JS 플러그인은 사용자 정의 CSS 및 JavaScript를 쉽게 추가하고 관리할 수 있는 간단한 도구입니다. 웹사이트의 특정 페이지 또는 전체 사이트에 코드를 추가할 수 있습니다.
  5. Advanced Scripts: Advanced Scripts는 웹사이트에 고급 스크립트를 추가하고 제어하는 데 도움이 되는 플러그인입니다. 사용자 지정 이벤트 트리거, 조건부 스크립트 로딩 등의 기능을 제공합니다.

플러그인 선택 시, 워드프레스 버전 및 다른 플러그인과의 호환성을 고려하고, 개발자의 지원 및 업데이트 기록을 확인하는 것이 좋습니다. 또한 보안을 고려하여 신뢰할 수 있는 소스에서 플러그인을 다운로드하고 설치해야 합니다.


Was this article helpful?
© 2024 키티챗 사용설명서