SquarespaceにBarberlyの予約を追加する

Squarespaceのウェブサイトを編集できる権限と、Barberlyで作成した予約ウィジェットが1つ以上必要です。ウィジェットは、Squarespaceのコードブロックでページに追加します。

ウィジェットのコードをコピーする#

1. portal.barberly.com でBarberlyのアカウントにログインします。
2. メニュー→アプリ→すべてのウィジェット に移動します。
3. 使用するウィジェットを選び、その連携コードをコピーします。

Squarespaceのページにウィジェットを追加する#

1. Squarespaceにログインし、ページエディターを開きます。
2. 予約ウィジェットを置きたい場所で + アイコンをクリックします。
3. ブロックの一覧で Code を検索して選択します。
4. </> Code オプションをクリックします。
5. コードエディターにBarberlyのウィジェットコードを貼り付けます。
6. Apply をクリックします。
7. ページを保存して公開します。

Squarespaceのデバイスプレビューでモバイル表示のウィジェットを確認し、パソコンとモバイルの両方で予約の流れを試してください。

トラブルシューティング#

ウィジェットの更新#

色、テキスト、スタイルなど、Barberlyでウィジェットに加えた変更は、Squarespaceのサイトに自動的に反映されます。コードは変わらないため、Squarespace側で変更する必要はありません。