今回は、ClickFunnels2.0（クリックファネル2.0）の使い方としてセールスファネル作成〜ページ作成のための３つのボックスを理解するについて解説していきます。それでは、早速オプトインページを編集していきましょう。こちら、まず「オプティン」と書かれている画像の上にマウスをもってきていただくと「編集」と「プレビュー」があるんですけれども【プレビュー】をクリックすると、どんな画面かということを見ることができます。
上の画像の画面がですね、これから編集していく画面ということです。そして、先ほどの画面の【編集】をクリックしていきましょう。クリックすると下の画像が「編集画面」となっております。
上の画像の画面左上に、赤枠【エディター（鉛筆マーク）】というところが黄色く光っているので「編集画面」とわかるかなというふうに思います。クリックファネル2.0の操作が初めての方のために、少しご説明させていただきます。まず、クリックファネルはですね、3つのボックスの概念があります。一番外側が、緑色で表示されている「セクション」ですね。セクション部分にマウスをのせていただくと表示されるんですが、この緑色で表示されているものが「セクション」です。
そして、その緑色の中のボックスが「行」ですね。青色で表示されている「行」です。そして、その中にパーツが入っているんですが、このパーツがオレンジ色で表示されている「要素」ですね、英語だと「エレメント」って呼んでますが、この「エレメント」がいろいろ入っているということです。
なので、たとえば、変更したいなというふうに思ったときにマウスを持ってきていただきますと、このように「セクション」とその中に「行」とその中にパーツですね「要素」が入っている、というふうにわかるかなと思います。ホームページを初めて操作した方や、Canvaとかに慣れている方は、それぞれのパーツを右側にドラッグして移動できると思ってしまいますが、そういうことはできないですね。
これをちょっと横にずらしたいみたいなものが、Canvaを使っている方だとどうしてもそういう概念で考えてしまうんです。ですけれども、このホームページの概念的には、それぞれのボックスの中に入っているという考え方ですので、パーツを横にずらすときは、ボックスの名前が書かれたところに表示される「設定ボックス（歯車マーク）」で横にずらしていくということをしていきます。
なので、そこをちょっと勘違いしてしまうとページが大変なことになってしまいますし、理解が逆に難しくなってしまいますので、ボックスの概念だけはまず最初にしっかりと覚えておいてください。一番外側がセクション、内側が行、そして一番内側のオレンジ色のものが要素、エレメントというふうに呼んでいます。
なので、自分がどこを変更したいかを考えてみてください。たとえば、一番上の黒いところ（ロゴイプサムと書かれた部分）を変更したいとしたら、ここにマウスを持っていった時に、この中（要素）ではないですね。そして、この行のところでもなく、この黒い背景を変えたいと思った場合は、一番外側のセクションの設定（歯車マーク）を変更するというふうに考えていただく。すると、スムーズに自分がどれを動かしたいのか、どれを変更したいのかを考えて動くことができます。
ここらへんはちょっと慣れていただく面があるので、操作していく中でここを変更かなというふうに触って、どんどん触ってみていただければと思います。万が一、間違ってしまったときは下の画像でいう画面右上に赤枠【戻るボタン】がありますので、たとえば、間違えてボックスを消してしまった、どうしようというふうになったときに、画面右上の【保存】ボタンをクリックせずに、赤枠【戻る】ボタンですね、このボタンをクリックしていただくと元に戻ってきますので、ぜひ怖がらずに触っていただければと思います。
そして、操作の中でこのパーツのメニューについて説明をさせていただきます。それぞれのパーツの名前が書いてある部分ですね。マウスをのせていただきますと、たとえば、歯車マークのものはクリックすると「設定」が出てきます。設定が出てきて設定をもう終わりたくて戻したい場合は「×印」とかないので、関係ないところをクリックすると設定が引っ込んでくれます。
オレンジ色の「要素」のものも「設定」をクリックしていただくと設定画面が出てきて、関係ないところをクリックすると引っ込んでくれます。これが「設定（歯車マーク）」ですね。そして、このパーツを純粋にもう1個増やしたい場合は、コピーですね。コピーしたい場合は、設定（歯車マーク）の右隣にある「複製（マークの上にマウスを置くと「複製」と表示されます）」をクリックしてください。
そうすると、同じパーツがコピーできますので、このコピー（複製）を使っていただくと、結構スムーズに早くページを作ることができますので、ぜひ覚えておいてください。そして「複製」の右隣にあるのが「コード」というものもになります。これをクリックしてみましょう。コードをクリックしていただきますと、画面下側にCSSというコンピュータ言語、ホームページ言語が表示されます。こういったものを使っていろいろ設定をしたいという高度な方はですね、この「コードボタン」をクリックしていただきますと画面下側に言語が出てきますのでご活用ください。
そして、私もこの機能大好きなんですけれども「保存」機能ですね。保存というのは何かというと、たとえば、お気に入りのパーツがありますね。私で言うとフッターなんですね。フッターって、ホームページの一番下に表示されている部分のことを言います。フッターって他のページでも同じように使いますね。
なので、この編集ページで自分用にカスタマイズしていただいたものを、ここの【保存】というものをクリックしていただきます。そうすると、お名前を付けてホルダーに入れて保存をすることもできるんですね。保存しておくことで他のページにいった時に、先ほど保存したパーツをそっくりそのまま持ってくることができますので、これも使っていただくととても便利です。
なお、保存するときに出てくる「セクションをユニバーサルにする」というのは何かというと、たとえば、パーツを変更して保存するときに「セクションをユニバーサルにする」にチェック入れたときは、他のページも同時に変更ができますので、これも便利ですね。たとえば、今現在、オプトインページにあるフッターを作ったとします。
でも、なんかサービス内容が変わったり利用規約が変わったり、ちょっとここを変更したりすることもありますよね。そうしたときに、オプトインページのフッターを変更するだけで、他ページの同じフッターパーツも一緒に変更する、そんなこともできるのが「セクションをユニバーサルする」というものですね。
なので、そういうふうにしたい場合はこの「セクションをユニバーサルする」を使い分けていただくと良いかと思います。なので、この保存機能も上手に使っていただくとページをスムーズに作ることができますのでぜひご活用ください。以上、今回はクリックファネルのセールスファネル作成のための3つのボックスについて解説させていただきました。