웹사이트에 챗봇 추가하는 방법
로그인 하신 후, ‘배치’ 탭에 가시면 ‘챗봇 with 시작 아이콘’ 항목 안에 코드가 있습니다.
이를 복사하기 후, 웹사이트 HTML 페이지의 <body></body>
사이에 넣어주세요.
워드프레스 웹사이트 경우
1. 테마 편집기를 이용하는 방법
WordPress 웹사이트의 <head></head>
섹션 사이에 스크립트를 삽입하려면 다음 단계를 따를 수 있습니다:
- WordPress 대시보드에 액세스: 웹사이트의 WordPress 관리 패널에 로그인합니다.
- 테마 편집기로 이동: WordPress 대시보드에서
모양 > 테마 편집기
로 이동합니다. - 편집할 테마 선택: 테마 편집기 페이지에서 오른쪽에 있는 테마 파일 목록을 볼 수 있습니다. 여기에서 변경 사항을 만들 때 조심해야 합니다. 잘못된 수정은 웹사이트를 망칠 수 있으므로 진행하기 전에 백업을 만드는 것이 좋습니다.
header.php
파일 찾기: 테마 파일 목록에서header.php
파일을 찾습니다. 이 파일은 일반적으로 웹사이트의<head></head>
섹션을 포함합니다.header.php
파일 편집:header.php
파일을 클릭하여 테마 편집기에서 엽니다.- 스크립트 삽입:
header.php
파일 내에서 원하는 스크립트를<head></head>
섹션 내에 삽입할 수 있습니다. - 변경 사항 저장: 스크립트를 삽입한 후 “파일 업데이트” 버튼을 클릭하여 변경 사항을 저장합니다.
- 웹사이트 확인: 웹사이트를 방문하여 스크립트가 올바르게
<head></head>
섹션에 삽입되었는지 확인합니다.
2. 플러그인 이용하는 방법
워드프레스에 스크립트를 삽입하는 데 도움이 되는 플러그인 중 몇 가지를 추천해 드릴 수 있습니다. 다음은 몇 가지 인기 있는 플러그인입니다:
- Insert Headers and Footers: Insert Headers and Footers 플러그인은 웹사이트의
<head></head>
및<footer></footer>
섹션에 스크립트를 쉽게 삽입할 수 있도록 도와줍니다. 이 플러그인을 사용하면 테마 파일을 직접 편집하지 않고도 스크립트를 추가할 수 있습니다. - Header Footer Code Manager: Header Footer Code Manager 플러그인은 헤더와 푸터 영역뿐만 아니라 웹사이트의 다양한 부분에 코드를 추가하는 데 사용할 수 있습니다. 스크립트, CSS, Google Analytics 코드 등을 손쉽게 관리할 수 있습니다.
- Code Snippets: Code Snippets는 워드프레스 사이트에 커스텀 PHP, JavaScript, 또는 CSS 코드를 추가하는 데 사용하는 플러그인입니다. 각 코드 스니펫을 개별적으로 활성화/비활성화하거나 관리할 수 있습니다.
- WP Simple Custom CSS and JS: WP Simple Custom CSS and JS 플러그인은 사용자 정의 CSS 및 JavaScript를 쉽게 추가하고 관리할 수 있는 간단한 도구입니다. 웹사이트의 특정 페이지 또는 전체 사이트에 코드를 추가할 수 있습니다.
- Advanced Scripts: Advanced Scripts는 웹사이트에 고급 스크립트를 추가하고 제어하는 데 도움이 되는 플러그인입니다. 사용자 지정 이벤트 트리거, 조건부 스크립트 로딩 등의 기능을 제공합니다.
플러그인 선택 시, 워드프레스 버전 및 다른 플러그인과의 호환성을 고려하고, 개발자의 지원 및 업데이트 기록을 확인하는 것이 좋습니다. 또한 보안을 고려하여 신뢰할 수 있는 소스에서 플러그인을 다운로드하고 설치해야 합니다.