目次
フォームの編集方法
フィールドの編集方法
STEP
フィールドを選択します
![](https://goriweb.jp/wp-content/uploads/2023/11/image-3.png)
STEP
単一行テキストを選択します
![](https://goriweb.jp/wp-content/uploads/2023/11/貼り付けた画像_2023_11_10_11_55-1.png)
STEP
単一行テキストが追加されました
![](https://goriweb.jp/wp-content/uploads/2023/11/WPForms_ビルダー_‹_ビジネスファシリテーション・サービス_—_WordPress.png)
STEP
追加されたフィールドを選択します
![](https://goriweb.jp/wp-content/uploads/2023/11/WPForms_ビルダー_‹_ビジネスファシリテーション・サービス_—_WordPress-2.png)
STEP
ラベルや必須ボタンを編集します。
![](https://goriweb.jp/wp-content/uploads/2023/11/WPForms_ビルダー_‹_ビジネスファシリテーション・サービス_—_WordPress-3.png)
STEP
同様に追加したいフィールドを増やしていきます。
Step1〜Step5を繰り返します。
STEP
すべてのフィールドを追加されたら保存ボタンをクリックします
![](https://goriweb.jp/wp-content/uploads/2022/08/image-6-1024x96.png)
STEP
メールが送られるように設定します。
![](https://goriweb.jp/wp-content/uploads/2023/06/ダウンロード__1_-2.jpg)
フォームを送信後のメール文面の設定と画面の表示方法
メール文面の設定方法(通知の設定)
WPFormsでは下記のようなメールを配信ができます。
![](https://goriweb.jp/wp-content/uploads/2023/11/image-2.png)
メールが送られるには下記の内容を設定していきます。
下記の項目を設定します。
![](https://goriweb.jp/wp-content/uploads/2023/06/貼り付けた画像_2023_06_18_16_49.jpg)
項目をセットすると自動返信メールが送られるようになります。
![](https://goriweb.jp/wp-content/uploads/2023/11/貼り付けた画像_2023_11_11_14_35.png)
STEP
設定→通知をクリックします
![](https://goriweb.jp/wp-content/uploads/2022/08/image-4-1024x306.png)
STEP
通知内容を編集します
STEP
通知を有効化をクリックします
![](https://goriweb.jp/wp-content/uploads/2023/11/image-5.png)
STEP
各メールの項目を入力します。
![](https://goriweb.jp/wp-content/uploads/2023/11/貼り付けた画像_2023_11_11_14_10.png)
- 送信先メール:記入者と管理者(写し)のメールアドレスを記載
- メール件名:メールの件名です。
- メール配信者名:送信者名が入ります(つまりあなたの名前です)
- 配信メールアドレス:WEBサイトのドメインが入ったメールアドレスを反映してください
記入者のメールアドレスの設定方法
スマートタグをクリックして、{filed_id=”数字”}を反映します。
1
![](https://goriweb.jp/wp-content/uploads/2024/04/WPForms_ビルダー_‹_Demo06_—_WordPress.png)
2
![](https://goriweb.jp/wp-content/uploads/2024/04/貼り付けた画像_2024_04_17_12_32.png)
3
![](https://goriweb.jp/wp-content/uploads/2024/04/貼り付けた画像_2024_04_17_12_37.png)
4 {filed_id=”数字”},info@example.com
![](https://goriweb.jp/wp-content/uploads/2024/04/貼り付けた画像_2024_04_17_12_38.png)
STEP
メッセージを記入していきます
![](https://goriweb.jp/wp-content/uploads/2023/11/貼り付けた画像_2023_11_11_14_26.png)
スマートタグは次のように入力が可能です。
![](https://goriweb.jp/wp-content/uploads/2023/11/貼り付けた画像_2023_11_11_14_27.png)
スマートタグはフォームに入力された項目のことです。
項目を差し込むことで、会社名・団体名、部署、お名前などを反映されることができます。{all_fields}
はフォームに入力されたすべての項目です。
STEP
保存を押して終了です
![](https://goriweb.jp/wp-content/uploads/2023/11/貼り付けた画像_2023_11_10_11_53.png)
フォーム送信後の確認画面の設定方法
こちらではフォーム送信後に出てくるメッセージを編集します。
![](https://goriweb.jp/wp-content/uploads/2023/11/貼り付けた画像_2023_11_10_11_42.png)
STEP
設定→確認をクリックします
![](https://goriweb.jp/wp-content/uploads/2023/11/貼り付けた画像_2023_11_10_11_49-2.png)
STEP
メッセージを選択して、確認メッセージを編集します
![](https://goriweb.jp/wp-content/uploads/2023/11/貼り付けた画像_2023_11_10_11_49.png)
STEP
保存をクリックします
![](https://goriweb.jp/wp-content/uploads/2023/11/貼り付けた画像_2023_11_10_11_49-1.png)
URLにリダイレクト(ページに飛ばすことも可能です)
![](https://goriweb.jp/wp-content/uploads/2022/08/2022_08_09_22_09-1024x381.jpg)
作成したWPFomrsのWordpressへの埋め込み方法
STEP
フォームの埋め込み
STEP
「+」ボタンをクリックします
![](https://goriweb.jp/wp-content/uploads/2023/11/固定ページを編集_お問い合わせ_‹_ビジネスファシリテーション・サービス_—_WordPress.png)
STEP
すべて表示をクリックします
![](https://goriweb.jp/wp-content/uploads/2023/11/固定ページを編集_お問い合わせ_‹_ビジネスファシリテーション・サービス_—_WordPress-1.png)
STEP
ショートコードで検索すると、ショートコードが出るのでクリックします
![](https://goriweb.jp/wp-content/uploads/2023/11/固定ページを編集_お問い合わせ_‹_ビジネスファシリテーション・サービス_—_WordPress-2.png)
STEP
ショートコードの入力画面が出ました
![](https://goriweb.jp/wp-content/uploads/2023/11/貼り付けた画像_2023_11_10_11_33.png)
STEP
WPFormsのショートコードをコピーします
![](https://goriweb.jp/wp-content/uploads/2023/11/WPForms_‹_ビジネスファシリテーション・サービス_—_WordPress.png)
STEP
ショートコードを反映します
![](https://goriweb.jp/wp-content/uploads/2023/11/固定ページを編集_お問い合わせ_‹_ビジネスファシリテーション・サービス_—_WordPress-3.png)
STEP
更新ボタンを押します
![](https://goriweb.jp/wp-content/uploads/2023/11/貼り付けた画像_2023_11_10_11_36.png)
STEP
ページを表示します
![](https://goriweb.jp/wp-content/uploads/2023/11/固定ページを編集_お問い合わせ_‹_ビジネスファシリテーション・サービス_—_WordPress-4.png)
STEP
フォームが設置されました
![](https://goriweb.jp/wp-content/uploads/2023/11/image.png)
STEP
テスト:フォームでお問い合わせします
![](https://goriweb.jp/wp-content/uploads/2023/11/貼り付けた画像_2023_11_10_11_41.png)
STEP
送信後の画面を確認する
STEP
通知の設定内容が表示されます
![](https://goriweb.jp/wp-content/uploads/2023/11/貼り付けた画像_2023_11_10_11_42.png)
STEP
メールを確認します
![](https://goriweb.jp/wp-content/uploads/2023/06/image_2023_6_11.jpg)