WordPressサイトにSysteme.ioのフォームやポップアップを統合する方法

この記事では、WordPressサイトにフォームやポップアップを統合する方法を学びます。

セールスファネルにフォーム・ポップアップを作成した後（外部サイトにフォームやポップアップを作成して統合する方法は こちらをクリック ）、下記のステップに従い、WordPressと統合する方法を説明します。

WordPressサイトにsysteme.ioフォームを統合する：

まずWordPressダッシュボードの 「 外観 」セクション（画像の1番）に移動します。そこから「 ウィジェット 」（画像の2番）をクリックします。
フォームを表示させたいウェブサイトの特定のエリアを選択します。サイドバー、フッター、またはその他の指定された領域（画像の3番）を選択します。
希望の表示エリアを選択したら、「 更新 」をクリックしてWordPressサイトへのフォームの配置を確定します。

WordPressサイトにsysteme.ioポップアップを統合する：

a. プラグインを使ってポップアップを追加する：

WordPressダッシュボードの 「 プラグイン 」セクション（画像の4番）にアクセスします。



「 WPcode 」や「 Insert header and footer 」などでプラグイン（画像の5番）を検索します。



「 WPCode – ヘッダーとフッターの挿入 + カスタムコードスニペット – WordPress コードマネージャー 」というプラグインをインストール（画像の6番）して有効化します。





プラグインの設定で「 Code Snippets 」にある「 Header&Footer 」を選択し（画像の7番）、「 Header(ヘッダー） 」セクションにポップアップ・スクリプトを貼り付けます。(画像の8番）。



「 Save Changes（変更を保存） 」（画像の9番）をクリックして変更を適用します。



b.テーマファイルエディタを使ってポップアップを追加する：

WordPressアカウントにログインし、「 外観 」セクション（画像の10番）に移動します。



「 外観 」のオプションから、「 テーマファイルエディター 」（画像の11番）をクリックします。

テーマファイルの一覧から「 footer.php 」（画像の12番目）を選択します。

ポップアップ・スクリプトのコードを、閉じる < /body > タグの直前に挿入します（画像の13番目）。

コードを追加したら、「 ファイルを更新 」（画像の14番）をクリックして変更を保存します。

注意：スクリプトが閉じタグ「 body 」の前に配置していることを確認してください。そうしないと、ポップアップが表示されない可能性があります。



ポップアップ統合のテスト

これらの手順に従った後、サイトを訪問してポップアップまたはフォームの統合が成功したことを確認します。

重要：これらは、WordPressサイトにsysteme.ioのポップアップを統合する唯一の方法ではありませんが、ウェブサイトの機能をスムーズに強化させる信頼性の高い方法を提供しています。

更新日 25/05/2025