Squarespace連携

Barberly予約をSquarespaceに追加する

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

前提条件

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

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

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

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

2. Squarespaceページに追加：

   • Squarespaceのページエディタを開く
   • 「＋」をクリックしてウィジェットを追加したい場所を選択
   • 「コード」ブロックを検索・選択
   • 「</> Code」をクリック
   • Barberlyウィジェットのコードを貼り付け
   • 「適用」をクリックして保存
   • ページを保存・公開

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

• 戦略的な配置：ヘッダーやホームページ、専用予約ページ、サービスページのポップアップやサイドバーなどに設置
• デザイン：ウィジェットの色をSquarespaceのテンプレートに合わせてカスタマイズ
• モバイル対応：Squarespaceのプレビュー機能で動作を確認

トラブルシューティング

• ウィジェットが表示されない場合は、テンプレートがカスタムコードを許可しているか確認してください。
• プレビューで表示されない場合は、公開後に確認してください。

更新について

Barberlyでウィジェットを編集すると、Squarespaceサイトにも自動的に反映されます。