M E N U
C A T E G O R Y
Notionテンプレート配布中!!

Notionユーザー必見!フォームビルダーならTally

当ページのリンクには広告が含まれています。
notionユーザー必見!フォームビルダーならtally
  • URLをコピーしました!
メルマガ購読フォーム

NotionやNotionテンプレートに関するメルマガです。Gumroadを経由して配信されます!

公式LINE友だち追加はこちらから
公式line友だち追加ボタン
ひかり

こんにちは!ひかり(@ichi_tenn)です♪

Notionを使い始めると、ページをWeb公開する場面が出てくることも多いです。

お問い合わせフォームをNotionのページに設置できたら便利ですよね。

そんな時におすすめなのが【Tally】という海外製のフォームビルダーです。

Notionユーザー、WordPressユーザーに特におすすめです。

Tallyの使い方やおすすめポイントなどについて今回は紹介していきます。

目次

この記事を書いた人

Hikari Igusa

東京で生まれ東京で育つ。
1994年生まれ、2021年9月〜Notion愛用。
2021年11月よりブロガー活動を始める。

趣味はNotion、ペット(犬猫)と遊ぶこと、インテリアゲーム、文章を書くこと。

フォームビルダーのTallyとは?

notionユーザー必見!フォームビルダーならtally

Tallyは、お問い合わせフォームやアンケートフォーム、メルマガ購読フォームなどのさまざまなフォームを無料で作成することができるフォームビルダーです。

海外製のフォームビルダーのため、サイト内は英語表記ですが、操作性がNotionに似ていて感覚的に操作できるので個人的にイチオシのフォームビルダー。

今回はTallyの使い方やおすすめポイントを解説します。

NotionユーザーにTallyがおすすめの理由

notionユーザー必見!フォームビルダーならtally

フォームビルダーのTallyですが、Notionユーザーに特におすすめです。

おすすめポイントは以下の通り。

  1. Notionのページに簡単に埋め込みができる
  2. 送信された内容を自動でNotionデータベースに保存できる
  3. Tallyから送信された内容がNotionに保存されたらSlackに通知するという設定も可能
  4. 無料で十分に使える
  5. 操作性がNotionと似ている

それでは次の章で使い方を見ていきましょう。

\最大8%ポイントアップ!/
Amazon
\楽天ポイント4倍セール!/
楽天市場
\最大8%ポイントアップ!/
Amazon
\楽天ポイント4倍セール!/
楽天市場

フォームビルダーTallyの使い方!お問い合わせフォームの作成手順

notionユーザー必見!フォームビルダーならtally

まずは公式サイトのトップページから新規登録を済ませてください。

今回はお問い合わせフォームの作り方を解説したいと思います。

自分のワークスペースの右上【New form】をクリック

ホーム画面の右上に【New form】という青色のボタンがあるのでクリックします。

空白のページを作成

notionユーザー必見!フォームビルダーならtally

真ん中の上段の文字列をクリックするか、Enterキーを押します。

これで空白のページができます。

タイトルを入力

notionユーザー必見!フォームビルダーならtally

タイトルを入力します。

ラベル(Label)を選択し「名前」と入力

notionユーザー必見!フォームビルダーならtally
notionユーザー必見!フォームビルダーならtally

+マークからブロックを選びます。

まずは「Label」を選択しましょう。

選択したら「お名前」と入力します。

notionユーザー必見!フォームビルダーならtally

ショートアンサー(Short answer)を選択する

notionユーザー必見!フォームビルダーならtally

お名前を入力するためのフォームを「Short answer」で挿入します。

ラベルを選択し「メールアドレス」と入力

こちらは先程とおなじ「Label」を選択し「メールアドレス」と入力。

メール(Mail)を選択

notionユーザー必見!フォームビルダーならtally

メールアドレス専用のフォームを挿入します。

ラベルを選択し「種別」と入力

先程と同じく「Label」で「種別」と入力。(ジャンルなどお好みで構いません。)

チェックボックス(CheckBox)を選択

notionユーザー必見!フォームビルダーならtally

