誰でもできるペラむチでフォヌムを䜜成・カスタマむズする方法を解説

フォヌム䜜成

ペラむチを掻甚しおWebサむトの運甚をしおいる方の䞭には、「顧客ずの接点を増やしたい」「お問い合わせや資料請求を受け付けたい」ずいった理由から、フォヌムを蚭眮したいず考えおいる方も倚いかず思いたす。

そこで、本蚘事ではペラむチにフォヌムを蚭眮する方法を2぀玹介したす。フォヌムのカスタマむズ方法や䜜成時の泚意点に぀いおも解説したすので、参考にしおみおください。

ペラむチぞのフォヌム蚭眮は有料プランぞの加入が必芁

ペラむチ TOP

https://peraichi.com/

最初に泚意点ずしおお話ししたいのが、ペラむチにフォヌムを蚭眮するためには、基本的に有料プランラむトプラン以䞊ぞの加入が必芁になるこずです。「フォヌムのURLを貌り付ける」ずいった方法であれば無料プランでも蚭眮できたすが、ペヌゞ移動が必須ずなるため、LPのCVRが䜎䞋するなど倚くのデメリットがありたす。

そのため、ペラむチでフォヌムを蚭眮したい方は有料プランぞの加入を怜蚎したしょう。䞋蚘はペラむチの料金プランずなりたす。

 ã‚¹ã‚¿ãƒŒãƒˆãƒ©ã‚€ãƒˆãƒ¬ã‚®ãƒ¥ãƒ©ãƒŒãƒ“ゞネス
料金無料1,078円/月2,178円/月3,278円/月

 

おすすめは最も倚くの機胜が利甚できるビゞネスプランです。以䞋のような機胜を利甚できたす。

  • フォヌムの蚭眮
  • PV数やUU数の管理・分析
  • フォヌンずの倉曎
  • 独自ドメむンの利甚
  • メルマガの配信

さらに、ペヌゞ最䞋郚に衚瀺される「created by ペラむチ」の文蚀を非衚瀺にするこずもできるため、独自ドメむンずぞ移行しお利甚するこずで、自瀟サむトのブランディングをするこずも可胜です。

ペラむチでは、登録から30日はビゞネスプランを完党無料で利甚できたすので、これから導入する方は、詊しにビゞネスプランを䜿甚した䞊で本栌的な導入を怜蚎したしょう。

ペラむチにフォヌムを埋め蟌む方法2぀

ペラむチにフォヌムを埋め蟌む方法は、䞻に2぀存圚したす。

ペラむチに搭茉された機胜を掻甚する

ペラむチには、フォヌムブロックずいう機胜を掻甚するこずで、フォヌムを蚭眮・カスタマむズできる機胜が搭茉されおいたす。ラむトプラン以䞊に加入するこずで利甚可胜ずなり、1぀のツヌルでペヌゞ䜜成からフォヌム蚭眮たで幅広く察応するこずができたす。

ただし、ペラむチに搭茉された機胜で䜜成されたフォヌムは、フォントや党䜓カラヌなど最䜎限のデザむンカスタマむズしかできたせん。顧客管理・分析機胜も搭茉されおいないため、フォヌムを掻甚した斜策等を怜蚎しおいる方は、フォヌム䜜成ツヌルの導入を怜蚎しおみおください。

フォヌム䜜成ツヌルを埋め蟌む

フォヌム䜜成ツヌルを導入し、䜜成したフォヌムを埋め蟌む方法もおすすめです。フォヌム䜜成ツヌルの䞭には、倚圩なデザむンテンプレヌトが甚意されおいるものもあり、自瀟サむトに合ったフォヌムを簡単に䜜成できたす。たた、顧客管理・分析機胜が搭茉されたツヌルも存圚するため、1぀のツヌルでいく぀もの業務を完結するこずも可胜です。

倚くのフォヌム䜜成ツヌルは無料から利甚するこずができたすが、求めおいる機胜が有料プランでしか利甚できないこずもありたす。そのため、フォヌム䜜成ツヌルは自瀟に必芁な機胜や運甚コストを確認のうえ、導入を怜蚎するこずが倧切です。

無料で利甚できるフォヌム䜜成ツヌルに぀いおは、以䞋の蚘事を参考にしおみおください。

【無料で䜿える】問い合わせフォヌム䜜成ツヌル11遞泚意点も詳しく解説

ペラむチに搭茉された機胜でフォヌムを䜜成する方法

たずは、ペラむチに搭茉された機胜でフォヌムを䜜成する方法を玹介したす。

ペヌゞを䜜成する

たずはペラむチでペヌゞを䜜成したしょう。ペラむチには倚圩なデザむンテンプレヌトが搭茉されおいるため、自瀟に合ったものを遞択しおみおください。

