Wixのウェブサイトのエディターを使える権限と、Barberlyで作成した予約ウィジェットが1つ以上必要です。ウィジェットは、WixのHTML iframe要素でページに追加します。
ウィジェットのコードをコピーする#
- portal.barberly.com でBarberlyのアカウントにログインします。
- メニューアプリすべてのウィジェット に移動します。
- 使用するウィジェットを選び、その連携コードをコピーします。
Wixエディターでウィジェットを追加する#
- Wixエディターでウェブサイトを開きます。
- 左のサイドバーで Add (+) をクリックします。
- Embed を選び、次に HTML iframe を選びます。
- 設定パネルで Enter code をクリックします。
- Barberlyのウィジェットコードを貼り付け、Update をクリックします。
- ページ上で要素のサイズと位置を調整します。
- エディターの右上にある Publish をクリックします。
Wixのモバイルエディターでウィジェットを確認し、必要に応じてモバイル用のサイズと位置を調整してください。
トラブルシューティング#
- ウィジェットが表示されない
- WixのテンプレートがカスタムHTMLとJavaScriptを許可しているか確認してください。
- サイズや位置がずれている
- WixエディターでHTML iframe要素のサイズを変更してください。
- エディターに変更が表示されない
- サイトを公開し、公開中のサイトでウィジェットを確認してください。
ウィジェットの更新#
色、テキスト、スタイルなど、Barberlyでウィジェットに加えた変更は、Wixのサイトに自動的に反映されます。コードは変わらないため、Wix側で変更する必要はありません。