WEBVTT 00:00:00.000 --> 00:00:08.480 今回はランディングページ作成基本編ということで、こちらのパートの目的と進め方についてお伝えしていきます。 00:00:08.480 --> 00:00:16.960 では行きましょう。 まず本パートのゴールからお伝えしていきます。ここに向かってやっていくんだよというゴールですね。 00:00:16.960 --> 00:00:24.680 それは何かというと、基本的なランディングページを作成するということ。 これが今回のゴールになります。 00:00:24.680 --> 00:00:33.960 なんでこのパートをやっていくのかという理由なんですけれども、まず自社の商品サービスを紹介するためのページを用意するためということになります。 00:00:33.960 --> 00:00:41.280 自分の商品のサービスの内容がわかるページ、そして申し込めるページですね。 これを持ってない方結構多いんですね。 00:00:41.280 --> 00:00:50.800 一生懸命情報発信をしているのに、いざ決済できるページがない、商品がわかるページがない、この人何屋さんなんだろうというふうなことにつながってしまいます。 00:00:50.800 --> 00:00:59.440 なので必ず最低限、まず商品サービスのどういうものなのかというのはわかるページを用意しておくということが必要になってきます。 00:00:59.440 --> 00:01:11.440 そして補足として、まずは商品サービスを簡潔に紹介するページで大丈夫です。 いきなりゴリゴリのセールスライディング、コピーライティングが施されたものをイメージしてしまうんですが、 00:01:11.440 --> 00:01:23.720 まずは簡単に基本編なので、基本的な商品サービスの内容がわかったりだとか価格がわかったり、あるいは定員がわかったりとか、そういうような大体がわかる大まかなページで構いません。 00:01:23.720 --> 00:01:32.320 それを用意していくというのがホームパートを行う理由になります。 そしてホームパートの進め方、概要と詳細という順番で見ていきます。 00:01:32.320 --> 00:01:43.600 まず概要ですね。基本的なランディングページを作成するということですね。 これは先ほどお伝えしている通り、まずは最低限のランディングページ、商品紹介できるページを用意しておくということになります。 00:01:43.600 --> 00:01:57.600 そして詳細ですね。今のが概要なんですけど、この詳細というものについてはランディングページの作成で見ていると、ランディングページテンプレートというものをご用意していますので、それを編集する、編集の仕方というものを学んでいただきます。 00:01:57.600 --> 00:02:07.040 フロントエンド商品とバックエンド商品の違いとか、あとはランディングページに反映していくのはどっちの商品がいいんだろうというものについてもお伝えしていきます。 00:02:07.040 --> 00:02:20.040 ここを押さえてないと、これはもうビジネスモデルの問題で、オンライン集客の実践が難しくなってしまう可能性があるので、しっかりここは前提を把握した上でランディングページに反映していきましょう。 00:02:20.040 --> 00:02:28.440 その他、ランディングページ基本編ということで、その他関連する作業を行っていきます。今回の内容はこんな感じになっています。 00:02:28.440 --> 00:02:37.440 はい、それでは今回はこちらの商品ページの作成方法を解説します。 簡単に概要を解説しますと、 00:02:37.440 --> 00:02:43.560 商品名があって、あと画像、 ヘッダー画像的なものですね。 00:02:44.000 --> 00:02:52.740 商品の説明、簡単な説明というか、 00:02:52.740 --> 00:03:01.700 こっちで説明はするので、簡単な文章ですね。 このためにこういうのを作ってみましたとか、 00:03:01.700 --> 00:03:08.420 特に正解は正解はないので、 文章を 00:03:08.420 --> 00:03:16.860 仕込んでください。いきなり商品説明から入るよりかは、 書き出しというかそういった役割の文章を配置してください。 00:03:16.860 --> 00:03:22.060 ストアーズボタンですね。 ストアーズボタンについては別の動画で解説していますが、 00:03:22.060 --> 00:03:32.860 埋め込みコードがありますね。それをここに配置してください。 商品説明ですね。これは見出しを使っていまして、段落で見出しさん 00:03:32.860 --> 00:03:39.580 といった感じで非常にシンプルなものです。 ここら辺で書くことは、 00:03:39.580 --> 00:03:48.380 商品の説明なので、セミナーであればセミナーのアウトラインですとか、 カウンセリングであればこういう内容をやりますよとか、 00:03:48.380 --> 00:03:57.180 そういうのを文章化して、見出しで区切って、 わかりやすく記載しておいてください。 00:03:57.180 --> 00:04:07.910 あとよくある質問ですね。これはこういう傾向の質問が来そうだなとか、 あとは実際に来たものを記載する形になります。 00:04:07.910 --> 00:04:17.420 こういうのを記載しておくと、基本点を未然に解消していただけて、 申し込みに繋がりやすくなるといった感じです。 00:04:17.420 --> 00:04:24.820 お申し込みはこちらから。見出しがあって、段落。 最終的にまたストアーズボタンの埋め込みという形になります。 00:04:24.820 --> 00:04:38.860 要素も非常にシンプルでして、画像の要素、段落の要素、あとカスタムHTMLですね。 これは埋め込みコードの連携のときによく使うといった感じです。 00:04:38.860 --> 00:04:47.660 で、見出し2、段落、見出し3、段落。 あとは同じですね。見出し2、見出し3、段落。 00:04:47.660 --> 00:04:54.940 といった使う要素もすごく限られてて簡単に作れますので、 実際にやってみましょう。 00:04:54.940 --> 00:05:04.690 というわけで、固定ページを使いますので、 固定ページ新規追加をクリックしてください。 00:05:04.690 --> 00:05:16.830 そうしましたら、これですね。 まずタイトルを入力していきます。 00:05:16.830 --> 00:05:24.510 タイトルはですね、 こんな感じで、実際の商品を打ち込んでください。 00:05:24.550 --> 00:05:34.280 この動画と同じようにですね、この箱、 あとはコンテンツを入れ込むだけの状態を作りたい場合は、 そのまま真似して打ち込んでください。 00:05:34.280 --> 00:05:40.480 次ですね、このパーマリンク。 パーマリンクを入力してください。 00:05:40.480 --> 00:05:47.720 半画ですね、必ず。 もしこれが出てこない場合は、一旦下書き保存してください。 すると出てきます。 00:05:47.720 --> 00:05:53.400 パーマリンクURLスイッチですね。 もしこうなっていたら、クリックして表示させてください。 00:05:53.400 --> 00:06:01.240 今回はこの、はい、サンプル商品とします。 ローマ字入力でもいいです。 00:06:01.240 --> 00:06:06.920 あとはGoogle翻訳とか使ってですね、単語にして、 ここを記載する、まあコスペして、 00:06:06.920 --> 00:06:15.170 このGoogle翻訳からコスペするっていう感じでもOKです。 そういうのはよくあります。 00:06:15.170 --> 00:06:24.900 次ですね、画像。 これはブロックを追加から画像ですね。 00:06:24.940 --> 00:06:31.000 メディアライブラリーですね。 こういうヘッダー画像ですね。 00:06:31.000 --> 00:06:39.760 ここではアイキャッチ画像になってるんですが、 ヘッダー画像とか、こういうサンプルのもので配置しますね。 00:06:39.760 --> 00:06:46.120 実際に作ったら、このファイルのアップロードからファイルを選択。 そこから自分のパソコンの画面が出てきますので、 00:06:46.120 --> 00:06:57.340 該当の画像を選択してアップロードしてください。 で選択ですね。 00:06:57.340 --> 00:07:07.370 次にですね、こういう文章。 これは段落は標準で出てきますので、 00:07:07.370 --> 00:07:17.360 こういう書き出しの文章を入力するといった感じになります。 次ですね、 00:07:17.360 --> 00:07:24.000 カスタムHTMLはHTMLと検索すると出てきます。 これを配置しておいてください。 00:07:24.000 --> 00:07:33.680 もし箱だけ作りたいよという方は、こういう、 自分で作っているのでわかると思うんですけど、 00:07:33.680 --> 00:07:42.840 ここにボタンを配置しますよ的なテキストを入れておくといいかなという感じです。 実際に作る場合はストアーズの 00:07:42.840 --> 00:07:54.510 ストアーズボタンの埋め込みコードを配置してください。 では見出しですね。商品説明。 00:07:54.510 --> 00:08:04.060 で段落。段落はテキスト。 商品の説明を入力していってください。 00:08:04.060 --> 00:08:16.990 あと実際の、例えばセミナーだったらパート2、パート3、 パート2、パート3、パート4、パート5みたいな感じで、 00:08:16.990 --> 00:08:25.800 アウトラインを記載するという感じです。 ここはH2になっていますので、見出し3にするのはH3ですね。 00:08:25.800 --> 00:08:34.860 見出し3という記載にはなっていないので注意してください。 見た目が変わるのでわかりやすいですね。 00:08:34.860 --> 00:08:45.060 でテキスト。ここまでできたらですね、これ。 両方選択して、 00:08:45.060 --> 00:08:51.180 グループ化して、 グループ化した上で複製すると 00:08:51.180 --> 00:08:59.460 手間がなく作れるかなといった感じです。 あとはこのテキストの、見出しのテキストだけ変更してください。 00:08:59.460 --> 00:09:10.390 このブロックのグループ化ですね、これを解除するには、 ここだと解除できないので、今 00:09:10.390 --> 00:09:18.870 見出し3のとこにいるんですけど、 ここだと解除できないので、このグループを選択ですね、この状態で。 00:09:18.870 --> 00:09:28.410 そうするとグループ全体が選択されて、解除するにはこれ解除できます。 もししたかったらやってください。 00:09:28.410 --> 00:09:35.290 まあする必要もないんですけど、一応操作として覚えておくと、 柔軟に対応できるので。 00:09:35.290 --> 00:09:41.770 あとは、そうですね、何か追加したい時とかですね。 00:09:41.770 --> 00:09:53.820 グループに何か追加したい時に、解除するといいかなという感じです。 と言ってもグループ内でもブロックが追加できないので、その必要もないですね。 00:09:53.820 --> 00:10:00.940 まあそんな感じです。 グループ化は結構便利なので覚えておくといいです。 00:10:00.940 --> 00:10:04.060 階層状になっていまして、 00:10:04.060 --> 00:10:10.980 例えばグループ全体にいるときは、 こうなっているんですけど、 00:10:10.980 --> 00:10:16.980 入れ子構造になっているということですね。 見出し3、段落、 00:10:16.980 --> 00:10:30.580 今グループ化全体という感じで入れ子構造になっていますので、 親がグループだとして子供が見出し、段落みたいな感じで覚えておかないとこれは混乱するので、 00:10:30.580 --> 00:10:37.810 そういった理解で操作してください。 グループ化する場合はですね。 00:10:37.810 --> 00:10:43.330 ブロックデータの操作は結構こういうのあるので、 この入れ子構造注意してください。 00:10:43.330 --> 00:10:52.390 よくある質問ですね。これをコピーします。 00:10:52.390 --> 00:11:07.150 あとは同じですね。これも文章。 これは複製して貼り付け。 00:11:07.150 --> 00:11:14.660 質問文を貼り付けですね。 実際は書いていただくといいという感じです。 00:11:14.660 --> 00:11:20.220 で、答える。 貼り付け。これも同じようにですね。 00:11:20.220 --> 00:11:33.690 この質問と答えを選択してグループで複製すると効率的です。 00:11:33.690 --> 00:11:36.090 見てみます。 00:11:36.090 --> 00:11:56.950 お申し込みはこちら。 最後カスタムHTMLですね。これはコピーしてきてください。 00:11:56.950 --> 00:12:00.630 はい。 こんな感じです。 00:12:00.630 --> 00:12:07.700 簡単に作れますので、 実際に作ってみてください。 00:12:07.700 --> 00:12:14.660 使う要素も限られていますし、 あとはグループ化すると非常に効率化されて作れます。 00:12:14.660 --> 00:12:19.780 あと、時々ここからやってしまうんですけど、 00:12:19.780 --> 00:12:27.060 一度作った、配置したものはコピーとか複製していただくとかなり 00:12:27.060 --> 00:12:33.380 はがとりますといった感じです。 この画像だけですね。これダミーなので、 00:12:33.380 --> 00:12:40.660 実際にもっと画像とかですね、 商用利用可能なイメージ画像とかを配置して 00:12:40.660 --> 00:12:50.980 キャンバーの方で作ってみてください。 あとは実際に作成が完了したら公開を押すといった流れになります。 00:12:50.980 --> 00:12:56.730 それでは今回は以上になります。 00:12:56.730 --> 00:13:04.650 それでは今回はこちらのページが完成したらですね、 ここにStarsボタンの埋め込みコードを配置してくださいと 00:13:04.650 --> 00:13:12.250 解説したと思うんですけど、そのやり方を解説します。 また別の動画でも解説するんですが、繰り返しとなります。 00:13:12.290 --> 00:13:18.250 とても簡単なのでやってみてください。 00:13:18.250 --> 00:13:27.030 これStarsボタンというのがありまして、検索しますと出てきますので、 こんな感じで一番上に出てきます。 00:13:27.030 --> 00:13:32.390 商品の登録とかはStarsの動画を見てください。 00:13:32.390 --> 00:13:38.690 登録するとこんな感じで出てきます。 サイズ、 00:13:38.690 --> 00:13:45.730 代償で選びます。 色もこの4つから選ぶことができます。 00:13:45.730 --> 00:13:53.530 これはプレビューになっているので、 これで良ければ貼り付けコードを取得する、生成するですね。 00:13:53.530 --> 00:14:00.890 コピーする。コピーしたら、 ここですね、カスタムHTMLに貼り付けます。 00:14:00.890 --> 00:14:07.770 これはですね、 もしなかったらまだ設置してないとかそういう人もいると思うので、 00:14:07.810 --> 00:14:13.450 これになります。ここにコードを貼り付けます。 貼り付けたら必ず保存しておいてください。 00:14:13.450 --> 00:14:31.480 するとボタンになりますので、そのようにしてください。 実際に見てみますとこんな感じになります。 00:14:31.480 --> 00:14:38.420 コピーするだけなのでとても簡単です。 実際にやってみてください。 00:14:38.420 --> 00:14:46.500 それでは今回はこちらのページで案内する商品の補足的な説明になります。 00:14:46.500 --> 00:14:55.820 結構よくある質問で多いので、これですね。 そもそも何をフロントエンド商品にしたらいいのかですね。 00:14:55.820 --> 00:15:04.700 そもそもこの商品、ここで案内する商品というのは フロントエンド商品だと思っておいてください。 00:15:04.700 --> 00:15:14.180 フロントエンド商品というのはお試し型で、 ちょっと定画学的な商品となります。 00:15:14.180 --> 00:15:21.060 まずは体験してもらって、そこから本命商品である バックエンド商品ですね。 00:15:21.060 --> 00:15:28.540 そちらに進んでもらうという流れになります。 いろんなサービスが世の中にあるので、 00:15:28.540 --> 00:15:37.740 自分の主な商品にたどり着いてもらうための その手前の商品だと思ってください。 00:15:37.740 --> 00:15:43.140 何か体験してみないと、ちょっとわからなかったりしますので。 00:15:43.140 --> 00:15:53.900 生体とかであれば、初めてのLINEの価格をですね、 ちょっとお試し価格にするとかですね。 00:15:53.900 --> 00:15:58.940 リピートしてもらうというのはバックエンドにするとか、 そういった感じです。 00:15:58.940 --> 00:16:03.500 コンサルであればその手前にセミナーを持ってきて、 00:16:04.500 --> 00:16:09.500 コンサルティングをバックエンドにするとか、 セミナーでなくてもヒアリングとか、 00:16:09.500 --> 00:16:12.500 そういった感じです。個別面談とか。 00:16:12.500 --> 00:16:19.500 という前提の話は置いておいて、 何をフロントエンド商品にしたらいいのか。 00:16:19.500 --> 00:16:30.020 この質問をよくいただくんですけど、これ結論、 今ある既存のものの中から考えてください。 00:16:30.020 --> 00:16:35.020 新しく作るというのはあまりお勧めできません。 00:16:35.020 --> 00:16:41.020 新しい商品をしたらいいのかというのもあるんですけど、 これはお勧めできなくて。 00:16:41.020 --> 00:16:52.420 なぜかというと、集客導線を作るというタスクだけでも 結構大変だからですね。 00:16:52.420 --> 00:16:59.420 集客導線を作るというタスクだけでも大変なのに、 商品開発というタスクを作ってしまうと、 00:16:59.420 --> 00:17:09.660 かなり難しく進捗に影響してしまいます。 00:17:09.660 --> 00:17:24.660 なので、現状紹介で回っているビジネスであれば、 紹介の部分をWebに役割として使うという感覚の方がいいです。 00:17:24.660 --> 00:17:26.660 なので既存のものですね。 00:17:26.660 --> 00:17:38.660 この1,2の質問、全部答えてしまうと、 既存のものでなんとかできないかなというのを考えてください。 00:17:38.660 --> 00:17:48.100 普通の一般的な企業でも、営業部と商品開発部、 それぞれの部署で分かれていて、 00:17:48.100 --> 00:17:58.100 それぞれの部署に何名か配属されて回っているという、 そういうのもありますね。 00:17:58.100 --> 00:18:08.100 それを個人が、営業部、商品開発部、それを一気に個人がやるというのは相当大変だというのは分かっていただけると思います。 00:18:08.100 --> 00:18:10.100 そういう話です。 00:18:10.100 --> 00:18:18.100 ちょっときつい言い方にもなってしまうかもしれませんが、 結構難しいことなんだよということをお伝えしたいわけです。 00:18:18.100 --> 00:18:28.750 なので、無理せずにやっていくというためにも、 既存のものでなんとかできないかというのを考えてください。 00:18:28.750 --> 00:18:32.750 例えば例を挙げるとするのであれば、 00:18:32.750 --> 00:18:40.750 そうですね。これまで紹介のみでやってきたので、 いきなり契約しちゃいましたという場合でしたら、 00:18:40.750 --> 00:18:49.260 契約する前に、ウェブの場合は紹介とかというわけではないので、 00:18:49.260 --> 00:18:57.260 まずは知ってもらうとか、話してみるという意味合いも込めて、 個別面談を設定するとかですね。 00:18:57.260 --> 00:19:01.260 無料有料、どちらでもいいです。 00:19:01.260 --> 00:19:07.820 ヒアリングの機会にするとかですね。 00:19:07.820 --> 00:19:12.820 生体の方であれば、冒頭でもおっしゃった通りですね。 00:19:12.820 --> 00:19:19.820 最初、LINE価格をちょっと下げるとかですね。 00:19:19.820 --> 00:19:25.820 クーポンをつけるとかでもいいです。美容室とかであればですね。 00:19:25.820 --> 00:19:32.820 といった感じですね。 既存のものでなんとかできないかどうかというのを考えてみてください。 00:19:32.820 --> 00:19:34.820 以上になります。