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

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

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

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

1. まずWordPressダッシュボードの 「外観 」セクション（画像の1番）に移動します。そこから「ウィジェット」（画像の2番）をクリックします。
2. フォームを表示させたいウェブサイトの特定のエリアを選択します。サイドバー、フッター、またはその他の指定された領域（画像の3番）を選択します。
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のポップアップを統合する唯一の方法ではありませんが、ウェブサイトの機能をスムーズに強化させる信頼性の高い方法を提供しています。