Cabina

連携

JSスニペットは、どのストアでも数分で動作します。ShopifyとWixではストアで公開中のアプリを、PrestaShopモジュールとWooCommerceプラグインはドキュメントからダウンロードしてご利用ください。

Snippet JSとの連携

  1. 1ダッシュボード → ウィジェットで、ストアのドメインを許可するドメインに追加します。追加しないとウィジェットは起動せず、その理由も表示されません
  2. 2ダッシュボードにログインし、「インストール」に進みます
  3. 3APIキー入りの<script>タグをコピーします
  4. 4テーマの<head>内、または</body>の直前に貼り付けます。どちらでも動作します
  5. 5これで完了です。ボタンはCabinaが自動で追加し、アイテムはページから読み取ります — スクリーンショット付きの手順ガイドは cabina.io/docs/en にあります

コピーするスニペット：

<!-- Cabina Virtual Try-On — 一度だけ、<head>内または</body>の前に貼り付けます -->
<script
  src="https://www.cabina.io/widget.iife.js"
  crossorigin="anonymous"
  data-api-key="cab_live_YOUR_API_KEY"
  async
></script>

<!-- 任意。ボタンの位置がずれる場合にだけ必要です:
     なくても、Cabinaがテーマの購入ブロックを自動で見つけます。 -->
<div data-cabina-target></div>

<!-- 更新作業は不要です。ウィジェットの改良は、このスニペットに触れなくても自動で反映されます。 -->

プラットフォーム別ガイド

各プラットフォームでのCabinaの動作、必要なもの、公開の進み具合をご紹介します。

Shopify向けバーチャル試着（AI試着）

アイテムを見ているお客様が写真をアップロードすると、商品ページを離れることなく、自分が着た姿を確認できます。お客様にアプリをインストールしてもらう必要はなく、体のサイズも保存しません。

Wix向けバーチャル試着（AI試着）

商品写真の中で、見ている人がそのアイテムを着た姿が表示されます。サイトの訪問者は何もインストールせず、サイズをどこにも残しません。

WooCommerce向けバーチャル試着（AI試着）

プラグインとAPIキーがひとつずつあれば、商品ページに、見ている人が着た姿を表示するボタンが加わります。

PrestaShop向けバーチャル試着（AI試着）

モジュールが商品ページにボタンを追加し、見ている人がそのアイテムを着た姿を表示します。お客様が何かをインストールする必要はありません。