ブログ

ワードプレスに問い合わせフォームを追加する方法

読了目安:9分 最終更新日: 
ワードプレスに問い合わせフォームを追加する方法

WordPressは、豊富なプラグインと独自のカスタマイズ機能により、非常に柔軟に使えるツールです。そのため、WordPressに新しい機能を追加したいときは、まずプラグインを探したり、WordPress専用のツールを検討する方も多いでしょう。

実際、WordPress向けのツールは数多く存在します。ただし、小規模なチームや個人が開発しているものも多く、機能やサポートにはばらつきがあります。一方で、専門の企業が提供するサービスは、一般的に機能が充実しており、安定性や継続的なサポートの面でも優れている傾向があります。もちろん例外はありますが、ツールを選ぶ際にはこうした違いも意識しておくとよいでしょう。

WordPressだからといって、WordPress専用のプラグインやツールだけにこだわる必要はありません。インターネット上には、WordPressを含むさまざまなWebサイトで利用できるフォーム作成ツールが数多くあります。

そこで今回は、多くのユーザーに利用されている定番のフォーム作成ツール、Jotformを使ってみましょう。Jotformは豊富な機能を備えていながら、基本的な用途であれば無料で利用できます。それでは、Jotformを使ってワードプレスに問い合わせフォームを追加する方法を見ていきましょう。

最初のステップ

この記事を読んでいるということは、すでにWordPressサイトをお持ちの方がほとんどでしょう。そのため、WordPressのセットアップについてはここでは省略します。次に必要なのは、Jotformのアカウントを作成することですが、登録は数分で完了します。

Jotformには、すぐに使い始められる400種類以上の問い合わせフォームテンプレートが用意されています。初めて作成する場合は、このシンプルな問い合わせフォームテンプレートから始めるのがおすすめです。

テンプレートを使用をクリックすれば、すぐにフォームを利用できるようになります。次に、作成したワードプレスの問い合わせフォームをサイトに追加する方法を見ていきましょう。

ワンポイントアドバイス

Jotformを使えば、オリジナルのワードプレス問い合わせフォームを数分で作成し、サイトに簡単に追加できます。まずは無料で試してみましょう。

問い合わせフォームを埋め込む

ここでは、Jotformの埋め込みコードをWordPressの新しいページに貼り付けて、問い合わせフォームを表示する方法をご紹介します。まずは、WordPressの管理画面を開き、新しいページを作成しましょう。

ワードプレスに問い合わせフォームを追加する方法 Image-1

既存のページにフォームを追加することもできますが、最初は新しいページから始めるほうが簡単です。手順を把握しやすく、誤って既存のページを変更してしまう心配もありません。

次に、Jotformタブに戻ってフォームを開きます。上部メニューの公開タブをクリックし、クイック共有セクションにあるリンクをコピーをクリックして、フォームの共有リンクをコピーしましょう。

ワードプレスに問い合わせフォームを追加する方法 Image-2

WordPressの新しいページに戻り、エディターに先ほどコピーしたリンクを貼り付けます。

ワードプレスに問い合わせフォームを追加する方法 Image-3

Jotformで簡単にカスタマイズ

リンクを貼り付けるだけで、問い合わせフォームをWordPressに追加できます。

また、画像の追加はもちろん、レイアウトやデザインも自由にカスタマイズできるため、Webサイトのデザインに合わせた問い合わせフォームを作成できます。自社のロゴを追加することも可能です。なお、Jotformのロゴを非表示にするには有料プランへのアップグレードが必要ですが、無料プランでも独自のロゴを追加してブランディングを行えます。

フォームのレイアウトやデザイン、入力項目などを変更すると、その内容はWordPressページにも自動的に反映されます。コードを再度貼り付け直す必要はありません。

Jotformは、カレンダー、テーブル、その他多くの種類のフォームも埋め込むことができます。これらも検討する価値があります。

また、今後WordPressに新しい機能を追加したくなったときは、WordPressのプラグインだけにこだわる必要はありません。インターネット上には、埋め込みに対応した便利なツールが数多くあり、それらを活用することで、サイトの可能性をさらに広げられます。

コメントの送信:

Jotform Avatar
このサイトは reCAPTCHA によって保護されており、Googleのプライバシーポリシー利用規約が適用されます。

Podo Comment 最初のコメントを投稿してください。