Wix連携

Barberlyの予約ウィジェットをWixサイトに統合します。

Barberly予約をWixサイトに追加する

このガイドでは、Barberlyの予約ウィジェットをWixサイトに統合し、顧客がサイトから直接予約できるようにする手順を説明します。

前提条件

  • 編集権限のあるWixサイト
  • 少なくとも1つのウィジェットが作成されたBarberlyアカウント

WixにBarberlyウィジェットを追加する方法

  1. ウィジェットコードを取得：

    • portal.barberly.com にログイン
    • メニュー → アプリ → すべてのウィジェット へ移動
    • 使用したいウィジェットを選択
    • 統合用コードをコピー

  2. HTML埋め込みでWixに追加：

    • Wixエディタでサイトを開く
    • 左サイドバーの「追加」(＋)をクリック
    • 「埋め込み」→「HTML iframe」を選択
    • 設定パネルで「コードを入力」をクリック
    • Barberlyウィジェットのコードを貼り付け
    • 「更新」をクリックして保存
    • 必要に応じてサイズや位置を調整

  3. サイトを公開：

    • Wixエディタ右上の「公開」をクリック
    • Barberlyウィジェットがサイト上に表示されます

Wix連携のベストプラクティス

  • 戦略的な配置：ヘッダーやメニュー、フローティングボタン、専用予約ページ、サービスページのポップアップやサイドバーなどに設置
  • レスポンシブ対応：Wixのモバイルエディタで動作を確認し、サイズや位置を調整
  • デザイン：ウィジェットの色をWixサイトに合わせてカスタマイズ

トラブルシューティング

  • ウィジェットが表示されない：WixテンプレートがカスタムHTML/JSを許可しているか確認
  • サイズや位置の問題：Wixエディタでiframeのサイズを調整
  • 変更が反映されない：サイトを公開してライブで確認