石崎 力也

今回はClickFunnelsでDigital Assetの自動ダウンロードを設定していきます。

ClickFunnelsのDigital Asset とは

• ClickFunnelsのDigital Asset とは

Digital AssetというのはClickFunnelsでファイルなどをホスティングしてくれるサービスですが、右上の「Account Settings」から「Digital Assets」に入ります。他でも解説している動画はありますが、Digital Assetを追加しておきます。そして、ここのURLを取っておきます。

ちなみに中身を見てみるとこういう感じのPDFになっています。では、これを設定していきましょう。

Step1. 「ON SUBMIT GO TO」にダウンロードURLを設定する

• 「ON SUBMIT GO TO」にダウンロードURLを設定する

「Squeeze Page」からオプトインページに「EDIT PAGE」で入っていきます。「SETTINGS」から「GENERAL」をクリックして、「ON SUBMIT GO TO」のところにこのPDFのURLを入力します。

Step2. テストで確認する

本来ならばメールアドレスを入力する欄があり、「Required」になっています。動作テストの際はメールアドレスを消して、名前の欄も「Not Required」にしてテストしてみます。

セーブしてプレビューします。では、登録ボタンをクリックしてみます。そうするとPDFが表示されます。今回は以上です。

やり方を動画で見る

ClickFunnels（クリックファネル）の使い方・操作方法の一覧ページに戻る

今回はClickFunnelsでセクションにアドバンストCSSを設定していきます。

CSSの注意点

CSS関係をいじるときはいつもそうなのですが、必ずCSSがわかる方に設定してもらうようにしてください。

Step1. 「ADVANCED CSS」を設定する

• 「ADVANCED CSS」を設定する

セクショングリーンの「SECTION」の「ADVANCED」に行きます。

「ADVANCED CSS」を設定してください。

• FLOAT：「Left」「Right」が選べます。
• POSITION：「Relative」「Absolute」「Fixed」が選べます。

忘れずに「SAVE」を押して「PREVIEW」で確認していきましょう。今回は以上です。

やり方を動画で見る

ClickFunnels（クリックファネル）の使い方・操作方法の一覧ページに戻る

今回はClickFunnelsでカスタムCSSを追加していきます。

カスタムCSSの注意点

カスタムCSSを追加するときには必ずCSSがわかる方に編集してもらうようにしてください。ちょっとデリケートな部分なので、初心者はあまり触らない方がいいと思います。エディタだけでもだいぶいろいろデザインできるので、必要な場合だけ触るようにしてください。

Step1. 「SETTINGS」から「CUSTOM CSS」に入る

「SETTINGS」から「CUSTOM CSS」に入って、この中にカスタムCSSを入れてバツを押してセーブするだけです。非常に簡単ですね。今回は以上です。

やり方を動画で見る

ClickFunnels（クリックファネル）の使い方・操作方法の一覧ページに戻る

今回はClickFunnelsでページタイトルとSEOメタデータを編集していきます。

ページタイトルとは

まずは「EDIT PAGE」に入っていきます。ページタイトルですが、これはブラウザのタブに表示されるものになります。これがデフォルトのままだとちょっとかっこ悪いので、少なくともページタイトルだけは変えておきましょう。

Step1. 「SEO META DATA」から設定する

「SETTINGS」から「SEO META DATA」に行って、「TITLE」は通常だとテンプレートの名前が入っていると思いますが、それを修正しておきます。あとは「DESCRIPTION」と「AUTHOR」があります。

「SOCIAL IMAGE」に画像を設定すると、ソーシャルメディアなどでシェアしたときにこのサムネイルをページのサムネイルとして使ってくれます。「DESCRIPTION」はここに出てきますし、「AUTHOR」に入力しておくとこういう感じでオーサー名も出てきます。

ということで、これはけっこう見付けにくいところにありますが、少なくともページのタイトルだけは変えておいた方がいいと思います。今回は以上です。

やり方を動画で見る

ClickFunnels（クリックファネル）の使い方・操作方法の一覧ページに戻る

今回はClickFunnelsでビデオにオーバーレイテキストを表示していきます。

Step1. Vimeoを入れるときはURLに注意する

• Vimeoを入れるときはURLに注意する

まずは「EDIT PAGE」に入っていきます。今、このビデオのエレメントのところにVimeoを埋め込んであります。Vimeoを入れるときはURLに注意してください。「vimeo.com/xxxxx/yyyyy」という感じになっているかと思いますが、これを全部入れてしまうとうまくいかないので、3つのパートに分かれている真ん中の「xxxxx」の部分の数字を「VIMEO URL」に入力するとうまく埋め込むことができます。

Step2. オーバーレイテキストを設定する

• オーバーレイテキストを設定する

今回は「OVERLAY TEXT」に「もう始まっています！クリックで音が出ます」という文言を入れてみます。オーバーレイテキストを動画の上に表示させるためには「AUTO PLAY」を「On」にして「BLOCK PAUSE」も「Yes」にしておかなければいけません。これを両方オンにしてセーブします。

Step3. 「PREVIEW」で確認する

これでちゃんとそうなっているか「PREVIEW」で見てみましょう。今は音が出ていない状態になっています。オーバーレイテキストが表示されて、クリックすると音が出るという感じになっています。今回は以上です。

やり方を動画で見る

ClickFunnels（クリックファネル）の使い方・操作方法の一覧ページに戻る