WEBVTT

00:00:00.690 --> 00:00:09.050
はい、今回のこの動画では、無料でお問い合わせフォームを作成できるサービス、Tayoriについてご紹介していきたいと思います。

00:00:09.050 --> 00:00:17.370
こちらのTayoriを使うことで、HTMLやCSSの専門知識が必要なくフォームを作成することができます。

00:00:17.370 --> 00:00:26.850
また無料なので、制作コストも必要ありません。 実際にTayoriで作成したフォームを、こちらのブログに設置してみました。

00:00:26.850 --> 00:00:33.170
このように設置しますと、アイコンが表示されます。 こちらをクリックしていただくと、

00:00:33.170 --> 00:00:47.740
このようにTayoriで作成したフォームが表示されます。 実際に流れを見ていきたいので、入力いたします。

00:00:47.740 --> 00:00:58.740
これで内容を送信をしていただくと、お問い合わせをすることができます。 送信が完了しましたという文が出てきますので、この後ちょっと

00:00:58.780 --> 00:01:05.220
送信内容をまた確認したいので、 この受付番号をコピーしていただいて、

00:01:05.220 --> 00:01:12.780
この確認画面、ログインをクリックしてください。 受付番号をコピーしていただいて、

00:01:12.780 --> 00:01:22.180
この後ログインを押してください。 これでお問い合わせした内容を再度確認することもできます。

00:01:22.220 --> 00:01:28.340
追加でお問い合わせもこのようにすることができて、 ファイルなども添付することができます。

00:01:28.340 --> 00:01:36.420
そちらの場合はこの最大サイズが5MBです。 こちらを

00:01:36.420 --> 00:01:44.060
追加でお問い合わせしたい場合は送信を押してください。 受信側はどうなっているかと言いますと、

00:01:44.060 --> 00:01:49.820
このように管理画面の方から確認することができます。

00:01:50.100 --> 00:01:56.460
このようにホーム受信幕ということでこちらから確認ができ、 クリックしていただきますと、

00:01:56.460 --> 00:02:04.460
このようにお問い合わせ内容を確認することができます。 お客様への総返信もこちらから

00:02:04.460 --> 00:02:11.010
することができます。 ホームの作成自体も

00:02:11.010 --> 00:02:19.690
この管理画面から行えますので、 次回この画面で確認してみたいと思います。

00:02:19.690 --> 00:02:29.740
今回のこの動画は以上となります。 今回のこの動画では、お問い合わせフォームを作成できるサービス、

00:02:29.740 --> 00:02:38.300
頼りのアカウント作成についてご紹介します。 まずこのように頼りと検索していただいて、検索結果から一番上に来るこちらを

00:02:38.300 --> 00:02:45.640
クリックしてください。 このように頼りの

00:02:45.640 --> 00:02:54.320
ホームページに行きますので、この無料で試してみるをクリックしてください。 そうしますとこの新規登録画面ということでこちらを

00:02:54.680 --> 00:03:03.080
入力していってください。まずお名前とメールアドレスとパスワードです。 利用規約にチェックを入れていただいて、

00:03:03.080 --> 00:03:09.520
頼りに登録するを押してください。 これでアカウントの作成が完了します。

00:03:09.520 --> 00:03:21.500
今回のこの動画は以上となります。 今回のこの動画では、頼りの管理画面の見方についてご紹介します。

00:03:21.500 --> 00:03:29.100
こちらの管理画面に行くには一度ログインしていただくと、こちらの管理画面が表示されます。

00:03:29.100 --> 00:03:38.860
こちらのサイドバーからよく使うものを中心に解説いたします。 まずこのホーム受信箱ですね。こちらをクリックしていただきますと、

00:03:38.860 --> 00:03:50.780
このような画面が表示されます。こちらを一度クリックしていただくと、 お名前、メールアドレス、お問い合わせ内容などを確認することができます。

00:03:50.780 --> 00:03:57.820
こちらでお客様へ返信していただくこともできます。

00:03:57.820 --> 00:04:07.940
またメモ、コメントなども残すことができます。 こちらが返信した内容で、こちらがコメントの内容ですね。

