みなさんこんにちは!おさかなです!
今回は「formrun」について、書いていこうと思います!
それでは、レッツゴー!!!!!
・お問い合わせフォームを設置したい方
・なるべく依頼ではなく、自分で設置したい方
・コードの知識はないけど、フォームを設置したい方
コード書かないで、フォームを設置したい!
![おさかな](https://osakanav.com/wp-content/uploads/2019/08/osakana.jpg)
マウス操作だけで、フォームの設置できないかな…。
![ナビまる](https://osakanav.com/wp-content/uploads/2019/09/navmaru-2.jpg)
それなら「formrun」がおすすめ!
![おさかな](https://osakanav.com/wp-content/uploads/2019/08/osakana.jpg)
ついにフォームも走る時代かあ…。
![](https://osakanav.com/wp-content/uploads/2021/02/new-standard-top-160x90.jpg)
「formrun」って何?
「formrun」とは、誰でもかんたんに「お問い合わせフォーム」が設置できるサービスのことです。
コードの知識がなくてもOK!エンジニアやデザイナーに依頼しなくても、デザイン性の高いフォームを実現できます。(すごい!)
↓紹介動画はこちら
![](https://osakanav.com/wp-content/uploads/cocoon-resources/blog-card-cache/7d79e42f8cf0ae14b750d64e7270be4b.png)
![](https://osakanav.com/wp-content/uploads/2021/04/jimdo-top-160x90.jpg)
実際につかってみよう!
アカウントを作成しよう!
それでは早速サイトにアクセスします!
![](https://osakanav.com/wp-content/uploads/2021/12/formrun.png)
まず「formrunを無料でスタート」ボタンを押します!(ポチッと)
![](https://osakanav.com/wp-content/uploads/2021/12/formrun-btn.png)
まずは利用規約にチェックを入れて、メールアドレスを入力します。
![](https://osakanav.com/wp-content/uploads/2021/12/formrun-touroku.png)
続いて「チーム名」や「電話番号」などの情報を入力しましょう!(よいしょ!)
![](https://osakanav.com/wp-content/uploads/2021/12/formrun-name.png)
すると…?「新規フォーム作成」というページが開くので、どちらか選択します。(おー!)
![](https://osakanav.com/wp-content/uploads/2021/12/formrun-new.png)
今回は30秒でフォーム作成の方を試してみるので、「テンプレートから作成する」を押しました!
![](https://osakanav.com/wp-content/uploads/2021/12/formrun-30.png)
(あともう少し…🌸)
フォームを作成しよう!
こんな感じの「編集ページ」が開きました!(おお!)
![](https://osakanav.com/wp-content/uploads/2021/12/formrun-edit.png)
左のメニューから、用途別に「テンプレート」を選択していきましょう!(ふむふむ…。)
![](https://osakanav.com/wp-content/uploads/2021/12/formrun-temp.gif)
テンプレートが決まったら、右上の「このテンプレートを使う」ボタンを押します。
![](https://osakanav.com/wp-content/uploads/2021/12/formrun-template.png)
次にフォームの「項目」を決めていきましょう!(おー🚩)
![](https://osakanav.com/wp-content/uploads/2021/12/formrun-koumoku.png)
編集したい箇所をクリックして、それぞれ「デザイン」や「項目」に編集していきましょう!
![](https://osakanav.com/wp-content/uploads/2021/12/formrun-koumoku.gif)
不要な項目を削除する場合は、赤色の「ゴミ箱」マークを押せばOKです。(えーい!)
![](https://osakanav.com/wp-content/uploads/2021/12/formrun-delete.png)
「カバー画像」や「スタイル」なんかも自由に変えられます!(すごい)
![](https://osakanav.com/wp-content/uploads/2021/12/formrun-style.gif)
編集が完了したら、右上の「保存」ボタンを押しましょう!(えいやー!)
![](https://osakanav.com/wp-content/uploads/2021/12/formrun-save.png)
こんな感じのページが表示されればOKです!(おめでとう🌸)
![](https://osakanav.com/wp-content/uploads/2021/12/formrun-done.png)
「共有リンク」をコピーして、フォームのページを見ることができます!
![](https://osakanav.com/wp-content/uploads/2021/12/formrun-copy.png)
↓実際に作成したものがこちら
![](https://osakanav.com/wp-content/uploads/cocoon-resources/blog-card-cache/d95b38fe2c72dcc206595d3cb1519afd.jpg)
![おさかな](https://osakanav.com/wp-content/uploads/2019/08/osakana.jpg)
お問い合わせフォームをサクッと設置しよう!
これで全ての操作は完了です。(やった~!)
お疲れ様でした☕
ここまで読んでくださり、ありがとうございました!
![](https://osakanav.com/wp-content/uploads/2021/04/udemy-top-160x90.jpg)