HomeNotionWraptasツールガジェットContact
HomeNotionWraptasツールガジェットContact

Notionブログにお問い合わせフォームやアンケートを導入する｜Noway Formを活用した完全ガイド

ページ内のリンクにはアフィリエイト広告（Amazonアソシエイト含む）が含まれており、クリックして購入すると著者の収益となります。もしそれがイヤな場合にはリンクを踏まずに購入されることをおすすめします。
 
この記事はこんな人におすすめ
  • Notionブログにお問い合わせフォームを設置したい
  • Noway Formを導入したい
  • Googleフォームは使わないお問い合わせフォームを知りたい
お問い合わせフォームやアンケートを作るときには、Googleフォームを使う人は少なくはないでしょう。
Googleフォームは、誰でも簡単に使える素敵なサービスです！
でもNotionを使っている人であれば、お問い合わせの内容やアンケートの回答を、Notionのデータベースにまとめておきたいですよね？
この記事では、“お問い合わせフォームやアンケートを作成するサービス“Noway Form”の使い方”と“Notionブログへの導入する方法”を紹介します。
 
本サイトでは、初心者のかたにも迷わずに進められるように、画像などを使って説明していきます。
Notionユーザーでお問い合わせフォームやアンケートを作成したい人は、ぜひこの記事を見ながらチャレンジしてみてくださいね。
 
Notionブログを始めたい方は、以下のページを参考にしてみてください。
 
この記事は、2023年5月25日時点でのバージョンに対応してます。
 

Noway Formとは？

Noway Formとは、お問い合わせフォームとアンケートを作成できるサービスです。お問い合わせフォームとアンケートは、Notionのデータベースとの連携ができます。
 
現在はβテスト中ですが、正式リリース後も無料プランを予定しているそうですよ！
 
お問い合わせフォームやアンケートのカスタマイズは、NotionとNoway Formのサイト上でできます。
 
Noway Formを使うメリットは、Notionを普段使いしている方は管理がしやすい点です。一度でもお問い合わせフォームやアンケートを作ってしまえば、送信された内容はNotionのデータベース上に保存されます。
 
Noway Formは、定期的にアップデートされています。日本製のサービスなので目が離せません！

Noway Formを活用したお問い合わせフォームやアンケートをNotionブログに導入方法

Noway Formは、以下の3ステップで導入できます。
  1. Notionで、お問い合わせ内容などを保存しておくデータベースを準備する
  1. Noway Formでお問い合わせやアンケートのフォームを設定する
  1. Notionブログにフォームを埋め込む

Notionにデータベースを準備する

今回作成するデータベースのテンプレートを公開！

以下のリンクから、作成するデータベースを見ることができます。
データベースの複製もできますので、ぜひ活用してみてください。
https://atorinote.notion.site/0d327664933347c8b7be9658b9666596?v=aca1f96808654c19bc83dc0108399792
テンプレートをそのまま使用する方は、以下の“データベースを作成する手順を紹介”は飛ばしてください。

データベースを作成する手順を紹介

データベースは、Notionの好きな場所に用意してください。
“データベース：インライン”“データベース：フルページ”のどちらでもOKです。
作成するデータベースのタイトルは、お好きなものをつけてください。
後ほどタイトルを使います。 なので、きちんと覚えておくか、メモを取っておきましょう。
データベースのプロパティは、ご自身で設定したい項目を用意しましょう。
データベースは、後から修正、追加することができます。
今回設定した項目とプロパティ内容
  • 氏名
  • メールアドレス
  • お問い合わせ内容
  • 作成日時
  • カテゴリ
  • 対応内容
  • 対応完了日
 
これでデータベースの準備は完了です。

Noway Formのお問い合わせやアンケートのフォームを設定する

つづいて、Noway Formを設定していきます。
 

Noway Formのフォームを作成する

  1. または をクリックする
      2.  
  1. ボタンをクリックしてGoogleにサインインする
      2.  
  1. をクリックする
      2.  
  1. 組織名を入力し、をクリックする
      2. 組織名は、お問い合わせ・アンケートフォームには表示されません。
       
  1. をクリックする
      2.  
  1. をクリックする
      2.  
  1. 作成したデータベースを選択し、をクリックする
      2.  
       
  1. をクリックする
      2.  
  1. フォーム名を入力し、をクリックする
      2.  
これでフォームの作成は完了です！
 