00:04:07.940 --> 00:04:24.000
なのでこちらからホームの作成から返信まで一元化することができます。 ホームの管理がこちらで実際にホームを作成することができます。

00:04:24.000 --> 00:04:35.600
無料の場合は一つしかホームを作成することができません。 続いてFAQということで、よくある質問などをこちらで作成することができます。

00:04:35.600 --> 00:04:46.860
作成するにはこちらをクリックしてください。 あとチャット管理、チャットルームとあるのですが、こちらは説明を省略させていただきます。

00:04:46.860 --> 00:04:55.220
アンケート管理ですね。こちらもアンケートなどを作成することができます。

00:04:55.220 --> 00:05:02.740
あとメンバー管理ですね。こちらでメンバーを追加することができるのですが、無料の場合は追加することができません。

00:05:02.740 --> 00:05:16.030
テンプレートですね。こちらはよく使う返信テンプレートなどをこちらで作成することができます。

00:05:16.030 --> 00:05:25.070
この機能自体も特にそこまで多くないので、初心者でも簡単に使いこなすことができるかと思います。

00:05:25.590 --> 00:05:39.700
管理画面の見方については以上となります。 今回のこの動画では頼りを使って実際にホームを作成していきたいと思います。

00:05:39.700 --> 00:05:45.940
まず、頼りにログインして頂いて管理画面に進んでください。

00:05:45.940 --> 00:05:59.530
こちらの管理画面の方からホーム管理をクリックしてください。 続いて新規ホーム作成、こちらをクリックしてください。

00:05:59.570 --> 00:06:10.070
こちらからホームを作成していきます。 まずこのホーム名を入力してください。

00:06:10.070 --> 00:06:18.390
続いてホームタイプということでこのようにテンプレートが用意されていますので、ご自身の用途に合ったものを選んでください。

00:06:18.390 --> 00:06:31.590
今回はこの音合わせ用テンプレートで解説していきます。 続いて変更保存をクリック。

00:06:31.630 --> 00:06:41.010
こちらから編集をしていくことができます。 まずこの編集から

00:06:41.010 --> 00:06:52.270
ホームの内容、説明ですね。説明などがありましたらこちらに入力をお願いします。

00:06:52.270 --> 00:06:59.670
特にない場合は空白で結構です。 続いてホームの内容をこちらから

00:06:59.670 --> 00:07:09.330
編集することができます。お名前、メールアドレス、お問い合わせ内容などになっていますので、こちらを

00:07:09.330 --> 00:07:16.690
文言などを変えたいなという場合はこの鉛筆マークをクリックしてください。 こちらから

00:07:16.690 --> 00:07:27.810
文言を編集することができます。 こちらのお名前の内容を必ず入力してほしい場合はこの必須チェックを行うにチェックを入れてください。

00:07:27.810 --> 00:07:34.730
ここにチェックを入れておきますと入力がなかった場合にエラー表示が出るようになります。

00:07:34.730 --> 00:07:46.140
補足説明などある場合はこちらに入力をお願いします。 あとはこの質問追加ということで

00:07:46.140 --> 00:07:53.420
お名前、メールアドレス、内容以外にも こういった会社名とか電話番号

00:07:53.420 --> 00:08:00.580
日付 あとは住所などを追加することができます。

00:08:00.580 --> 00:08:11.540
こちらお好みに合わせてカスタマイズをお願いします。 あとは完了画面の設定ですね。こちらは文言の変更ができます。こちらも

00:08:11.540 --> 00:08:25.300
お好みに合わせてカスタマイズをお願いします。 最後にこの公開設定です。こちらを公開にしていただきますと

00:08:25.340 --> 00:08:29.460
実際に 公開することができます。

00:08:29.460 --> 00:08:37.060
このように公開になってますね。 こちらを再度非公開にしたいなという場合はこちらも非公開にしていただいて

00:08:37.060 --> 00:08:43.890
変更保存をしますと 簡単に非公開にすることができます。

