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