콘텐츠로 이동

맞춤 설정

Customization
맞춤 설정 진입 화면

맞춤 설정은 코드를 작성하지 않고도 Wink와의 통합의 모든 측면을 제어할 수 있는 강력한 기능입니다. 판매하는 모든 인벤토리는 맞춤 설정이 가능합니다. 기능을 추가하거나 제거하고, 색상 구성표를 변경하는 등 다양한 작업을 할 수 있습니다.

시작하는 방법은 다음과 같습니다:

  1. Accounts에서 작업할 계정을 선택합니다.
  2. 계정 카드 하단의 Actions를 클릭하고 Manage account를 선택합니다.
  3. 다음 페이지에서 Customizations 탭을 클릭합니다.
  4. 이 섹션에 모든 맞춤 설정이 나열됩니다.
  5. 기존 맞춤 설정을 편집하거나 새로 만듭니다.

Customization 페이지에서 작업할 맞춤 설정 아래의 Actions 버튼을 클릭한 후 Update를 클릭하세요.

이렇게 하면 아래 기능들이 제공되는 맞춤 설정 폼으로 이동합니다.

General 탭에서 사용할 수 있는 옵션은 다음과 같습니다.

  • 이름 맞춤 설정을 쉽게 기억할 수 있도록 이름을 지정하세요. 예: 내 여행 블로그용
  • 표시 통화 사용자가 예약 가능한 여행 인벤토리 옆에서 처음 보게 될 통화를 선택하세요. 예: USD
  • 표시 언어 사용자가 처음 접하게 될 언어를 선택하세요. 예: 영어
  • 페이지 제목에 추가 페이지 제목(브라우저 탭에서 보이는 제목)에 추가할 내용을 제어할 수 있습니다. 주로 예약 엔진에 사용됩니다. 예: https://book.wink.travel로 이동하면 기본적으로 Home | Traveliko - Hotels with Benefits가 표시됩니다. ’|’ 파이프 이후의 모든 내용을 변경할 수 있습니다.

Theme 탭에서는 booking engine 웹사이트, WinkLinks 웹사이트 및 모든 Web Components의 외관과 느낌을 맞춤 설정할 수 있습니다.

이 섹션에서는 디자인과 카드 레이아웃을 구성할 수 있습니다. 현재는 Wink라는 단일 디자인만 제공됩니다.

카드 레이아웃은 사용자가 수평 또는 수직 정렬된 거래 카드 중 어떤 것을 볼지 제어합니다. 정보는 동일합니다.

색상은 사용자가 UI 구성 요소와 웹사이트를 어떻게 보는지 제어합니다. 기존 색상 구성표가 있다면 맞추는 데 사용하세요.

이미 시작할 수 있는 다양한 사전 정의 색상이 준비되어 있습니다. 사전 정의된 테마는 아래 폼 필드의 색상을 변경합니다. 완전히 자신만의 색상을 사용할 수도 있습니다.

Colors
색상 폼

아래 개발자 샌드박스에서 색상 구성표를 테스트해 보세요.

테마 설정

기본적으로 GA4 분석을 지원합니다. 향상된 전자상거래 전환 경로 전체를 추적하려면 측정 ID를 준비하여 Analytics 탭 아래 필드에 입력하세요.

WordPress 플러그인 또는 Web Components를 사용해 사이트에 지도를 삽입하려면 Google Maps API 키를 제공해야 합니다.

키를 생성하고 사이트에 맞게 구성한 후 Analytics 탭에 입력하세요.

Itinerary 탭은 선택한 인벤토리의 가격이 정확히 표시되도록 하는 데 가장 흥미로운 부분입니다. 여행 인벤토리 가격이 복잡하기 때문에 Wink는 정확한 가격을 표시하기 위해 사용자의 일정을 알아야 합니다.

이 섹션에서는 다음과 같은 모든 디지털 공간에서 가격을 표시할 기본 일정을 설정할 수 있습니다:

  • 가격 오버레이가 있는 소셜 친화적 이미지
  • WinkLinks 그리드, 카드 및 링크
  • Web Components
  • 예약 엔진