00:08:43.890 --> 00:08:54.670
これでフォームの作成完了しました。 今回のこの動画は以上となります。

00:08:54.710 --> 00:09:03.350
今回のこの動画では頼りで作成したフォームのデザインの変更方法について 解説いたします。

00:09:03.350 --> 00:09:15.990
ではまず管理画面の方からホーム管理をクリックしてください。 続いてこのように作成したフォームが表示されますのでこの中からデザインをクリックしてください。

00:09:15.990 --> 00:09:21.590
こちらから フォームの色などを変更することができます。

00:09:21.630 --> 00:09:30.990
こちらのカラーセットを選択で このようにデザイン1、デザイン2などを変更していただくと

00:09:30.990 --> 00:09:35.270
このように色が 切り替わっていきますのでこちらで

00:09:35.270 --> 00:09:42.990
お好みのものがあれば選択をお願いします。 自分でカスタマイズしたいという場合はこちらの

00:09:42.990 --> 00:09:52.870
ページ設定ということでまず背景色を変えることができます。 このように色コードを

00:09:52.950 --> 00:10:04.240
ニューヨークシティで開くと変更することができます。 タイトル設定ということでこのタイトル部分ですね見出しの部分を変更することができます。

00:10:04.240 --> 00:10:11.320
テキスト色が文語の色になります。

00:10:19.490 --> 00:10:27.490
このように変更することができます。 ボタンの色がこちらになります。こちらも同様に背景色がこちら。

00:10:27.490 --> 00:10:35.410
背景の色。テキスト色がこの送信の文語の色になります。 このように自由に変更することができます。

00:10:35.410 --> 00:10:46.180
元に戻したい場合はこちらをクリックしてください。 続いてロゴの設定がこちらからできます。このファイルを選択から

00:10:46.180 --> 00:10:57.200
ご自身のパソコンの中の画像を選択していただいて開くを押してください。 最後にこの変更保存をしますと

00:10:57.200 --> 00:11:01.880
すべての変更内容が反映されます。

00:11:02.040 --> 00:11:14.000
以上がフォームのデザインの変更方法になります。 今回のこの動画では頼りで作成したフォームを

00:11:14.000 --> 00:11:21.920
こちらのワードプレスの方に設置してみたいと思います。 まずこちらの管理画面の方から

00:11:21.920 --> 00:11:29.760
フォーム管理をクリックしてください。 作成したフォームのこちらの設置をクリックしてください。

00:11:29.960 --> 00:11:39.280
表示するフォームの種類ということで、このようにスタンダードとトグ形式で選択できるのですが、 まずはスタンダードのままで結構です。

00:11:39.280 --> 00:11:47.200
スマートフォンもスタンダードのままで結構です。 続いてGoogleアナリティクスIDをお持ちの方はこちらに入力をお願いします。

00:11:47.200 --> 00:11:54.480
今回は空白のままできます。 続いてこちらの

00:11:54.520 --> 00:12:03.470
設置方法の種類なんですが、このコード埋め込み型で いきたいと思います。

00:12:03.470 --> 00:12:13.790
お問い合わせボタンの表示の型なんですが、シンプルボタン型かホップボタン型かクラシックボタン型。

00:12:13.790 --> 00:12:26.120
こちらお好きなものを選択してください。今回はこのホップボタン型でいきます。 こちらでお好きなアイコンを選択してください。

00:12:26.160 --> 00:12:39.970
一度クリックしますと選択がされます。 下にスクロールしていただいて、ボタンのカラーをこのように選択することができます。

00:12:39.970 --> 00:12:49.090
続いて不透明度を選択することができます。 今回は標準のままでいきます。

00:12:49.090 --> 00:12:58.490
このようにボタン表示プレビューということで、 プレビューとして表示形式を見ることができます。

00:12:58.490 --> 00:13:06.490
続いてこのアイコンの位置ですね。 こちらで設定することができます。

00:13:06.490 --> 00:13:17.690
PC、スマートフォンで設定することができるんですが、 今回はどちらも右で表示してみたいと思います。

