Wix
Wink Wix Appは、WinkのウェブコンポーネントをWixサイトにネイティブウィジェットとして追加し、Wixエディターでドラッグ＆ドロップできます。サイトオーナーにコーディングは不要です。
wink-travel/wink-wix-app on GitHub ソースコード、開発者セットアップガイド、貢献方法の説明。
インストール
Section titled “インストール”- Wix App Marketにアクセスし、Wink Travelを検索します。
- サイトに追加をクリックし、アプリの認証手順に従います。
- インストール後、ダッシュボード → Wink設定を開き、Client IDとClient Secretを入力します。
資格情報はApplicationsから取得してください。 - 保存をクリックし、接続テストでWinkとの接続を確認します。
ページにコンポーネントを追加する
Section titled “ページにコンポーネントを追加する”- Wixエディターを開き、Winkコンテンツを追加したいページに移動します。
- 追加 (+) → アプリ → Wink Travelをクリックして利用可能なウィジェットを表示します。
- ウィジェットをページにドラッグします。例：ホテルグリッドを表示するWink Content。
- ウィジェット設定パネルでレイアウトタイプを選択し、Wink StudioからコピーしたレイアウトIDを貼り付けます。
- 公開をクリックして変更を反映します。
利用可能なウィジェット
Section titled “利用可能なウィジェット”| ウィジェット | 用途 |
|---|---|
| Wink Content | ホテルカード、ランキンググリッド、地図などを表示 |
| Wink Lookup | 目的地やホテルの検索バー |
| Wink Search | 旅程ピッカーを開くアイコンボタン |
| Wink Account | サインイン／ユーザーアカウントボタン |
| Wink Itinerary | 現在の旅行を表示する旅程ボタン |
| Wink Cart | ショッピングカートの概要ボタン |