WordPressに連絡フォームを追加する方法(YouTubeビデオ)

ほとんどすべてのWebサイトには連絡先ページが必要です。複雑である必要はありませんが、少なくとも、連絡先フォームを含める必要があります(できれば 見栄えがよく、シームレスに機能するもの)。ただし、問題は、WordPressには実際にはそのようなフォームが組み込まれていないということです。では、どうしますか? WordPressのページ(または投稿)に連絡先フォームを追加するには、具体的にどのようにしますか?ええと、いつものように、あなたが方法を知っているとき、それは実際にはかなり簡単です!


知っておくべきことは次のとおりです。

WordPressに基本的な連絡先フォームを追加する方法

–(注:Topher DeRosiaのビデオクレジット– HeroPressの作成者

ビデオトランスクリプト:

こんにちは!これはWinningWPのTopherです。このビデオでは、WordPress Webサイトに連絡先フォームを配置する方法を順を追って説明します。ビデオの最後にある各手順を実行すると、完全に機能するお問い合わせフォームが表示されます。私が使用することを選択したプラグインはCaldera Formsと呼ばれ、いくつかの理由でそれを選択しました。 1つは無料であることです。私がこれを選択したもう1つの理由は、最終結果フォームが非常に魅力的で応答性が高いことです。したがって、モバイルWebが重要である場合、これはぴったり合います。これはCaldera Forms Webサイトですが、WordPress.orgで確認することもできます。それでは始めましょう。ここで、管理領域から始めます。 「プラグイン」→「新規追加」に移動し、「検索プラグイン」の下に「caldera」と入力すると、上部に表示されます。そこで、[今すぐインストール]をクリックしてから[アクティブ化]をクリックします。ありました。 Caldera Formsがインストールされます。次に、ここでCalderaフォームメニュー項目に移動し、リストの上部にある[フォーム]をクリックします。ページの上部に[新しいフォーム]ボタンが表示され、ボタンは青色です。それをクリックします。次に、さまざまな種類のフォーム用のオプションがたくさんあります。空白のフォーム、変動価格のフォーム、簡単な予約フォームがあります。しかし、私たちが欲しいのは左上のコンタクトフォームです。それをクリックします。フォームに名前を付けます。お問い合わせフォームから[フォームの作成]をクリックするだけです。これでフォームができました。それについて簡単に説明します。この管理領域では、トップフォームフィールドは実際にはプレーンHTMLフィールドであり、このテキストが含まれているだけです。削除したい場合は、左上のXをクリックします。移動したい場合は、右上の3つのバーをクリックします。追加したい場合は、ここの下部にあるプラスをクリックします。それを分割して2列にする場合は、上部にあるこのアイコンをクリックします。同じことがこれらすべてのフィールドにも当てはまり、それらはすべて同じ小さなアイコンを持っています。これは3つに分割され、そこには3つのフィールドがあります。別のHTMLフィールドがあり、コメントと質問ボックスがあり、次にメッセージ送信ボックスがあります。これらのいずれかをクリックすると、それぞれに小さな鉛筆が表示され、クリックして右側の情報を編集できます。幸い、あなたは本当に必要はありません。このお問い合わせフォームはすぐに使用できます。誰かが記入したときにメールが送信される場所を設定する必要があるので、ここではメールをクリックします。こちらが「From」メールです。これを変更して、実際にフォームに記入した人のアドレスがメールに記載されるようにしたい場合は、この返信メールフィールドをクリックして、これらをマジックタグと呼びます。 [メールアドレス]をクリックすると、フォームの入力者がメールアドレスを入力したフォームのフィールドから、このフィールドが自動的に入力されます。そして、これらのフィールドの残りをすべてデフォルトのままにすることができます。それでは、上部にある[フォームを保存]をクリックします。ページに配置するフォームができたので、ページセクションに移動して、contactという新しいフォームを作成します。次に、コンテンツ領域の上部にある[Caldera Form]ボタンをクリックします。それでは、Caldera Formボタンをクリックしてみましょう。フォームを選択することができ、モーダルとして設定することを選択した場合は、リンクを作成するだけで、フォームをポップアップするためにクリックする必要がありますが、ページに直接埋め込みたいので、未チェックのままにします。 [フォームの挿入]をクリックするとフォームが表示されるので、ページを保存して表示します。そして、こちらにコンタクトフォームがあります。すべてを考慮すると、このフォームを組み合わせる作業はほとんどありません。 Caldera Formsには連絡フォームが付属しています。私たちがしなければならなかったのは、それを選択し、名前を付け、電子メールアドレスを指定して保存することだけでした。その後、このページに埋め込むことができます。それでは、簡単に復習しましょう。プラグイン→新規追加に進み、Calderaを検索して、Caldera Formsを取得しました。インストールしてアクティブ化した後、管理メニューでカルデラフォームに移動し、新しいフォームをクリックして、連絡先フォームテンプレートを選択し、名前を付けて、フォームの作成をクリックしました。次に、電子メールタブをクリックし、電子メールアドレスを追加して保存して構成しました。次に、最後のステップは、カルデラフォームボタンをクリックする必要がある場合は、ページを作成するか、ページを編集することでした。次に、ページを保存して表示します。 WordPressの詳細については、WinningWP.comをご覧ください。.

他の動画を見る…

追加するもの?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map