Form Mailer でフォームを作成する
1. Form Mailer にサインアップ・ログインをする
https://www.form-mailer.jp/entry/
![](/wp-content/uploads/2024/03/646387075-e1edc246ccc4394a72b8d15e.png)
2. フォームを作成する
[新規フォーム作成] → [一般フォーム] を選択する
![](/wp-content/uploads/2024/03/646387346-337582fd0199273761e72890.png)
3. 名前を付ける
![](/wp-content/uploads/2024/03/646387491-ee11777b92c57aac96c21e84.png)
4. フォームを編集する
[フォーム編集] をクリックしてフォームの内容・を編集する。利用する際は [公開設定] で公開の設定をしておく。
![](/wp-content/uploads/2024/03/646387997-dfe30415de99ebc92f3c782a.png)
5.コードを出力する
[コード出力] をクリックする
![](/wp-content/uploads/2024/03/646387945-0bfebafe4a938243bbb53c75.png)
[ご自身のサイトに、カスタマイズしたフォームを設置する(HTMLコード方式)] のセクションにあるコードをコピーする
![](/wp-content/uploads/2024/03/646389682-4f45e642173e75c0d2cb457c.png)
Shifter のWordPress を起動し、コピーしたコードを追加する
1. Shifter ダッシュボードにログインをする
![](/wp-content/uploads/2024/03/458133096-0df636cbcfdb03dd5e797abb.png)
2. WordPress を起動し、ログインをする
![](/wp-content/uploads/2024/03/458163829-a8ff37a4b30d14fe5d13de8d.png)
3. 固定ページを追加する
![](/wp-content/uploads/2024/03/199939653-e91ff7554e7850bbe1cca67b.png)
4. ブロックを追加する
![](/wp-content/uploads/2024/03/199939533-01f55b1f5e5a77cafe7c6015.png)
5. [カスタム HTML] ブロックを選択する
![](/wp-content/uploads/2024/03/212291728-c61beaab7a4660498a964579.png)
6. カスタム HTML ブロック内にコピーしたコードを貼り付け、公開をする
![](/wp-content/uploads/2024/03/646390013-2933504fb234a27b65ad7b77.png)
7. デプロイをビルドして動作を確認する。
![](/wp-content/uploads/2024/03/646391504-1b92345d9bfd3d9163490731.png)
![](/wp-content/uploads/2024/03/646391309-0f8a4b2af8cbe14681ba6a7a.png)