カスタム投稿[資料請求]は、メルマガ登録ホワイトペーパーのダウンロードなどで使用する資料請求用のカスタム投稿ページです。

設定方法

Emanon設定 カスタム投稿で初期設定を行うとWordPress管理画面のメニューに追加されます。

カスタム投稿[資料請求]は、サイドバーにコンタクトフォームを設置できる専用ページです。Emanon Premiumにはコンタクトフォーム機能が実装されていません。外部システムまたはWordPressのプラグイン(ショートコード対応)をご利用ください。

プラグインを利用する場合

コンタクトフォームを表示するWordPressプラグイン(例 コンタクトフォーム7 )を利用する場合、ショートコードに対応していることが必須条件となります。

外部システムを利用する場合

コンタクトフォームを表示する埋込用HTML埋込用JavaScriptに対応したメール配信システムやマーケティングオートメーションを利用できます。

サイドバーにコンタクトフォームを設置する:プラグイン編

ショートコードに対応したコンタクトフォームをサイドバーに配置する場合、次の手順でショートコードをカスタム投稿[資料請求]のフォーム設定に反映させます。

  1. コンタクトフォーム用のプラグインをインストール・有効化
  2. コンタクトフォーム用のプラグインを設定しショートコードを取得
  3. カスタム投稿[資料請求]の編集ページに移動しフォーム設定のフォーム:プラグインにショートコードを反映し、公開保存

参考例として、WordPressプラグインコンタクトフォーム7 を使った設定手順をご案内します。

ユーザーサポート対象外

弊社の有料製品以外につきましては、ユーザーサポート(承認制)の対象外です。コンタクトフォーム7の使い方については、コンタクトフォーム7の公開マニュアルをご覧ください。

  1. WordPress管理画面のプラグインからコンタクトフォーム7をインストール・有効化
  2. コンタクトフォーム7の設定画面にてフォームを作成

    [submit “送信”]は送信ボタンです。ボタンを中央配置にしたい場合、下記のようにHTMLコードを作成してください。

    <div class="u-text-align-center-margin">
    [submit "送信"]
    </div>
    コンタクトフォームの使い方

    プラグイン コンタクトフォームの使い方を学習したい方は、使い方をご確認ください。

  3. コンタクトフォーム7のショートコードを取得

    カスタム投稿ページ[資料請求]のページ編集画面に移動し、フォーム設定のフォーム:プラグインにショートコードをペースト(貼り付け)して公開保存します。

    カスタム投稿ページ[資料請求]のページ編集画面

    以上でサイドバーにコンタクトフォームが表示されます。

サイドバーにコンタクトフォームを設置する:埋込用HTMLまたは埋込用JavaScript編

外部サービス(WordPress以外のシステム)を利用する場合、コンタクトフォームの表示が埋込用JavaScriptまたは埋込用HTMLに対応しているか確認してください。

埋込用JavaScriptの場合、カスタム投稿ページ[資料請求]のページ編集画面にコードを反映し公開保存します。

カスタム投稿ページ[資料請求]のページ編集画面

埋込用HTMLの場合、埋込用HTMLからForm actionタグ・Input hiddenタグ・Input submitタグを抜き出し、カスタム投稿ページ[資料請求]のページ編集画面のそれぞれの項目にペースト(貼り付け)ます。入力項目(Fromタグ)は、最大10項目まで入力が可能です。

埋込用HTMLの入力例
埋込用HTML

埋込用HTMLは、メルマガ配信やマーケティングオートメーションのシステムによって内容が異なります。利用するシステムの埋込用HTMLを確認の上、カスタム投稿ページ[資料請求]のフォーム:埋込 用にHTMLコードを反映してください。

サイドバーのスクロール追従とタイトルの設定

スクロール追従
ページ本文に十分な量のコンテンツがある場合、サイドバーはページスクロールに追従します。スクロール追従を停止したい場合、停止を有効にしてください。

配色
サイドバーの背景色をグレーに表示できます。

サイドバー見出し
サイドバーの見出し文を入力できます。資料請求やメルマガ登録など、コンタクトフォームの内容を表す見出しを入力してください。

対応ウィジェット

カスタム投稿[セミナー]の記事一覧は下記のウィジェットで表示が可能です。下記のウィジェットを外観>ウィジェットからサイドバーやフロントページセクションに配置してご利用ください。

  • [E] カスタム投稿記事:サイドバーに配置できる記事一覧。
  • [Es]カスタム投稿[資料請求]スライダー:フロントページセクションに配置。スライダー。
  • [Es]カスタム投稿[資料請求]一覧:フロントページセクションに配置。記事一覧。