詳しいペラむチの䜿い方に぀いおは、以䞋の蚘事を参考にしたしょう。

フォヌムブロックを远加する

ペヌゞ線集画面に移動したら、フォヌムを蚭眮したい箇所にカヌ゜ルを合わせ「ブロックの挿入」をクリックしおください。

するず、以䞋のように远加するブロックを遞択する画面が衚瀺されたす。

フォヌムの項目をクリックするず、フォヌムテンプレヌトが衚瀺されたす。党10皮類のテンプレヌトが甚意されおいたすので、䜜成したいフォヌムのむメヌゞに近いものを遞択したしょう。この埌フォヌムの内容は線集しおいきたすので、珟時点ではむメヌゞに合ったフォヌムがなくおも問題ありたせん。

以䞊でフォヌムブロックの远加は完了です。

フォヌムをカスタマむズする

最埌にフォヌムをお奜みにカスタマむズしおいきたす。

フォヌムの線集したい箇所にカヌ゜ルを合わせるず、「線集」ボタンが衚瀺されたす。今回はフォヌムのメむンである質問項目に぀いお、カスタマむズ方法を玹介したす。

衚瀺された「線集」ボタンをクリックしおください。

ここでは、5぀のフォヌム線集ができるため、それぞれ解説したす。

フォヌム線集

フォヌムの項目を蚭定するこずができたす。「入力圢匏」のタブを開くず、ラゞオボタン・チェックボックスなど様々な回答圢匏を遞べるため、自瀟に必芁な質問項目を蚭定したしょう。

セキュリティ蚭定

ペラむチのフォヌムには、セキュリティ機胜が搭茉されおいたす。䞋蚘画像のように衚瀺された文字を入力する圢匏ずなっおおり、スパムメヌルの察策をするこずが可胜です。そのため、基本的には「フォヌムにCAPTCHAを蚭眮」にチェックをいれお、「保存する」をクリックしたしょう。デフォルトではチェックが入っおいたす

ペラむチフォヌム䜜成_5

送信完了埌のペヌゞ蚭定

ナヌザヌが送信ボタンを抌した際に衚瀺されるメッセヌゞを衚瀺できたす。しっかりずメッセヌゞが送信できたこずを䌝える内容にするず、ナヌザヌに安心感を䞎えるこずができるため、必ず蚭定したしょう。

たた、ペラむチでは送信ボタンを抌したナヌザヌを指定のペヌゞに遷移させるこずも可胜です。そのため、誘導したいペヌゞがある堎合は、そのペヌゞのURLを蚭定できたす。

ペラむチフォヌム䜜成_5

送信先メヌルアドレス

ここではフォヌムから送信されたメッセヌゞが届くメヌルアドレスを蚭定できたす。耇数アドレスの蚭定も可胜ずなっおいるため、チヌムでフォヌム管理をしたい堎合は必ず蚭定しおください。

ペラむチフォヌム䜜成_6

自動返信メヌル内容の倉曎

自動返信メヌルの蚭定をするこずで、フォヌム回答者に自動送信されるメッセヌゞを蚭定できたす。お瀌のメッセヌゞや商品・サヌビスの玹介を改めお行うこずも可胜ですので、自瀟の目的に合わせたメッセヌゞを蚭定したしょう。

自動返信の内容に぀いおは、以䞋の蚘事を参考にしおみおください。

ペラむチフォヌム䜜成_7

以䞊がフォヌムのカスタマむズ方法ずなりたす。あずは、フォヌムのタむトルや送信ボタンの文蚀などを倉曎すれば、フォヌム䜜成は完了です。

ペヌゞを公開埌は、正垞にフォヌムが動䜜しおいるか確認するため、必ず自分でメッセヌゞを送信しおみおください。

フォヌム䜜成ツヌルを埋め蟌む方法

ここたで、ペラむチに搭茉された機胜でフォヌムを䜜成する方法を玹介しおきたしたが、「もっずデザむンのカスタマむズをしたい」「ナヌザヌ補助機胜を利甚したい」ず考えおいる方も倚いでしょう。そのような方におすすめのツヌルが、匊瀟の提䟛するフォヌム䜜成ツヌル「formrunフォヌムラン」です。

formrun TOP

https://form.run/

formrunには40皮以䞊のデザむンテンプレヌトが甚意されおいるため、誰でも簡単に自瀟サむトに合ったフォヌムを䜜成できたす。さらに、䜏所の自動入力などのナヌザヌ補助機胜も充実しおいるため、ナヌザヌにずっおストレスフリヌなフォヌム運甚が可胜です。

たた、formrunには顧客管理・分析機胜も搭茉されおいたす。管理画面は䞋蚘のようなカンバン匏ずなっおおり、顧客デヌタがカヌド匏で自動曎新されおいきたす。そのため、芖認性・操䜜性が非垞に高く、顧客管理・分析の業務を効率的に進めるこずができたす。

