스위스 액티비티의 오퍼를 웹사이트에 통합
스위스 액티비티 위젯은 웹사이트에 액티비티를 삽입하는 가장 쉬운 방법입니다. 다양한 위젯 유형 중에서 선택하여 몇 분 안에 임베드하세요.
소개
Swiss Activities 위젯은 Swiss Activities의 활동을 웹사이트에 임베드하는 가장 쉬운 방법입니다. 이는 모든 HTML 컨텍스트에서 구현할 수 있는 사용자 정의 HTML 요소입니다. 위젯은 반응형이며 임베드된 웹사이트에서 사용 가능한 공간에 자동으로 맞춰집니다.
설정
시작하려면 웹사이트의 <head> 섹션에 다음 스크립트 태그를 포함하기만 하면 됩니다:
위젯
위젯은 사용자 정의 HTML 요소이므로 표준 속성을 사용하여 사용자 정의할 수 있습니다. 다음 속성들을 사용하여 위젯을 필요에 맞게 조정할 수 있습니다.
- affiliate: 귀하의 제휴 ID
- booking: 버튼이 모달에서 위젯을 직접 열지 또는 Swiss Activities로 링크할지 여부 (기본값: false)
- button-background: 버튼의 배경색 (기본값: #ff385c)
- button-color: 버튼 텍스트의 색상 (기본값: #fff)
- button-text: 버튼 텍스트
- display: 위젯의 표시 모드 (widget | cta | button) / (기본값: widget)
- heading-text: 제목 텍스트
- ident: 활동 ID
- language: 위젯의 언어 (de | en | fr | it) / (기본값: de)
- paragraph-text: 단락 텍스트
표시 모드
위젯
기본적으로 위젯은 위젯 모드로 표시되며, Swiss Activities API에서 제목, 설명, 이미지와 같은 현재 활동 정보를 가져옵니다.
CTA
위젯은 CTA(콜투액션) 모드로도 표시할 수 있으며, 이 모드에서는 활동의 제목과 설명 또는 사용자 정의 제목과 단락 텍스트를 표시합니다.
Fixed
고정 표시에서는 위젯이 페이지 하단에 고정 위치로 표시됩니다.
Button
가장 기본적인 형태로, 위젯은 단순한 버튼으로도 표시될 수 있습니다.
Headless
위의 옵션들이 귀하의 요구사항에 맞지 않는 경우, 헤드리스 모드로 위젯을 사용할 수도 있습니다. 이 모드는 HTML을 렌더링하지 않습니다. 대신, HTML을 직접 정의해야 합니다. 이 모드는 텍스트에서 여러 활동을 연결하거나 위젯에 대한 사용자 정의 템플릿을 사용하려는 경우에 유용합니다.
활동 ID 얻기
활동 ID는 Swiss Activities에서 활동의 고유 식별자입니다. 활동 페이지를 탐색할 때 페이지 푸터에서 찾을 수 있습니다.
