メールフォーム作成

メールフォーム作成

WordPassプラグインでコンタクトフォーム7という初心者でも簡単に使えるメールフォームのプラグインがあります。その使用方法のご紹介をします。

インストール~ページ貼付け

プラグインから新規追加をクリックします。

検索からContactForm7を検索しインストールをクリック。

有効化します。

有効化すると右側に「お問い合わせ」が表示されますのでクリックします。

クリックするとコンタクトフォーム1がひな形が初からあります。新規追加かコンタクトフォーム1を編集するか、どちらかをクリックします。今回は新規追加で行います。

新規追加をクリックすると編集画面になりますのでタイトルを入力して下さい。

追加や編集も行えますが、初期のままでも基本的な項目は設定されていますので今回は初期のままで作成します。

最初に設定する部分で大切なのはメールアドレスの入力です。送信されるメールアドレスを入力して下さい。

送信後のメッセージの設定も出来ますが、初期の状態で、そのまま使用出来ますので今回はそのまま使用します。

メールアドレスの入力が終わったら保存をクリックし、お問合せへ戻ります。

すると先ほど入力した「お問合せ」が追加されていますので、ショートコードをコピーして下さい。

コピーしたら固定ページ一覧に戻ります。

お問合せフォームを追加したいページを開きます。今回は新規追加で新しいページに設置します。

新しいページを開き、まずは題名を入力します。その後に先ほどコピーしたショートコードを貼付けて下さい。貼付たら公開するのボタンをクリックします。

再度、公開ボタンをクリック。

公開したら、固定ページを表示で確認ができます。

図の様にページに表示されます。

カスタマイズ

コンタクトフォーム7にチェックボックスを設置してカスタマイズする方法を配信します。

メールフォームをElementorでカスタマイズします。

TOPページからリンクさせる方法

TOPページからお問合せフォームに移動させます。予め作成したバナーなどでも大丈夫ですが、今回は文字でリンクさせる方法です。

以上でメールフォームの作成は完了です。カスタマイズは一例ですので、他にも徐々に追加していきます。