00:13:17.690 --> 00:13:28.330
続いてこの設置サイトドメインということで、 設置したいサイトのドメインを入力してください。

00:13:28.370 --> 00:13:36.770
このhttpは抜きにしていただいて、この部分をコピーしていただいて、 貼り付けをお願いします。

00:13:36.770 --> 00:13:46.980
ドメインを追加をクリックしますとこのように表示されますので、 表示されましたら設定が完了しました。

00:13:46.980 --> 00:13:54.300
あと1点注意点としてこちら、 公開中になっているかを確認してください。

00:13:54.300 --> 00:14:08.220
もし非公開の場合は編集から、 こちら公開設定を公開にしてください。

00:14:08.220 --> 00:14:19.500
最後にこちらのコードを一度コピーしていただいて、 このコピーボタンを一度クリックすると簡単にコピーができます。

00:14:19.500 --> 00:14:26.660
このコピーした状態で Wordpressの方に設置してみたいと思います。

00:14:26.700 --> 00:14:36.140
ではまずプラグインのインストールが必要なので、 こちらのプラグインから新規追加をクリックしてください。

00:14:36.140 --> 00:14:47.370
こちらに、Header, Footer, Post Indicationsと入力をお願いします。

00:14:47.370 --> 00:14:54.250
検索結果にこのように表示されますので、 この今すぐインストールをクリックしていただいて、

00:14:54.250 --> 00:15:03.450
その後有効化も必ず行ってください。 有効化を行いますとこちらの設定のところに

00:15:03.490 --> 00:15:10.020
Header & Footerと表示されますので、 こちらをクリックしてください。

00:15:10.020 --> 00:15:26.680
こちらのHeader & Footerになっていることを確認していただいて、 このスラッシュボディタグに貼り付けをお願いします。

00:15:26.680 --> 00:15:32.800
このようにしっかり貼り付けを行って、 こちらのセーブを押してください。

00:15:32.800 --> 00:15:40.880
これで実際に反映されているかを確認します。 このように実際に反映がされています。

00:15:40.880 --> 00:15:49.550
アイコンをクリックしますと、 このように設定したフォームが表示されます。

00:15:49.550 --> 00:15:58.470
このようにプラグインを使いますと簡単に設定ができますので、 ぜひやってみてください。

00:15:58.470 --> 00:16:04.790
必ずこのスラッシュボディのところに貼り付けをお願いします。

00:16:04.790 --> 00:16:17.180
今回のこの動画は以上となります。 今回のこの動画では、頼りで作成したフォームの設置方法として、

00:16:17.180 --> 00:16:26.300
こちらのワードプレスのメニューでの 設置方法についてご紹介したいと思います。

00:16:26.300 --> 00:16:36.060
ではまずこちらの頼りの管理画面の方から フォーム管理をクリックしてください。

00:16:36.060 --> 00:16:44.420
こちらの編集をクリックしてください。 公開中のフォームをプレビューを押しますと、

00:16:44.420 --> 00:16:52.060
このようにフォームのページが表示されますので、 こちらのURLをコピーしてください。

00:16:52.060 --> 00:17:05.290
この状態でワードプレスの管理画面の方に移動してください。 管理画面の方から外観メニューをクリックしてください。

00:17:05.290 --> 00:17:18.760
続いて、こちらのカスタムリンクをクリックしていただいて、 このように閉じた場合は、この逆三角形をクリックしてください。

00:17:18.760 --> 00:17:26.680
このリンク文字列にお問い合わせと入力していただいて、 こちらのお好みに合わせて書いていただいても結構です。

00:17:26.680 --> 00:17:35.320
こちらのURLに貼り付けをお願いします。 メニューを追加をしますと、実際にこのように表示されますので、

00:17:35.320 --> 00:17:43.000
あとはこのようにドラッグ&ドロップで並び替えができますので、 自分のお好きな位置に変更をお願いします。

00:17:43.000 --> 00:17:52.280
必ずこのメニュー保存をクリックしてください。 これでサイトの方に反映がされます。

