2026年8月10日

2026年8月10日

WordPressとbeehiivを連携する方法|登録フォームの埋め込み・既存フォーム連携・サイトの使い分け

WordPressとbeehiivを連携する方法としていちばん手軽なのは、beehiivで作った購読フォームの埋め込みコードをWordPressのページに貼る方法です。既存のフォームからの登録や購読者の移行が必要な場合は、Zapierなどの自動化サービスやCSVのインポートを組み合わせます。この記事では、WordPressとbeehiivの役割分担の考え方、フォームの設置手順とつまずきやすい点、既存フォームとのつなぎ方、移行と同意まわりの注意点を説明します。

beehiivとWordPressの役割分担

beehiivはニュースレターの作成・配信に特化したサービスです。メールを配信するだけでなく、配信した号を記事として公開するWebページ(ニュースレターのサイト)も持てるのが特徴です。

そのため、WordPressと組み合わせるときは「どちらを何に使うか」を最初に決めておくと、後で迷いません。よくある構成は次のとおりです。

  • WordPressが本体、beehiivは配信専用:会社やブログのサイトはWordPressで運用し、beehiivはメールの配信と購読者の管理だけに使います。WordPressに購読フォームを置いて、登録先をbeehiivにします。
  • WordPressが本体、beehiivのサイトをサブドメインで公開:news.example.com のようなサブドメインでbeehiivのサイトを公開し、過去の配信号を読めるようにします。WordPress側からはメニューやバナーでリンクします。

同じ内容をWordPressの記事とbeehiivのサイトの両方に公開すると、検索エンジンからは重複したページに見えることがあります。両方に載せる場合は、どちらを正規のページにするかを決め、もう一方は要約と導線にとどめるなどの整理をしておくと安心です。

方法1:beehiivの購読フォームを埋め込む

beehiivの管理画面には、購読フォームを作成して、外部サイトに埋め込むためのコードを発行する機能があります。フォームの見た目や文言、登録後に表示するメッセージなどを設定し、埋め込み用のコードをコピーします。メニューの名称や配置は変わることがあるため、見つからない場合はbeehiivのヘルプで埋め込みフォーム(embed)について検索してください(2026年10月現在)。

WordPressでの設置手順は次のとおりです。

  1. フォームを置きたい投稿・固定ページを編集画面で開く
  2. 「カスタムHTML」ブロックを追加し、コピーしたコードを貼り付ける
  3. プレビューで表示を確認してから更新する

サイドバーやフッターに置く場合は、ウィジェット画面の「カスタムHTML」を使います。全ページに表示したい場合は、ブロックテーマならサイトエディターでテンプレートパーツ(フッターなど)にカスタムHTMLブロックを追加する方法もあります。

つまずきやすいのは次の点です。

  • コードが保存時に消える:マルチサイトの特権管理者以外など、scriptやiframeを保存する権限(unfiltered_html)がないユーザーが貼ると、コードが取り除かれます。
  • フォームの下側が切れる:iframe形式の埋め込みでは、高さの指定が足りないとボタンや注意書きが隠れます。コード内の高さを調整するか、beehiiv側のフォーム設定を見直します。スマートフォンでも確認してください。
  • 表示されない:セキュリティ系プラグインやサーバーの設定で、外部サイトのiframeの読み込みを制限している場合があります(Content-Security-Policyのframe-srcなど)。キャッシュ系・高速化系プラグインのiframe遅延読み込みの影響も確認します。

方法2:既存のフォームからbeehiivに登録する

Contact Form 7やWPForms、Gravity Formsなど、すでに使っているフォームから購読者を登録したい場合は、Zapierなどの自動化サービスを経由する方法が一般的です。「フォームが送信されたら、beehiivに購読者を追加する」という流れを作ります。自動化サービス側で使える操作の名称は時期によって変わるので、それぞれの画面で確認してください。

beehiivにはAPIも用意されているため、開発者であればWordPress側から直接登録する仕組みも作れます。その場合は、APIキーをテーマのファイルやデータベースの設定値に平文で書かず、wp-config.phpの定数やサーバーの環境変数で管理し、送信処理ではnonceの検証と入力値のサニタイズを行ってください。APIの仕様や利用できるプランは公式のドキュメントで確認します。

WordPressのプラグインディレクトリにbeehiivと連携するためのプラグインが見つかることもありますが、beehiiv公式のものとは限りません。導入する場合は、作者、最終更新日、対応しているWordPressのバージョンを確認し、まずはステージング環境で試してください。

どの方法でも、問い合わせの送信者を同意なく購読者にしないことが前提です。「ニュースレターを受け取る」チェックボックスを用意し、チェックした人だけを送る条件を付けます。

方法3:WordPressの購読者をbeehiivに移す

これまでWordPressのメールマガジン用プラグインで購読者を管理していた場合、そのプラグインから購読者をCSVで書き出し、beehiivのインポート機能で取り込めます。移行の前に次の点を確認してください。

  • 配信停止済みや未確認の購読者を除く:プラグイン側で配信停止した人や、確認メールのリンクを押していない人を取り込むと、本人の意思に反した配信になります。
  • 同意の経緯を説明できるか:いつ、どのフォームで登録した人たちなのかを整理し、記録を残しておきます。
  • 移行の告知:配信元のサービスが変わると、メールの見た目や送信元アドレスが変わることがあります。移行前の最後の配信で案内しておくと、迷惑メール扱いや配信停止を減らせます。

書き出したCSVには個人情報が含まれます。作業用のパソコンに残したままにせず、取り込みが終わったら削除してください。

動作確認の方法

設定が済んだら、テスト用のメールアドレスで実際に登録します。

  1. フォームから登録し、登録完了のメッセージが表示されるか
  2. ダブルオプトインを有効にしている場合、確認メールが届き、リンクを押すと登録が完了するか
  3. beehiivの購読者一覧にアドレスが追加されているか
  4. ウェルカムメールなどの自動配信を設定している場合、それが届くか

ログインした状態とログアウトした状態の両方で確認すると、キャッシュの影響による表示の違いにも気づけます。

同意・配信停止・プライバシーポリシー

ニュースレターの運用では、一般的に次の点を整えておきます。

  • ダブルオプトイン:beehiivの設定で確認メールを使う方式にすると、入力ミスやいたずら登録を減らせます。
  • 配信停止:beehiivから送るメールには配信停止の仕組みがあります。テンプレートの編集で停止リンクを削除しないようにします。
  • プライバシーポリシー:メールアドレスを外部サービスで管理すること、利用目的、埋め込みフォームで外部サービスの読み込みが発生することを追記します。Cookieの同意バナーを使っている場合は、埋め込みフォームの扱いもあわせて整理してください。

国や地域によって求められる対応は異なるため、個別の判断が必要な場合は専門家に相談してください。

まとめ

  • beehiivは配信とニュースレター用のサイトを持てるため、WordPressとの役割分担を最初に決める
  • 手軽なのは、beehiivの購読フォームの埋め込みコードを「カスタムHTML」ブロックに貼る方法。権限、iframeの高さ、CSPやキャッシュの影響に注意する
  • 既存のフォームからは、Zapierなどの自動化サービスやAPIを使って登録する。非公式のプラグインは作者と更新状況を確認する
  • 購読者を移すときは、配信停止済み・未確認の人を除き、移行を告知する
  • ダブルオプトイン、配信停止リンク、プライバシーポリシーの更新をセットで整える

お気軽にご相談ください

お見積りへ お問い合わせへ
▲