カスタム投稿［資料請求］

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

設定方法

Emanon設定 カスタム投稿でカスタム投稿［資料請求］の追加を有効にし、設定＞パーマリンク設定で保存ボタンをクリックとWordPress管理画面のメニューに資料請求が追加されます。

CAT［資料請求］をクリックし新規カテゴリーを追加（カテゴリー入力例 名前 ホワイトペーパー スラッグ white-paper）します。

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

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

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

参考例として、WordPressプラグインコンタクトフォーム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項目まで入力が可能です。

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

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

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

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

記事一覧に任意のアイコンや語句を表示

記事一覧ページに任意のアイコンや語句を表示できる機能があります。アイコンはEmanon Premiumに実装済みの専用Webアイコンフォントのコードを使用します。

記事一覧の表示例

対応ウィジェット

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