스위스 액티비티 위젯은 웹사이트에 액티비티를 삽입하는 가장 쉬운 방법입니다. 다양한 위젯 유형 중에서 선택하여 몇 분 안에 임베드하세요.
Swiss Activities 위젯은 Swiss Activities의 활동들을 여러분의 웹사이트에 임베드하는 가장 쉬운 방법입니다. 이는 모든 HTML 컨텍스트에서 구현할 수 있는 커스텀 HTML 엘리먼트입니다. 이 위젯은 반응형이며 임베드된 웹사이트에서 사용 가능한 공간에 자동으로 맞춰집니다.
시작하려면 웹사이트의 <head> 섹션에 다음 스크립트 태그를 포함하기만 하면 됩니다:
위젯은 커스텀 HTML 엘리먼트이므로 표준 속성을 사용하여 커스터마이즈할 수 있습니다. 다음 속성들을 사용하여 위젯을 필요에 맞게 조정할 수 있습니다.
기본적으로 위젯은 위젯 모드로 표시되며, Swiss Activities API에서 제목, 설명, 이미지와 같은 현재 활동 정보를 가져옵니다.
위젯은 CTA(콜 투 액션) 모드로도 표시될 수 있으며, 이 경우 활동 제목과 설명 또는 사용자 지정 제목과 단락 텍스트가 표시됩니다.
고정 표시 모드에서는 위젯이 페이지 하단에 고정된 위치에 표시됩니다.
가장 기본적인 형태로, 위젯은 단순한 버튼으로도 표시될 수 있습니다.
위의 옵션들이 요구사항에 맞지 않는 경우, HTML을 렌더링하지 않는 헤드리스 모드로 위젯을 사용할 수도 있습니다. 대신 HTML을 직접 정의해야 합니다. 이 모드는 텍스트에서 여러 활동을 연결하거나 위젯에 대한 사용자 지정 템플릿을 사용하려는 경우에 유용합니다.
활동 ID는 Swiss Activities에서 활동의 고유 식별자입니다. 활동 페이지를 탐색할 때 페이지 푸터에서 찾을 수 있습니다.
Swiss Activities의 전체 제품 카탈로그를 웹사이트에 임베드하는 것도 가능합니다.
위젯을 구성하고 임베드 코드를 얻으려면 이 페이지를 방문하세요. 필터 선택에 따라 위젯은 선택된 필터 기준과 일치하는 활동들을 표시합니다.