정적 날짜 범위 또는 롤링 날짜 범위를 설정할 수 있습니다.

  • 특정 날짜에 발생하는 이벤트에 맞춰 맞춤 설정을 사용할 경우 정적 날짜 범위를 선택하세요.
  • 다음 중 하나를 원할 경우 롤링 날짜 범위를 선택하세요:
    1. 대부분 OTA가 사용하는 오늘 + 1박 기본값
    2. 항상 이용 가능해야 하는 미래 날짜 기본값

기본적으로 일정은 2명의 성인으로 설정되어 있습니다. 이는 대부분 여행자에게 가장 일반적인 설정입니다. 이 설정은 쉽게 변경할 수 있으며, 여러 객실과 여러 명의 성인 및 어린이를 추가할 수 있습니다.

프로모션은 사용자의 시간을 절약해 주는 유용한 기능입니다. 숙소에서 제공한 프로모션 코드를 친구와 공유할 수 있다면 여기에 입력하세요. 링크를 통해 들어오는 모든 사용자는 자동으로 프로모션 코드가 일정에 추가되고 할인 가격이 자동으로 적용됩니다.

Integration 탭은 호텔, 통합업체 및 여행사가 Wink에서 예약이 어떻게 배포되는지 더 세밀하게 제어하고자 할 때 사용합니다.

호텔과 통합업체가 예약 발생 시 모든 관련 당사자에게 알림을 보내도록 Wink에 요청할 수 있는 옵션입니다. 채널 매니저에게도 알림이 포함됩니다.

기본적으로 이 옵션들은 모두 활성화되어 있습니다. 통합업체가 이 기능 중 하나 이상을 비활성화할 수 있는 경우는 다음과 같습니다:

  • 여행사가 API 수준에서 통합되어 자체 확인 이메일을 보내고자 할 때
  • 호텔이 통합 테스트 중이며 영업 직원에게 방해가 되지 않도록 할 때
  • 호텔이 이메일 알림을 원하지 않고 PMS를 통해서만 알림을 받고자 할 때

이메일 알림 서비스를 사용하는 통합업체는 이메일이 자신들로부터 온 것처럼 보이도록 이메일을 맞춤 설정할 수 있습니다.

Hotel-specific 탭에서는 호텔이 예약 엔진의 랜딩 페이지에 무엇을 표시할지, 요청한 일정에 인벤토리가 없을 때 무엇을 표시할지 제어할 수 있는 옵션이 있습니다.

  • 랭킹: 의미 있는 랭킹이 아직 없는 숙소는 이 기능을 비활성화할 수 있습니다.
  • 가용성: 인벤토리가 없더라도 계속 표시할지 선택할 수 있습니다.

대부분의 경우, 링크, 카드, 지도 및 그리드에 적용할 Customization을 선택합니다.

다음과 같은 경우에 수동으로 구성을 적용할 수 있습니다:

  • 수동 재정의 맞춤 구성이 적용된 상태로 예약 엔진에 직접 링크를 공유하고자 할 때, Shareable Links 기능을 사용하지 않는 경우
  • WordPress 플러그인 Wink WordPress 플러그인 설정에 구성을 추가할 때
  • 맞춤 통합 wink-app-loader Web Component를 사용해 맞춤 통합에 수동으로 적용할 때

다음은 모든 설정이 포함된 구성 ID를 Wink 메인 예약 엔진 URL에 적용하는 간단한 예입니다.

https://book.wink.travel?configurationId=MY-UNIQUE-ID

자세한 내용은 Wink WordPress 플러그인으로 이동하세요.

페이지 내 모든 임베디드 Wink Web Components를 wink-app-loader Web Component로 제어하세요.

아래는 MY-UNIQUE-ID를 구성 ID로 사용하는 샘플입니다.

<html>
<head>
<link rel="stylesheet" href="https://elements.wink.travel/styles.css"></link>
</head>
<body>
<script src="https://elements.wink.travel/elements.js" type="module" defer></script>
<wink-app-loader
client-id="YOUR CLIENT ID GOES HERE"
configuration-id="MY-UNIQUE-ID"
></wink-app-loader>
</body>
</html>

맞춤 설정을 관리하려는 개발자는 Developers > API > Inventory로 이동하세요.