Noway Formのフォームを編集する

  1. をクリックする
      2. 以下のフォーム編集画面が表示されます。
       
  1. フォーム名と説明文を入力する
      2.  
  1. 入力フォームの順番を入れ替える
      2. 変更前
      変更後
       
  1. 入力フォームの一部を非表示に変更する
      2. “対応内容”“対応完了日”は、内部情報として記録を残しておきたいので非表示にしています。
      各入力フォームの設定は以下の通りです。
       
      変更前
       
      変更後
       
  1. captchaを有効にする
      2. 変更前
       
      変更後
       
  1. 送信ボタンのアクションを設定する
      2. 変更前
       
      変更後
       
      フォーム送信後のページは、フォーム上部にあるをクリックすると確認できます。
      変更前
       
      変更後
      フォーム送信ボタンをクリック後、特定のページに飛ばすこともできます！
       
  1. 連続回答を有効・無効を設定する
      2. ここは、お好みで有効・無効を設定してください！
      連続回答の無効
       
      連続回答の有効
       
  1. 保存するをクリックし、設定を保存する
基本的なフォームの設定は完了です。 以降は、デザインの変更方法になります。

Noway Formのフォームデザインを調整する

  1. タブをクリックする
      2.  
  1. テーマを3種類から選択する
      2. デザインの違いは、以下の通りです。
      Default
       
      Formal
       
      Filled
       
  1. 任意のアイコンを設定する
      2.  
  1. 任意のカバー画像を設定する
      2.  
  1. 送信ボタンの色やテキストを変更する
      2. 変更前
       
      変更前
       
      変更後
       
      変更後
       
  1. ここまでの設定を保存する

Noway Formのフォーム作成者・フォーム回答者へのメール通知を設定する

  1. タブをクリックする
      2.  
  1. フォーム作成者へのメール通知を設定する
      2. フォーム作成者へのメール通知を受け取らない場合
       
      フォーム作成者へのメール通知を受け取る場合
       
  1. フォーム回答者へのメール通知を設定する
      2. 回答者にメールを送信しない場合
       
      回答者にメールを送信する場合
       
  1. ここまでの設定を保存する
 
 

Noway Formのフォーム確認・テストを行う

  1. Noway Formの上部にあるをクリックする
      2.  
  1. お試しでフォームを入力し、送信する
  1. Notionのデータベースにフォームの内容が届いているか確認する
 
データベースにフォームの内容が届いていればOKです！ これでフォームの設定は完了です。

NotionブログにNoway Formのフォームを埋め込む

  1. Notionブログにお問い合わせ用のページを作って、共有設定をする
      2.  
  1. Wraptasの「コードブロックを使ったHTML挿入機能をONにする」をONに設定する
      2. → → → ※（サイト名）はご自身のサイトを選んでください。
       
  1. Noway Formの上部にあるをクリックする
      2.  
  1. をクリックする
      2.  
  1. Notionブログにお問い合わせ用のページにコードのブロックを設置する
      2.  
  1. コード言語をHTMLに変更する
      2.  
  1. コード内にコピーした埋め込み（iframe）を貼り付ける
      2.  
  1. Notionブログサイトで表示されているのか確認をする
で確認した画面が表示されていればOKです！
 
 

Notionのデータベースを更新した場合の対処法

フォームの作成後にデータベースを更新した場合には、以下のステップでデータベースの内容を反映してください。
 
  1. Noway Formサイト内の → をクリックする
      2.  
  1. をクリックする
      2.  
  1. ページの右下にあるをクリックする

Notionの新しいデータベースを追加したい場合の対処法

フォームの作成後にNotionの新いデータベースを追加したい場合には、以下のステップでデータベースの内容を反映してください。
 
  1. 右上の → をクリックする
      2.  
  1. 設定した権限名をクリックする
      2.  
  1. 権限の見直しをクリックする
      2.  
  1. をクリックする
      2.  
  1. 作成した“お問い合わせ”のデータベースを選択し、をクリックする
      2.  
  1. をクリック

まとめ

今回は、“お問い合わせフォームやアンケートを作成するサービス“Noway Form”の使い方”と“Notionブログへの導入する方法”を紹介しました。
“Noway Form”は、Googleフォームに変わるサービスです。
お問い合わせ内容やアンケート結果は、Notionに集約されます。そのため、Notionユーザーにとって管理がしやすくなること間違いなしです！
ぜひ導入してみてくださいね〜。
 
Xでポスト
▲