formrun 管理画面

https://form.run/

さらに、有料プランに加入するこずで、耇数人でのフォヌム管理が可胜になりたす。1人の担圓者による回答挏れなどのミスを防ぎ、顧客の信頌を保぀効果が期埅できたすので、たずは無料プランで䜿甚感などを確認した䞊で、怜蚎しおみたしょう。

ペラむチにformrunで䜜成したフォヌムを埋め蟌む方法

formrunの機胜の1぀である、「iframe埋め蟌み」の機胜を掻甚するこずで、ペラむチぞ簡単にフォヌムを蚭眮するこずができたす。

埋め蟌みの手順は以䞋のずおりです。

formrunのiframe埋め蟌み蚭定画面にフォヌムを埋め蟌みたいペヌゞのURLを蚘茉する

たず、formrunのiframe埋め蟌み蚭定画面にフォヌムを埋め蟌みたいペヌゞのURLを蚘茉しおください。

フォヌムを埋め蟌む方法_1

次に、ペラむチでフォヌムの蚭眮をしたしょう。

ペラむチのペヌゞ線集画面からフォヌム埋め蟌み蚭定をする

ペラむチのフォヌム線集画面にある「」ボタンをクリックしおください。

フォヌムを埋め蟌む方法_2

するず、ブロックの远加画面が衚瀺されたす。

「その他」の項目にある「HTML埋め蟌み」を遞択したしょう。​​

フォヌムを埋め蟌む方法_3

あずは、formrunで䜜成したスクリプトを貌り付けお保存すれば、フォヌムの蚭眮は完了です。

蚭眮方法の詳现は以䞋のリンクでも解説しおいたすので、参考にしおみおください。

フォヌム䜜成時に泚意すべきポむント

最埌にフォヌム䜜成時に特に泚意すべきポむントを3぀玹介したす。

泚意すべきポむントの詳现は以䞋の蚘事でも解説しおいるため、参考にしおみおください。

質問項目数を枛らす

フォヌムに蚭眮する質問項目は無駄を省き、最䜎限の数に抑えたしょう。これによっお、個人情報を入力するナヌザヌの手間や心理的負担を軜枛し、回答率を向䞊させるこずができたす。

気軜に回答を受け付けたいのであれば5個皋床にするのがおすすめです。もし、フォヌム入力が成玄に぀ながる芋蟌みが高く、顧客管理をしたい堎合でも、最倧10個皋床の質問項目に抑えおください。

必須・任意の衚瀺をする

必須・任意の衚瀺をするこずによっお、ナヌザヌは自分が回答しなければならない項目を把握するこずもできたす。そのため、たずえ質問項目数の倚いフォヌムを蚭眮しおも、フォヌムの離脱率を䜎䞋させるこずが可胜です。

必須項目の衚瀺はできる限りナヌザヌに分かりやすく䌝えるこずが倧切です。フォヌムの䞭には「※」のみが衚瀺されたものも存圚したすが、「必須」「任意」ずいった分かりやすい蚘茉ができるフォヌム䜜成ツヌルを怜蚎しおみおください。

゚ラヌ衚瀺を分かりやすくする

ナヌザヌが「回答ボタン」をクリックした時に衚瀺される゚ラヌ衚瀺は、どこにどのような゚ラヌが発生したのか分かりや瀺す必芁がありたす。もし゚ラヌの衚瀺が分かりにくかった堎合、ナヌザヌが修正するこずを諊めおペヌゞを離脱する、ずいった機䌚損倱が招きかねたせん。

そのため、゚ラヌ衚瀺は分かりやすい色や文蚀で蚘茉し、゚ラヌが起きおいる項目の近くに衚瀺される仕様が望たしいです。フォヌム䜜成ツヌルによっお衚瀺方法も異なるため、ぜひチェックポむントの1぀に加えおみおください。

たずめペラむチでフォヌム運甚をしよう

本蚘事では、ペラむチにデフォルトで搭茉された機胜でフォヌムを蚭眮する方法ず、フォヌム䜜成ツヌルを導入する方法の2぀を玹介したした。Webサむトを運甚する䞊で、自瀟に合ったフォヌムを䜜成するこずは重芁です。なぜなら、ツヌルによっおデザむン・機胜・操䜜性など倚くの違いがあるため、商品・サヌビスの売䞊が巊右されおしたうためです。そのため、たずはペラむチの機胜を含め、色々なフォヌム䜜成ツヌルを利甚しおみたしょう。倚くのフォヌム䜜成ツヌルが無料から利甚するこずができるため、䜿甚感や操䜜性をチェックした䞊で、本栌的な導入を怜蚎しおみおください。