今回はClickFunnelsでページに背景を設定していきます。
今回お届けするノウハウはこちら
ClickFunnelsの背景には3種類ある
ページの背景を設定していきます。まず、ページ全体の背景を設定するには、左上の「SETTINGS」から「BACKGROUND」を表示します。
ClickFunnelsの背景には3種類あります。ページ全体、セクション、Rowに設定することができます。
- 画像を指定する場合（BG IMAGE）
- カラーコードを指定する場合（BG COLOR）
- バックグラウンドビデオを指定する場合（BG VIDEO）
それぞれ見ていきましょう。
Step1. 画像を指定する場合
- 画像を指定する場合
画像の場合はタブにいろいろ分かれています。自分がアップロードした画像の他に、「SEARCH」で「Pixabay」や「Unsplash」のものを持ってこれたり、ClickFunnelsがオリジナルで用意しているバックグラウンドのイメージもあります。
今回はバックグラウンドのイメージからオレンジを選択して「ADD IMAGE」をクリックします。これもいろいろ画像のサイズによってどういうふうにスペースにフィットさせるかというものがあるので、いろいろ研究してみてください。基本的にはパターンのような小さい画像であれば「Repeat」などで繰り返しにすればきれいにできますし、そうでない場合は幅を100%に引き伸ばす「Fill 100% Width」というものもありますが、画像によっては横に伸びてしまってきれいにならないかもしれないので研究してみてください。
ページのバックグラウンドはきれいになっていますが、Rowに白い背景が残ってしまっているところがあります。これはRowのセッティングのバックグラウンドカラーが白で表示されているためです。バックグラウンドカラーの白の透明度を上げることによってきれいになりました。このような感じで進めていきます。
Step2. カラーコードを指定する場合
- カラーコードを指定する場合
次は画像を一旦消してしまいましょう。全セレクトして画像のURLをデリートします。
バックグラウンドカラーのカラーコードを指定して、先ほどのように透明度を出すこともできます。例えばグリーンにして少し透明度を上げたりすることもできます。
Step3. バックグラウンドビデオを指定する場合
- バックグラウンドビデオを指定する場合
YouTube限定ですがバックグラウンドビデオもできるので、YouTubeから動画を持ってくることもできます。URLを入れてもろもろの設定をして、ボリュームに関してもミュートのまま後ろで流すかフェードインでボリュームを入れることもできます。説明がありませんが、その下に「HOURS」「MINUTES」「SECONDS」とあります。これはYouTubeの動画のどのポイントから再生を開始するかが指定できます。例えば1分10秒のところから再生を開始したいという場合は、「MINUTES」に「1」を入れて「SECONDS」に「10」を入れます。
「END ACTION」は動画を再生し終わった後にどうするかを聞いているので、ビデオをそのままループしたり、別のURLにリダイレクトしたり、ポップアップを表示したり、ビデオ自体を非表示にしたりできます。
では、一旦ここをクリアしてバックグラウンドカラーを白に戻しておきましょう。バックグラウンドビデオもオフにします。セクションのRowも同じように「SETTINGS」でバックグラウンドイメージとバックグラウンドカラーを変えることができます。セクションのバックグラウンドを変えた場合は他の場所には反映されないので、このセクションだけの背景になります。ページの背景を変えるのか、セクションごとに設定するのか、それぞれのページで使い分けてみてください。以上です。
