当ページのリンクには広告が含まれています。 プラグイン

SWELLでWPFormsを使って問い合わせを設置する手順

筆者はこんな人

34インチのウルトラワイドモニター

34インチのウルトラワイドモニターをフル活用! 気分転換で動画を見始めたら止まらない笑

ばらもん。
ばらもん。
AFFINGER6とSWELLを使って、6つのブログを運営しているビール大好き自称鳥人間です!

特化ブログの数

本記事を読むメリット

SWELLで簡単にデザイン性も良い問い合わせフォームを作ることが期待できます

 WPFormsを使ってSWELLに問い合わせフォームを設定しておく

step
1
WPFormsのインストールとreCaptchaの設定

下記の記事内でWPFormsのインストール方法とreCaptchaの設定方法を説明しています。

WPFormsのインストールとreCaptchaの設定が、まだの方は『【SWELL】インストールしているプラグインをご紹介』をご覧になってください。

step
2
WPFormsで新規追加

1-wpformsで問い合わせフォームを作成開始

step
3
次へ

2-wpformsで問い合わせフォームを作成

step
4
『簡単なお問い合わせフォーム』のテンプレートを選択

3-wpformsのテンプレートを使用

step
5
こんな感じのお問い合わせフォーム

4-wpformsの簡単なお問い合わせフォーム

step
6
『コメントまたはメッセージ』の後ろに追記

5-お問い合わせフォームに追記

step
7
『(お問い合わせの内容によっては、回答に時間がかかる場合や回答できない場合があります。)』を追記

6-お問い合わせフォームに追記完了

step
8
reCAPTCHAを追加

7-reCAPTCHAを追加

step
9
次へ

8-確認

step
10
reCAPTCHAが有効になったことを確認

9-reCAPTCHAが追加されたことを確認

step
11
保存

10-wpformsを保存

step
12
閉じてからWordPress管理画面に戻る

11-wpformsを閉じる

step
13
固定ページを新規追加

12-固定ページにお問い合わせフォームを追加

step
14
タイトルを『お問い合わせフォーム』とする

13-問い合わせフォームのタイトル設定

step
15
WPFormsブロックを選択

14-WPFormsのブロックを選択

step
16
作成したお問い合わせフォームを選択

15-作成したwpformsを選択する

step
17
こんな感じ

16-お問い合わせフォームが挿入される

step
18
作成したお問い合わせフォームの固定ページのパーマリンクを変更

17-お問い合わせフォームのパーマリンクを設定

今回は例として、『contact』とします。


step
19
WordPress管理画面の左上の自分のサイト名をクリック

18-お問い合わせフォームの動きを確認しておく

step
20
お問い合わせフォームのクリック

19-作成したお問い合わせフォームにアクセス

step
21
テスト送信してみる

20-お問い合わせフォームからテスト送信

step
22
テスト送信完了

21-お問い合わせフォームからテスト送信完了

step
23
受信したテストメールを確認

22-お問い合わせフォームからテスト送信したメール内容を確認

以上で、SWELLでお問い合わせフォームの設置が完了しました。

まとめ

ポイントをおさらいしておきます。

本記事のポイントまとめ

  • WPFormsのテンプレートを利用することで簡単にお問い合わせフォームの設置ができたよ!(しかもreCAPTCHA付き!)

以上です。

ばらもん。
ばらもん。
当ブログのAFFINGER6の購入特典をご紹介します。

AFFINGER6のモニター、iPad、iPhoneの見栄え

  1. 適切にリライトをして検索順位を実際に上げた方法(2021年の内容にはなりますが、本質は今現在も同じだと感じています。)
  2. 2024年9月現在で、note累計125冊売り上げた『【本当は内緒にしたい】本業情シスが社内パソコンでサボる2つの手段』←リンクから途中までnoteで読むことができます。

本記事購入時にお送りする閲覧パスワードを入力することで、下記から読むことができるようになります。

  1. 【ブログリライト】12→1位にランクアップさせた手順とは?
  2. 【本当は内緒にしたい】本業情シスが社内パソコンでサボる2つの手段

SWELLも気になるけど、AFFINGER6も触ってみたいなぁ・・・って思われている方は、下記リンク経由でAFFINGER6をゲットしてみてくださいね!

公式ページへ(特典付き)

-プラグイン