홈페이지 위젯 설치 가이드

병원 홈페이지에 AI 상담 플로팅 버튼을 간편하게 추가하세요

병원 홈페이지 영역

우측 하단의 플로팅 버튼을 확인하세요

💬

설치 방법

  1. 아래 코드를 복사하여 병원 홈페이지의 </body> 태그 바로 위에 붙여넣으세요.
  2. hospital-id를 병원 고유 ID로 변경하세요. (가입 시 발급)
  3. specialty를 병원 진료과로 설정하세요. (dental, dermatology, veterinary 등)
  4. 저장 후 홈페이지를 새로고침하면 우측 하단에 상담 버튼이 나타납니다.

임베드 코드

<!-- 원장톡AI 위젯 -->
<script>
(function() {
  var config = {
    hospitalId: 'YOUR_HOSPITAL_ID',
    specialty: 'dental',
    lang: 'ko',
    position: 'bottom-right',
    color: '#2563eb'
  };

  var btn = document.createElement('div');
  btn.id = 'doctortalk-widget';
  btn.innerHTML = '💬';
  btn.style.cssText = 'position:fixed;bottom:24px;right:24px;width:60px;height:60px;' +
    'background:linear-gradient(135deg,' + config.color + ',#7c3aed);' +
    'border-radius:50%;display:flex;align-items:center;justify-content:center;' +
    'font-size:1.5rem;cursor:pointer;z-index:99999;' +
    'box-shadow:0 8px 24px rgba(37,99,235,0.4);transition:transform 0.3s;';
  btn.onmouseenter = function() { btn.style.transform = 'scale(1.1)'; };
  btn.onmouseleave = function() { btn.style.transform = 'scale(1)'; };
  btn.onclick = function() {
    window.open(
      'https://doctortalk-ai.vercel.app/chat.html?specialty=' +
      config.specialty + '&hospital=' + config.hospitalId + '&lang=' + config.lang,
      'DoctorTalkAI', 'width=400,height=700'
    );
  };
  document.body.appendChild(btn);
})();
</script>

설정 옵션

옵션 설명 기본값
hospitalId병원 고유 ID필수
specialty진료과 (dental/dermatology/veterinary/orthopedics/ent/ophthalmology)general
lang기본 언어 (ko/en/zh/ja/vi/th/ru/ar)ko
position버튼 위치bottom-right
color버튼 메인 색상#2563eb