この記事では作成したフォームをHirameki 7で作成したサイトまたは外部サイトに設置する方法について説明します。技術的な知識がなくても、手軽かつ迅速にフォームを設置することができます。ブログ、オンラインショップ、企業サイトなど、お手持ちのwebサイトに設置しお客様にアピールしましょう。
１．作成したフォームをHirameki 7のサイトに設置する
Webサイト機能のページに作成したフォームを追加したい場合は、ページ編集画面の「フォームパーツ」で追加可能です。
編集画面のコンテンツエリア下部にある「フォームパーツ」に、フォーム機能で作成したフォームがパーツとして表示されます。
追加したいフォームを右のページエリアにドラッグアンドドロップします。
２．作成したフォームを外部サイトに設置する
作成したフォームの右端にある歯車アイコンをクリックし、「内容を編集する」を選択します。
〔1〕の「４.タグ・CSS・JS」をクリックします。
〔２〕の「コードをコピー」をクリックし、表示されたコードをコピーします。
外部サイトへ埋め込んだフォームで完了画面を別ページにリダイレクトする設定を行う場合は、埋め込み用のタグに加えてHirameki 7の"共通タグ"の設置が必要となります。
〔３〕の「共通タグはこちら」のリンクをクリックし、共通タグのページにて「コードをコピー」します。
作成したフォームのタグと、共通タグのコードを外部サイトのソースコード内にペーストして設置は完了です。
※タグを埋め込むサイトでCSP（コンテンツセキュリティポリシー）の設定をしている場合はタグを導入する前に設定する必要があります。
ポイント
ウェブページにフォームを効果的に埋め込むことは、登録者数を増やすための鍵となります。
埋め込む上での戦略的なアプローチと、その効果を最大限に引き出すためのポイントをご紹介します。
目立つ配置
・フォームをトップページ上の目立つ位置に配置しましょう。ページの最上部や中央、またはコンテンツの前後にフォームを配置することで、訪問者がフォームにアクセスしやすくなります。
メリットのアピール
・フォームが設置されるページには、登録者にとって魅力的な価値や提案を明示しましょう。特典や報酬、独占的な情報提供など、ユーザーがフォームに情報を提供するメリットを明確に示すことが重要です。
分かりやすい説明文
・フォームの上や横に簡潔で分かりやすい説明文を配置しましょう。フォームに記入することで得られる利点や登録者が期待できる情報提供について説明することで、ユーザーの不安を軽減できます。
効果的な配色
・フォームのデザインは、ページの配色と調和するように心掛けましょう。同時にフォームを目立たせるためにカラーコントラストを最適化することで、訪問者の視線を引きつけます。
これらの戦略を組み合わせることで、ウェブページ上に配置されたフォームがより多くのユーザーにアクセスされ、登録者数を増やす効果が期待できます。