お問合せフォーム導入

SWELLにてお問合せフォームを追加したい場合
プラグイン
Contact Form 7
を導入

もしくは
googleフォーム

※実際どちらも設定してみたけど導入しやすいのはgoogleフォームだけどContact Form 7の方がページの一貫性が感じられるので好みとしては好き

目次

Contact Form 7

STEP
Contact Form 7

プラグインよりContact Form 7を導入

STEP
お問合せフォーム作成

自分にあった問合せフォーム作成
cssでサイトにあったデザインに変更

STEP
reCAPTCHA設定

同時に問い合わせフォームの不正利用やスパム対策の導入

※サイトに色々な情報が細かく記載されているのでそちらを参照

googleフォーム

STEP
googleフォーム

googleフォームを作成

※自分のgoogleIDが無い場合は先に準備

STEP
googleフォーム公開

作成したgoogleフォームを公開

STEP
googleフォームアドレス取得

右上の点をクリックしHTMLを埋め込むを選択しiframe内容をコピー

STEP
自分のページに貼り付ける

ブロックにてカスタムHTML選択

※widthを100%に変更これでページサイズに合わせる
お好みに合わせてheightもセットこちらは数値で指定高さが足りない場合は自動でスクロールバーが表示
下記はイメージ画像の為途中で切れている

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次