２.申込ページを作成する
申込ページ（ランディングページ）は、セミナーへの申し込みを集めるためのページです。
ターゲットに響くメッセージを届けることで、申込率を高められます。
ここでは、以下の手順で申込ページの編集方法をご説明します。
手順１：申込ページを編集する
手順２：コード・meta情報などを設定する
申込ページを編集する
カラーパターンとテンプレートは、セミナー作成時（１.セミナー情報を入力する）に選択します。
テンプレートで[新規作成]を選んだ場合は、何も設定されていない状態からブロックを追加して申込ページを作成します。
テンプレートを選択して[保存して次へ]をクリックすると、申込ページの編集画面が開きます。
① テンプレートに合わせてテキスト・画像を置き換えていく
【テキストを置き換える場合】
テキスト部分をクリックすると、内容を編集できます。
本文だけでなく、題名やCTAボタンのテキストも変更可能です。
上部メニューから、太字・マーカー・文字色・フォントなどの装飾を設定できます。
※自動保存機能はありません。保存せずにタブを閉じたり、回線が切断された場合、作成中のデータが失われる可能性があります。こまめに［保存する］をクリックしてください。
ポイント
ⅰ. 上部のアイコンから、PC・タブレット・スマートフォンそれぞれの表示を確認できます。ターゲットが主に使用する端末に合わせて、レイアウトや文字サイズを調整することで、読みやすいページ設計が可能です。
ⅱ. 左上の矢印ボタンをクリックすると、直前の操作に戻ることができます。修正を繰り返しながら作業を進める際に便利です。
【画像を置き換える場合】
⑴ 画像部分にカーソルを合わせて[編集]をクリックする
⑵ PC・モバイルそれぞれの表示画像を設定する
表示端末に適したサイズの画像を設定することで、申込ページの読みやすさが向上します。
※PC用・モバイル用のいずれか一方に画像を設定すると、もう一方にも自動的に反映されます。
② [＋ボタン]でブロックを追加
ブロック間に表示される［＋ボタン］をクリックすると、新しいブロックを追加できます。
不要なブロックや、ブロック内のテキスト・画像は削除することも可能です。
ポイント
ⅰ.多様なブロックを用意しているため、目的やデザインに合わせてブロックを追加し、視覚的に整理された申込ページを作成できます。
ⅱ.[プレビュー]をクリックし、配色ごとの見え方を確認することもできます。
③ セミナー概要のブロック
セミナータイトル{{seminar_title}}、開催日時{{schedules}}、参加費{{seminar_fee}}は自動入力されます。
これらの項目は、手動で変更することも可能です。
④ セミナー申し込みフォームのブロック
テキストの編集に加え、フォーム項目やプライバシーポリシーの内容を変更できます。
また、フォームの埋め込みコードを取得することも可能です。
フォームを編集するする手順は以下です。
⑴ フォームにカーソルを合わせて[編集]をクリックする
⑵ [＋追加]をクリックしてフォーム項目を追加
不要な項目は削除することも可能です。【※1】
用意されている選択肢以外にも、［＋項目追加］をクリックすると、新しい項目を追加できます。【※2】
また、［テンプレート保存］から、作成したフォーム項目をテンプレートとして保存でき、【※3】保存したテンプレートは、［テンプレート選択］をクリックして使用できます。【※4】
※セミナー開催日、メールアドレスは必須項目です。
※メールアドレスは、半角英数字、半角英字（大文字・小文字）、および特殊文字（. – _ +）のみ使用できます。
⑶ [プライバシーポリシー編集]をクリックして編集
テキストを直接入力する方法に加え、「URL」を選択すると、別ページで作成したプライバシーポリシーへ遷移させることも可能です。
⑷ 別サイトに申し込みフォームを埋め込みたい場合
外部ツールで作成した申込ページに、申込フォームを埋め込むことができます。
[埋め込みコード（iframe）をコピー]をクリックし、申込フォームを挿入したい申込ページのHTMLに貼り付けてください。
※埋め込んだ申込ページから申し込みがあった場合、申込リストに表示されます。
※使用した申込ページは、URLが分析レポートに表示されるため、アクセス元の特定が可能です。
⑤[プレビュー]をクリックする
申込ページをプレビュー画面で確認できます。
選択しているデバイス（PC・タブレット・スマートフォン）の表示が反映されます。
⑥[保存して次へ]をクリックする
コード・meta情報などの設定
申込ページと申込完了ページそれぞれのコードやmeta情報など、作成以外に必要な設定は、画面左上の[設定]から行えます。詳細は以下に記載しています。
※ここでの設定は任意項目です。
申込ページ設定（申込完了ページも同様の仕様です）
申込完了後の遷移するページ
[ページ設定]で、申込後に表示するページを選べます。
WebinarBaseで作成した申込完了ページを表示するか、[外部サイトURL]を選んで自社サイトなどへ移動させるかを設定できます。
① ページ設定
申込ページの管理名とURLを設定することができます。
⑴ ページ管理名を編集
ここで設定した管理名は、申込ページ一覧など管理画面上にのみ表示され、ユーザーには表示されません。
識別しやすい管理名を設定してください。
⑵ URLを設定する
※WebinarBaseのサブドメインを使用します。末尾の文字列は任意で設定可能です。
※未入力の場合、自動でURLが生成されます。
② カラーパターン
申込ページ作成時に設定した配色を変更できます。
③ フォント
申込ページで使用するフォントを選択できます。
ここで選択したフォントはデフォルト設定として適用されますが、各テキストごとに変更することも可能です。
④ CSS設定
CSSを直接記述して、フォントや色などのデザインを細かく調整できます。
⑤ Metaタグ設定
⑴ 申込ページのタイトル（title）と説明文（description）
ポイント
titleとdescriptionに適切なキーワードを含めることで、検索エンジンがページの内容を正しく理解し、検索結果での表示順位向上に繋がります。
これにより、検索エンジンからの自然流入を増加させることができ、またユーザーは検索結果に表示されるtitleとdescriptionを見てページの内容を判断するため、的確な情報を設定することで、クリック率を高めることができます。
⑵ タグの埋め込み
【タグの埋め込みについて】
ページのheadタグまたは、bodyタグにお好きなタグを追加することができます。
※埋め込むタグによっては、ウェビナーベースの機能と干渉しうまく表示されない場合があります。
※入力するタグや埋め込みコードの詳細について、サポートはできかねますので、あらかじめご了承ください。
headタグ
headタグとは、ブラウザや検索エンジンのクローラーに対してWebサイトの情報を伝えるものです。
使用できるタグは <meta>、<script>、<style>、<link>、<noscript>、<!– –>(コメント)のみ、埋め込むことができるタグとして、Googleタグマネージャー、Facebookピクセルなどがあります。
ⅰ.<head>タグの直後にタグを入れたい場合
ⅱ.</head>タグの直前にタグを入れたい場合
bodyタグ
bodyタグとは、ユーザーが目にするコンテンツの画像や本文など、実際にブラウザに表示させるための要素のことです。
埋め込むことができるタグとして、Google/Yahoo!タグマネージャー、AdWordsコンバージョン トラッキングタグ、AdWordsリマーケティングタグ などがあります。
ⅰ.<body>タグの直後にタグを入れたい場合
ⅱ.</body>タグの直前にタグを入れたい場合
⑥ ファビコン検索エンジン
⑴ ファビコンを設定できます
推奨サイズは、32px × 32pxです。
※ファビコンとは、ブラウザのタブに表示される小さなアイコンです。
⑵ 検索エンジン設定
検索エンジンでキーワード検索を行っても、申込ページが表示されないように設定ができます。
※参加者以外の流入を希望しない場合、こちらを設定してください。
⑦ OGP設定
ポイント
OGP設定によって、SNS上でのページの見た目が向上し、シェアされやすくなります。
これにより、SNSからの流入が増加し、申込ページへのアクセス数向上に繋がります。
申込ページを複数作成する
申込ページの編集画面で、左下の[申込ページ一覧に戻る]をクリックすると、申込ページ一覧が表示されます。
1つのセミナーに対して、複数の申込ページを作成できます。
① [申込ページ作成]をクリックする
新しい申込ページを作成します。
② アクション欄で編集・複製・削除を行う
公開・下書き
申込ページごとに、編集画面右上の[公開中][下書き]で切り替えられます。
下書きにした申込ページは、インターネット上に表示されません。
※セミナーの受付が始まっていない場合は、申込ページの公開・下書きに関係なくアクセスできません。