예약 위젯 — 웹사이트에 Addagio 추가하기

고객이 여러분의 웹사이트에서 바로 예약할 수 있게 하세요. Addagio 위젯은 두 가지 모드로 작동합니다. 예약 페이지를 팝업으로 여는 플로팅 버튼과 페이지 안에 직접 표시되는 인라인 양식입니다.

2단계로 설정 완료

1. 대시보드 → 설정의 "예약 URL"에서 슬러그를 확인하세요. addagio.io/book/ 뒤의 부분입니다.
2. 웹사이트의 닫는 </body> 태그 앞에 코드 조각을 붙여넣으세요.

플로팅 버튼 + 팝업

사이트 모서리에 "지금 예약" 버튼이 표시됩니다. 클릭하면 예약 페이지가 깔끔한 오버레이로 열리며, 고객은 사이트를 떠나지 않고 예약합니다.

<script>
var addagioWidget = {
  slug: 'your-business-slug',
  buttonText: 'Book Now',
  color: '#C67B5C',
  position: 'right'
};
</script>
<script src="https://addagio.io/widget.js" async></script>

인라인 예약 양식

전체 예약 과정(서비스, 캘린더, 결제)이 페이지 레이아웃 안에 직접 표시됩니다. Calendly의 인라인 위젯처럼, 양식을 넣고 싶은 곳에 빈 div를 추가하면 됩니다.

<div data-addagio-inline="your-business-slug">
  <a href="https://addagio.io/book/your-business-slug">Book online — Addagio</a>
</div>
<script src="https://addagio.io/widget.js" async></script>

인라인 프레임은 콘텐츠에 맞게 높이를 자동 조정합니다. 스크롤바도 고정 높이도 없습니다. 한 페이지에 여러 양식을 배치할 수 있습니다.

전체 기술 참조 문서 (모든 옵션, JavaScript API, 플랫폼별 가이드) →

자주 묻는 질문