WordPress連携

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

Barberly予約をWordPressに追加する

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

前提条件

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

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

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

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

  2. WordPressページ/投稿に追加：

    • ウィジェットを追加したいページ/投稿を編集
    • ブロックエディタ（Gutenberg）：
      1. (+)をクリックして新しいブロックを追加
      2. 「カスタムHTML」を検索・選択
      3. Barberlyウィジェットのコードを貼り付け
      4. 「更新」または「公開」をクリック
    • クラシックエディタ：
      1. 「テキスト」タブ（HTML表示）に切り替え
      2. コードを貼り付け
      3. 「更新」または「公開」をクリック

  3. サイドバーに追加：

    • 外観 → ウィジェット へ移動
    • 「カスタムHTML」ウィジェットをサイドバーに追加
    • Barberlyウィジェットのコードを貼り付け
    • 「保存」をクリック

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

  • 戦略的な配置：メインメニューやヘッダー、サービスページのポップアップ、専用予約ページ、サイドバーなどに設置

トラブルシューティング

  • ウィジェットが表示されない場合は、テーマやプラグインの設定を確認してください。