アクションフォームの設定

アクションフォームウィジェットの設定について解説します。

アクションフォームウィジェットでは、Contact Form 7プラグインのショートコードを使用して、カスタマイズされたフォームを表示することができます。フォームの上部には、任意のテキストも挿入可能です。また、フォームの下部にはGoogleマップを表示させることができます(表示幅は100%に指定する必要があります・設定方法についてはページ下部に記載しております)。

※アクションフォームウィジェットは、トップページに設置した場合のみ正常に動作します。また、Contact Form 7プラグインのショートコードを固定ページで使用された場合、スタイルシートの定義の違いから、レイアウトやデザインが正しく反映されませんのでご注意ください。

 

 

表示例

bandicam 2014-09-16 22-01-41-804

 

bandicam 2014-09-19 23-02-45-344

 

それでは、アクションフォームウィジェットの実際の設定方法を解説します。 左の画像を参照してください。

「タイトル」には、フォームのタイトルを入力します。 一番上に表示されます。

「テキスト」には、フォームの上部に表示される文言を入力します。 フォームの説明など、必要に応じてお好みのテキストを設定してください。

「CF7ショートコード」には、ContactForm7プラグインで生成されるフォーム用のショートコードを入力します。 ContactForm7プラグインの使い方については別途解説します。
Contact Form 7プラグインの使い方

「グーグルマップのコード」には、表示させたい地域のグーグルマップの埋め込みコードを入力することで、フォームの下に100%幅のグーグルマップを表示させることができます。 グーグルマップのコードは、「iframe」を選択してください。

入力が終わったら、「保存」をクリックして有効化します。

 


 

 

グーグルマップの表示例

bandicam 2014-09-19 23-20-01-813

この記事を書いた人

Graziosoサポート

Graziosoのカスタマー担当。