今回はClickFunnels2.0（クリックファネル2.0）の使い方として、オンラインコースのレッスンの中身のカスタマイズ方法について解説していきます。まずですね、1つ目のレッスンを作っていただいたと思うんですが、次のレッスンを追加する方法ですね。下の画像のモジュール項目にある【コンテンツを追加】をクリックしていただいて【レッスンを追加】をクリックしていただきます。
すると、新しいレッスンを追加する画面が出てきますので、タイトルを「レッスン2」という風にしていただきまして、右下の【レッスンを作成】ボタンをクリックします。レッスン2ができましたので、タイトルをクリックしていただいてまずは、動画を入れていきますので【ビデオを選択】をクリックします。任意の動画を選んでください。
動画を選んでいただいて、画像は入れても入れなくてもいいですけど、とりあえず私は入れました。動画の追加方法は【画像を選択】をクリックしていただいて、任意の画像を選んでください。ある程度カスタマイズができましたので、画面右上【保存して再読み込み】ボタンをクリックして一回保存します。
しかしながらこれですと、たとえば、このレッスン2の下にPDFを付けたいとか、別の動画を入れたいとか、2つレッスンを入れたいとか、そんなこともあるかなというふうに思います。なので、今回はそのカスタマイズ方法をやっていこうと思います。まずですね、先ほど追加した動画の下に「PDFを渡したいのでボタン」を付けるという場合ですね。
「レッスンを編集」画面に戻っていただいて、マウスを長細い「プラスマーク」の上に持って行っていただくと【新しいセクションを追加】という緑色のボタンに変化しますので、これをクリックしていただきます。【空白のセクション】をクリックしていただいて、次に「列」を選択します。2列にすることもできるんですね。なので、たとえば、2列にすると左側に動画、右側に画像とかテキストということもできます。
ちょっとやってみましょうか。たとえば、2列を選択しました。そうしましたら、左側には、レッスンカテゴリーの【レッスンタイトル】と【レッスン動画】をクリックして選択しますね。こうやると、先ほど入れた動画が上の画像の赤枠の部分に入るということです。右側に入れたいときは、一回関係ないところをクリックしていただいて、右側に表示されている【プラスマーク】をクリックしていただきます。なので、たとえば【テキスト（段落）】をクリックですね。クリックしていただいて、関係ないところをクリックします。
そうしましたら、テキスト部分には「この動画は、セールスファネルについて解説しています」こんな感じでテキストを入れていきます。この1文だけだとちょっと少ないので、とりあえずはコピペしてテキストを入れていただいたりしてください。あとはですね、たとえば、画像も入れて説明したい場合は、テキストの下の【追加 要素】ボタンをクリックしていただいて、メディアカテゴリーから【画像】を選択して入れていただくこともできるんですね。
たとえば、適当に画像を入れてみました。画像を小さくするときは、要素をカスタマイズしていただくんですが、その辺は各エレメントのパーツの設定とか、カスタマイズ方法とかと一緒なので、簡単にカスタマイズできますね。じゃあ、ボタンをつけてPDFを受け取るにしてみましょうか。
たとえば、今追加した画像の下にPDFボタンをつけてもいいんですけれども、私の場合はバランスよくしたいので、もう1個「行」を追加していきます。【追加 行】をクリックしていただいて【1列】をクリックします。中身は、フォームカテゴリーの【ボタン】とコンテンツカテゴリーの【段落】を選択します。ちょっとボタンと段落の順番が逆になってしまったんですが、段落要素のタイトルが書いてある部分をドラック＆ドロップすることで、カンタンに順番は変えられます。
そして、私がよくやるのは段落要素に「コピーしてお使いください↓↓」みたいな感じでお客さんにテンプレートを差し上げたりすることもあるので、このように設定します。ボタンの要素は、ボタンをクリックしていただいて編集していきます。ボタンの文言を変更するときは、ボタンテキスト項目に「クリックして受け取る」とか「テンプレートを受け取る」とか書いていただきます。
もし、外部のGoogleドライブのURLとか別のところに飛ばす場合は「ボタンのクリック時のアクション」カテゴリーの【注文／フォームを送信】をクリックしていただいて、上の方にするロールすると【移動先…】という項目が出てきますので、クリックしてください。クリックしていただいたら、URLを入れられる項目が出てきますので、ここにGoogleドキュメントのURLですとか、GoogleシートのURLですとか、Canvaの共有リンクとか、そういったものを入れていただくと良いかなというふうに思います。
できましたら、画面右上の【変更を保存】をクリックします。こんな感じで、自由にカスタマイズができるのがすごくいいですよね。実際の画面を更新して見てみましょう。すると、今回は一番最初に設定した動画が大きくに出ましたね。なので、このようなカスタマイズをする場合は、ちょっと別の方法がありますので、それをご案内します。
なんで大きく動画が出てしまったかというと、デフォルトで赤枠に入れた動画が出るようになってしまっているからです。それの解決方法をやっていきます。まずは、赤枠の動画を削除します。削除していただいて、画面右上の【保存して再読み込み】ボタンをクリックします。先ほどの動画を削除すると、緑枠の要素がですね「レッスン動画」になってますので、まずこの「レッスン動画」という要素自体を消します。
消していただいて【追加 要素】をクリックしていただきまして、メディアカテゴリーから「動画」ですね。ただの【動画】をクリックしていただきます。そうすると、動画が入りました。そうしましたら、別のタブでですねクリックファネル2.0のページを開いていただきまして、左メニューの【ワークスペース設定】に行っていただきます。そして【私の資産】ですね。「アセット」ともいうんですけれども、こちらをクリックしてください。
そして【コースビデオ】っていうところをクリックしていただきますと、自分がアップロードしたコースビデオが一覧で表示されるので、ここで見ることもできます。なので、ひとつ動画を開いていただきまして、画面右側に「プレビュー」が表示されるので右クリックをして【動画アドレスをコピー】をクリックします。
そして、先ほどの「レッスンを編集」ページに戻ってきていただきまして、先ほど追加した「動画の設定」の中から「ビデオURL」項目にコピーしたURLを入れていただきます。「WEBM URL」も両方入れる必要があると表示されたので、同じものを入れました。貼り付けができましたら、画面右上の【変更を保存】ボタンをクリックしましょう。
そうしますと、ちょっとプレビューを見てみましょう。はい、ページの上部に「レッスン画像」が出ちゃってますね。レッスン画像が出てしまってますので、これはちょっとカスタマイズが必要になるかもしれません。ちょっとここはですね、直す必要があるかなというふうに思います。
失礼しました。これは、レッスン画像を設定してしまっているから入っているんですね。レッスン2の中に、レッスン画像が入ってしまっているので、ページの上部にも勝手に出てしまうようです。なので、赤枠のようにカスタマイズする場合は、緑枠の設定を全部消していただく必要があります。
設定を消していただいて、画面右上【保存して再読み込み】をクリックしてください。そうしますと、レッスン2ページを表示している画面を更新すると・・・しっかりと出てきますね。なので、私のようにオリジナルにカスタマイズしたい方は、緑枠に設定を入れてしまうと、もちろんデフォルトの設定を直せばできるんですけれども「デフォルトで左メニューに入れたものをページに表示する」みたいな指示が入ってしまってますので、そうすると自分のカスタマイズしたものが出なくなってしまいます。
なので、緑枠の設定を全て消していただくと、自分の表現したいような会員サイトが作れますので、ぜひやってみていただければと思います。以上、今回は、オンラインコースのレッスンの中身のカスタマイズ方法について解説させていただきました。