CheckBoxを選択します。

選択肢(option)を入力

notionユーザー必見!フォームビルダーならtally

チェックボックスの内容(option)を入力します。

ラベルを選択し「お問い合わせ内容」と入力

同じく「Label」を選択し「お問い合わせ内容」と入力。

ロングアンサー(Long answer)を選択

notionユーザー必見!フォームビルダーならtally

お問い合わせ内容は長文になる可能性があるので「Long answer」を選択します。

Submitボタンをテキストを「送信」に変更

notionユーザー必見!フォームビルダーならtally

Submitと書かれている左側に歯車アイコンがあるので、そちらをクリックし「送信」に変えます。

Thank you pageを挿入

notionユーザー必見!フォームビルダーならtally

続いてフォーム送信後に表示されるページを作ります。

Thank you pageを選択します。

notionユーザー必見!フォームビルダーならtally

このように、「Page2」の下に送信後に表示させたい文面やURLなどを入力します。

お好みでデザインを変更

notionユーザー必見!フォームビルダーならtally
notionユーザー必見!フォームビルダーならtally

Designというボタンをクリックすると右側にカスタマイズできるフォームが出てきます。

お好きな色やフォントにカスタマイズして楽しむこともできますよ♪

Publishをクリックして保存&公開

最後に忘れずにPublishをクリックして保存してください。

NotionにTallyで作成したフォームを埋め込む方法

notionユーザー必見!フォームビルダーならtally

Notionのページを公開してホームページやブログのように使うなどという場合はNotionにTallyで作成したフォームを埋め込むのが便利です。

埋め込み方は至って簡単。

TallyのShareタブからURLをコピーして、Notionのページに貼り付けます。

すると、選択肢が出てくるので埋め込むをクリックすればそのままフォームが表示されるようになっています。

サイズを変更して最大にするのがポイント!

※埋込みサイズが小さいとスクロールしなくてはいけなくなるので

これで、NotionへのTallyフォーム埋め込みは完了です!

TallyはWordPressユーザーにもおすすめ

notionユーザー必見!フォームビルダーならtally

実はこのTallyというサービス、WordPressユーザーにもおすすめなんです。

WordPressでブログを開設すると、お問い合わせフォームを設置する必要が出てきますが、プラグインを使うとサイトが重くなってしまいます。

そんな時にTallyで作ったお問い合わせフォームをカスタムHTMLでお問い合わせの固定ページに挿入すれば、プラグインが1個減らせるというわけです。

Tallyをお問い合わせフォームにすることでサイトスピードが上がりました!

実際に、Tallyを使ってお問い合わせフォームを作ることで私のサイトの表示スピードは上がりました。

TallyをWordPressのお問い合わせフォームにする方法

Tallyで作成したフォームをWordPressのお問い合わせフォームにする方法もシンプルです。

  1. 固定ページを新規追加
  2. タイトルを「お問い合わせ」などにする
  3. パーマリンクを「contact」などにする
  4. 本文にカスタムHTMLブロックを挿入
  5. TallyのShareタブからstandardを選択
  6. コードをコピーする
  7. カスタムHTMLのブロック内にペーストする
  8. 公開

これで完成です。

これだけでプラグインを1個減らせてサイトスピードが上がるなら試してみる価値はあります。

NotionユーザーならTallyを最大限に活用できます

notionユーザー必見!フォームビルダーならtally

また、Notionユーザーであれば、Tallyで作成したフォームに送信された内容をNotionのデータベースで管理するように設定することができます。

(設定方法は別の記事で!)

Notionユーザーであり、WordPressユーザーであるならTallyはかなり活躍してくれます!

まとめ

今回は、NotionユーザーにおすすめのフォームビルダーTallyについて解説しました。

この機会にTallyを使い始めてみてはいかがでしょうか?

また次回の記事でお会いしましょう!

Tally登録はこちら

\ 投げ銭の応援うれしいです /

C O M M E N T

コメントする

よかったらシェアしてください♪
  • URLをコピーしました!
  • URLをコピーしました!
目次