1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Getform.ioの使い方をまとめてみた

Last updated at Posted at 2022-04-01

Getformとは

公式サイト:Getform

「Getform」は、WebサイトやWebアプリに簡単にフォーム送信を実装できるサービス。
サーバーの設定とか難しいバックエンドの作成も不要。
本番環境にデプロイする必要もなく、localhost環境で動作を確認できる。

① Getformのアカウントを作る

リンクをクリックすると、下記のページが開き、
「Generate endpoint for free」をクリックする。

image.png

②以下の3つを入力する

『名前』『メールアドレス』『パスワード』

image.png

入力したら「Sign up」をクリックする。

③「Verify email」をクリックする

image.png

エンドポイントを作る

① アカウントを作ったら、今度はエンドポイントを作成する

※ Getformの無料プランでは、作れるエンドポイントは1つのみ。

image.png

② 下記の画面で、「+ Create...」をクリックする

以下の2つを決める。
『エンドポイントの名前』『タイムゾーン』

image.png

③ 入力したら「Create」をクリックする

image.png

お問い合わせを送信してみる

サイトは実際のネット環境に公開する必要はなく、
テスト環境(localhost環境)で動作確認できる。

image.png

『お名前』『メールアドレス』『お問い合わせ内容』

上記を入力して「送信する」をクリックする。すると、Getformのページが表示されて「Thank You!」というメッセージが出る。「Back to Previous Page」をクリックすれば、元のお問い合わせページに戻る。

image.png

参考サイト

【フォーム送信を実装】Getform.ioの使い方を解説【HTMLのみでOK】

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?