【SWELL】お問合せフォーム~WPFormsへ移行は簡単

PVアクセスランキング にほんブログ村

この記事はこんな方におすすめ
  • googleアドセンスに挑戦する方
  • 他テーマからSWELLに移行した方
  • Contact form 7からお問合せを移行を考えてる方

ワードプレスのテーマを、cocoonからSWELLへ移行しました。

プラグインを整理してお問い合わせフォームもContact form 7からWPFormsへ移行しました。

有料のProバージョンもありますが、もちろん無料で設定しました。

SWELL開発者の了さんが
お問い合わせフォームは
WPFormsを推奨していました♪

https://twitter.com/ddryo_loos/status/1221813705425317889
目次

WPFormsの良いところ

  • 設定がHTMLやCSSの知識がなくてもドラックとドロップで簡単に出来る
  • シンプルなデザイン
  • Contact form 7から簡単に移行できる

WPFormsをインストールする

WordPressメニューから
「プラグイン」⇒「新規追加」を選ぶ♪

swell-inquiry-form-procedure-16

キーワードに
Contact form WPFormsと入力する♪

swell-inquiry-form-procedure-15

今すぐインストールをクリックする♪

swell-inquiry-form-procedure-14

有効化してインストール完了です♪

Contact form 7からWPFormsへ移行する

WordPressメニューに
「WPFrom」が追加されましたので
「ツール」を選びます♪

swell-inquiry-form-procedure-13

インポートが完了しました♪

swell-inquiry-form-procedure-12

Contact form 7からWPFormsへ移行すると
一部が崩れることがあるらしいですが、
私は崩れませんでした。

Contact form 7の設定はこちら

設定を確認する

設定を確認します♪

  • 一般
  • 通知
  • 確認

一般

スパム対策
「Enable anti-spam protection」
デフォルトのままチェックをつけておきます♪

swell-inquiry-form-procedure-10

通知

引き継がれているので
変更はありません♪

swell-inquiry-form-procedure-19

確認

メッセージを変更できます♪

swell-inquiry-form-procedure-9

保存して設定完了です

セキュリティー設定をする

このままでもいいけど、「私はロボットではありません」を設定したい

セキュリティー設定をする場合は、Google推奨の「reCAPTCHA」に登録が必要です。

GoogleでreCAPTCHA に登録する

STEP
Googleアカウントで reCAPTCHAを検索する
  1. ラベルの名前は何でもいいので入力する
  2. reCAPTCHAv2を選ぶ
  3. チェックを入れる
  4. ドメインを入力する
  5. チェックを入れる
  6. 送信をクリック
STEP
Google reCAPTCHAに登録完了

WPFormsで入力します

WPFormsへ設定する

STEP
ワードプレスのダッシュボードから設定する
STEP
reCAPTCHAを設定する
  1. CAPTCHAを選ぶ
  2. reCAPTCHAを選ぶ
  3. 保存
  4. checkbox
  1. CAPTCHAを選ぶ
  2. reCAPTCHAを選ぶ
  3. 保存
  4. Checkbox reCAPTCHA v2を選ぶ
  5. サイトキーを入力
  6. シークレットキーを入力
  7. 保存
STEP
設定が完了しました

固定ページへ登録する

WordPressメニュー
「WPFrom」の
「すべてのフォーム」から
ショートコードをコピーします

swell-inquiry-form-procedure-4

WordPressメニュー
「固定ページ」の
「固定ページ一覧」を選びます
「お問合せ」にショートコードを
貼り付けます

swell-inquiry-form-procedure-2
swell-inquiry-form-procedure-5

メニューの設定はこちらの記事をお読みください♪

簡単に移行できました

Contact form 7からWPFormsへ移行できました♪

まとめ

最後までご覧いただきありがとうございます。

  • 設定がHTMLやCSSの知識がなくてもドラックとドロップで簡単に出来る
  • シンプルなデザイン
  • Contact form 7から簡単に移行できる

他のプラグインからの移行のインポートが用意されているので、WPFormsへ移行は簡単です。

お問い合わせフォームの移行にお役に立てたら嬉しいです。

ぽちっと応援してくれたら喜ぶよ!

にほんブログ村 ライフスタイルブログ 50代の生き方へ
にほんブログ村

PVアクセスランキング にほんブログ村


シニアライフランキング

画像の説明

このサイトのテーマ

スポンサーリンク

この記事が気に入ったら
いいね または フォローしてね!

よかったらシェアしてね!

コメント

コメントする

目次
閉じる