00:17:52.280 --> 00:17:59.520
このようにお問い合わせフォームと出てきますので、 クリックしますと先ほどのプレビュー画面に行きます。

00:17:59.560 --> 00:18:07.000
実際にこれもこちらからお問い合わせができますので、 メニューに追加したい場合は、

00:18:07.000 --> 00:18:11.920
こちらの方法でやってみてください。

00:18:11.920 --> 00:18:22.760
今回のこの動画は以上となります。 今回のこの動画では、お問い合わせフォームが作成できるサービス、

00:18:22.760 --> 00:18:32.280
頼りでアンケートの作成方法になります。 頼りでではフォームも作成できるのですが、

00:18:32.320 --> 00:18:42.200
アンケートというものも作成できます。 こちらの画面に行くには、こちらの管理画面の方のアンケート管理をクリックしてください。

00:18:42.200 --> 00:18:50.020
こちらの新規アンケートもこちらでもいいんですけど、 こちらをクリックすると実際にアンケートを作成できます。

00:18:50.020 --> 00:18:57.830
こちらでアンケート名を入力してください。 アンケートタイプをこの中から

00:18:57.830 --> 00:19:06.530
当てはまるものを選んでください。 こちらで変更保存をクリック。

00:19:06.570 --> 00:19:14.150
こちらで、 編集を押してください。

00:19:14.150 --> 00:19:22.900
アンケートの簡単な説明などがありましたら、 入力してください。

00:19:22.900 --> 00:19:29.500
続いて、 質問の内容です。アンケート内容の編集なんですが、

00:19:29.500 --> 00:19:38.310
こちらの項目を編集をクリックしますと、 このように編集することができます。

00:19:38.310 --> 00:19:45.830
特にいらないものがある場合は、 このゴミ箱で消すことができます。

00:19:45.830 --> 00:19:55.410
こちらでアンケート内容を入力してください。 必須チェックを行うということで、こちらに

00:19:55.410 --> 00:20:01.290
こちらのチェックを必ず入れてほしい場合は、 この必須チェックを行うにチェックを入れてください。

00:20:01.290 --> 00:20:10.330
補足説明がある場合は、こちらに入力をお願いします。 こちら空白のままでも、ない場合は空白のままでも結構です。

00:20:10.330 --> 00:20:18.610
編集を終了。 質問の追加ということで、

00:20:18.610 --> 00:20:23.930
このようにいろいろ要素があるので、この中から自分に

00:20:23.930 --> 00:20:32.360
あったものを選んでください。 こちらも同様に項目を編集から、

00:20:32.400 --> 00:20:42.490
項目内容を編集することができます。 こちらをお好みに合わせて編集をカスタマイズをお願いします。

00:20:42.490 --> 00:20:51.250
続いて完了画面の設定ということで、 こちらで文言を設定することができます。ボタンの文言、ボタンのリンクなども

00:20:51.250 --> 00:20:58.050
設定可能です。 あとは公開設定ということで、こちらを公開にして

00:20:58.090 --> 00:21:09.260
変更保存をしてください。 これで公開中のフォームをプレビューということで、

00:21:09.260 --> 00:21:22.740
このようにアンケートが作成できました。 設置方法についてはフォームのものと同様ですので、

00:21:22.740 --> 00:21:32.080
フォームの設置方法を参考に設置してみてください。 デザインについても同様ですね。

00:21:32.080 --> 00:21:50.370
デザインもフォームと同様の設定内容になりますので、こちらは省略させていただきます。 あとは削除したい場合などはこちらの削除ボタンをクリックすることで削除することができます。

00:21:50.370 --> 00:22:00.240
今回のこの動画は以上となります。 今回のこの動画ではお問い合わせフォームが作成できるサービス

00:22:00.240 --> 00:22:10.320
頼りでこちらのFAQの作成についてご紹介します。 こちらフォームの作成も、こちらの頼りでフォームの作成もできるのですが、

00:22:10.320 --> 00:22:18.240
こちらのFAQのような良い質問などを作成することも可能です。

