web-dev-qa-db-ja.com

静的Webサイトへの問い合わせフォームの追加

静的Webサイトに問い合わせフォームを追加する必要があります。 Django/pythonを使用して2つまたは3つのフォームを作成した経験がありますが、悲しいことにDjangoはここではオプションではありません。静的なWebサイトに追加する必要があります。どんなオプションがありますか？

htmlcssformscontact
49
mmln

Google Docs form を設定して、連絡先フォームを模倣し、Googleがフォームに対して通知するスニペットを使用して、フォームをWebサイトに含めることができます。

通知ルール を使用すると、誰かがフォームに入力するたびに自動通知を受け取ることができます。

41
Uwe Keim

Form Spree をご覧ください。単に<form>サービスへのアクションの投稿を行い、フォームに記入するたびにメールを受け取ります。

非常に効率的です！

（多くの投稿がある問い合わせフォームには適していません。 Wufoo または光沢のある新しい FormKeep を検討してください）

24
Sébastien Saunier

シンプルなソリューションを探しているなら、 fwdform よりも簡単ではありません。自分の静的サイトで迅速かつ汚れたコンタクトフォーム処理が必要になったときに、自分で作成しました。

フォームをメールに転送するには、次を実行するだけです。

1.登録

HTTP POSTメールを登録するリクエストを行います。

$ curl --data "email=<your_email>" https://fwdform.herokuapp.com/register
Token: 780a8c9b-dc2d-4258-83af-4deefe446dee

2.フォームを設定します

<form action="https://fwdform.herokuapp.com/user/<token>" method="post">
    Email: <input type="text" name="name"><br>
    Name: <input type="text" name="email"><br>
    Message: <textarea name="message" cols="40" rows="5"></textarea>
    <input type="submit" value="Send Message">
</form>

サードパーティのサービスを信頼したくない場合は、 独自のHerokuインスタンスで実行 することもできます。

13
sdobson

1つの解決策は、 qontacto を使用することです。これは、任意のWebサイトに追加できる無料の連絡フォームです。メッセージを転送します。

3
Marcelo Biffara

同様の質問があります here 。

解決策は、静的ではない別のサーバー上のPHPファイルを指すことです。 knittl は、アクション属性を別のサーバーに向ける方法を示しています。

<form method="post" action="http://example.com/process.php">
  <input type="text" name="my_textfield" />
  <input type="submit" value="send!" />
</form>

他の代替方法として、静的ページに埋め込むことができる Wufoo forms を使用する方法があります。

2
derekdac

別のオプションは、iframeを使用して、動的フォームをサイトに忍び込ませることです。

<iframe src="http://whatever.com/your-fancy-dynamic-form.php"></iframe>
1
Andrew Bacon

私はちょうどこの質問に対する新しい答えを見つけました（そして実際には私はそれをいくつかのケースで最高のものと思います）：

無料のpodio.comを使用できます（1つの組織で最大5人のメンバー）ERP (Enterprise resource planning (ERP) systems integrate internal and external management information across an entire organization. (via wikipedia))は、完全にカスタマイズ可能なWebフォームの作成を可能にし、任意の場所に追加できます。さらに、Webフォームが収集する入力は簡単に管理できます。たとえば、連絡先リストに追加したり、タスクに追加したりして、自分やチームの誰かが問い合わせを処理したかどうかを確認できます。詳細はこちら： http://blog.podio.com/2012/08/07/styleyourwebform/

いくつかの長所：

  • 任意の場所に追加できます（使用するサブドメインを指定するだけです）
  • 数分でフォームをカスタマイズできます
  • ワンクリックでキャプチャ（またはその他のスパム保護）を追加できます
  • ウェブフォームのリードを簡単に管理できます

短所：

  • 機密情報の共有を避けるために、Webフォームを設定するすべてのクライアントに対してpodio accを作成する必要があります
1
mmln

UserVoice連絡フォームをより適切に使用できます。 Uservoiceは2つのことを行います

  1. Uservoiceシステム内に新しいチケットを作成します。

  2. また、メールを送信します。

顧客サポートのためのエンドツーエンドのソリューションになります。ただし、一部のサービスを介してメールを送信する場合は、サポートのために顧客に連絡する必要があります。 Uservoiceは、カスタマーサポート専用に設計および構築されます。

Uservoiceウィジェットとして提供されるものではなく、独自のカスタムフォームを使用したいという質問があります。はい、できます

https://Gist.github.com/cypriss/2032215

1
Fizer Khan

ページは静的なHTMLでもかまいませんが、アクションはPHPまたは同様のファイルを指すことができます。

<form method="post" action="sendmail.php">
<textarea name="comments"></textarea>
<input type="submit" class="button" value="Send Feedback">
</form>
0
Andrew Bacon

もう1つの方法は、 Tectite などのサービスから無料のホストフォームを使用することです。フォームをサービスにプッシュしてから、結果をメールで送信します。

0
tatsuhirosatou

静的サイトにOctopressまたはJekyllを使用している場合。 jekyll-contactをチェックしてください： https://github.com/anchetaWern/jekyll-contact 送信に pooleapp を使用します連絡先フォームの内容を指定したメールに追加します。

0
Wern Ancheta