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のポップアップを統合する唯一の方法ではありませんが、ウェブサイトの機能をスムーズに強化させる信頼性の高い方法を提供しています。

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.