00:22:18.240 --> 00:22:33.950
ではまずこちらの管理画面の方からFAQ管理をクリックしてください。 続きましてこちらの新規FAQ作成かこちらの新規FAQ作成をクリックしてください。

00:22:34.590 --> 00:22:43.190
こちらはもうすでに作成してあるので、まずこの編集からいきたいと思います。 タイトルですね、まずこのタイトルを

00:22:43.190 --> 00:22:49.300
入力してください。 よくある質問。

00:22:49.300 --> 00:23:00.850
公開設定を公開か非公開かにしておいてください。 続いてQ&Aということで

00:23:00.850 --> 00:23:10.510
Q&Aカテゴリー。 こちらをカテゴリ名を入力してください。

00:23:10.550 --> 00:23:18.430
何でもいいんですが、よくある質問といった簡単なものでいいので入力してください。

00:23:18.430 --> 00:23:27.140
続いてアイコンですね。アイコンを選択して変更保存をクリックしてください。

00:23:27.300 --> 00:23:34.430
続いて これでカテゴリーが作成できましたのでQ&Aですね。

00:23:34.430 --> 00:23:45.160
Q&A項目を追加をクリックしてください。 これでQ&Aのタイトルということで

00:23:45.160 --> 00:23:52.640
簡単に質問を入力してください。 キーワードを設定ということで、続いてこの

00:23:52.640 --> 00:23:59.800
質問に関連の関連があるキーワードを入力してください。 キーワードを追加で

00:23:59.800 --> 00:24:08.240
このように追加することができます。 回答するものチェックを入れてください。 続いてQ&Aの答えを追加で

00:24:08.320 --> 00:24:18.720
こちらの文章を選択していただいて、 こちらに答えを入力してください。

00:24:18.720 --> 00:24:34.810
こちらも非公開、公開、いずれかを選択しておいてください。 今、公開にした場合は公開にしていただいて変更保存。

00:24:34.810 --> 00:24:45.440
こちらでプレビューとして見ることもできます。 こちらなのですが、ホームの方に行っていただくとこのように

00:24:45.440 --> 00:24:56.730
FAQと連携することができます。 先ほど作成したものをこのように連携することができますので、

00:24:56.730 --> 00:25:03.050
こちらがプレビュー画面ですね。このように表示されますので、 こちらで連携した場合は

00:25:03.050 --> 00:25:15.050
ホーム管理からFAQ連携で作成したFAQのタイトルのものを選択してください。 また、こちらの設置で

00:25:15.050 --> 00:25:20.770
リンクとして 設置することもできます。

00:25:20.770 --> 00:25:29.930
こちらのリンク、 こちらをワードプレスのメニューなどに設置していただくのもいいかと思います。

00:25:29.930 --> 00:25:41.080
今回のこの動画は以上となります。 今回のこの動画ではお問い合わせフォームが作成できる頼りの

00:25:41.080 --> 00:25:50.440
変身テンプレートの設定方法についてご紹介します。 こちらの画面に行くには管理画面からこの一番

00:25:50.440 --> 00:25:57.440
下からヘルプの上のテンプレート管理をクリックしてください。 まずこちらの

00:25:57.440 --> 00:26:04.640
新規変身テンプレート作成、こちらでもいいんですけど、 こちら作成をクリックしてください。

00:26:04.640 --> 00:26:12.070
タイトルですね。このようにテンプレートのタイトルを入力してください。 内容です。

00:26:12.070 --> 00:26:16.550
テンプレートの内容を入力してください。 変更保存ですね。

00:26:16.550 --> 00:26:23.990
内容を確認していただいて、これで間違いなければ変更保存をクリックしてください。

00:26:23.990 --> 00:26:28.630
これの使い方なんですけど、こういった

00:26:28.670 --> 00:26:37.110
変身に使えるのですが、使い方としてこの選択してくださいを先ほど作成したものを選んでいただいて、

00:26:37.110 --> 00:26:42.750
導入をクリックしてください。 こういった定型文などを

00:26:42.750 --> 00:26:53.310
こちらのテンプレートで管理していただくと変身も楽になるかと思います。 今回のこの動画は以上となります。