• Skip to primary navigation
  • Skip to main content

石崎力也のコンサルティング「いしこん」

年収1000万円以上のネットビジネス経営者を対象にデジタルコンテンツの販売方法とマーケティングオートメーションの導入方法に関する情報を発信するブログ。

  • いしこん 3.0
  • 無料ウェビナー
  • もう1本読む?
    • 個人事業主のためのAIツール活用術|ChatGPTから始めるビジネスの自動化・効率化マスターガイド
    • ネット広告代理店を個人で開業!Facebook広告運用のスキルを身につけて成功する方法|ツールの設定、数値分析、営業、業務効率化まで
    • 【保存版】コンテンツマーケティングのネタ切れを防ぐ!ネタの見つけ方と戦略のコツ
    • 上級者をペルソナに設定し優良顧客だけを集める方法
    • Eメールマーケティングの基礎知識|開封率と成約率の向上、セグメンテーションまで
    • 30代フリーランスが家族と一緒にオランダに移住した体験を話します
    • Webマーケティングのやり方マスター講座|ブランディング戦略、SNS発信、スケジュール管理を解説
    • ネットビジネスの始め方【これでオランダ移住を実現しました】
    • オンラインコース(講座)ビジネスの作り方・やり方
    • 会員制サイトの作り方とサブスクリプションの導入方法
    • 動画広告の作り方マスター講座|種類、活用方法から効果測定のコツまで
    • 短くて成約率の高いVideo Sales Letter(VSL)の作り方
    • エバーグリーンローンチとは?ツールの使い方を詳しく解説!
    • 個人でKindle電子書籍を出版して利益を得る方法
    • Teachable(ティーチャブル)の使い方・操作方法
    • ClickFunnels(クリックファネル)の使い方・操作方法
  • コース一覧
  • お客様の声
  • 石崎力也とは?
  • リソース
  • スクール
  • Show Search
Hide Search
現在の場所:ホーム / ClickFunnels / 2-7 ClickFunnelsでページ背景を追加する

2-7 ClickFunnelsでページ背景を追加する

Last updated on 2021年4月14日 By 石崎 力也

今回はClickFunnelsでページに背景を設定していきます。

今回お届けするノウハウはこちら

  • ClickFunnelsの背景には3種類ある
  • Step1. 画像を指定する場合
  • Step2. カラーコードを指定する場合
  • Step3. バックグラウンドビデオを指定する場合
  • やり方を動画で見る

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」でバックグラウンドイメージとバックグラウンドカラーを変えることができます。セクションのバックグラウンドを変えた場合は他の場所には反映されないので、このセクションだけの背景になります。ページの背景を変えるのか、セクションごとに設定するのか、それぞれのページで使い分けてみてください。以上です。

やり方を動画で見る

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

カテゴリClickFunnels

About 石崎 力也

石川県金沢市出身。モントリオール在住。専門スキル:競艇、コピーライティング、DRM、アニメーション。このサイトの運営責任者です。2013年3月に六本木と西麻布で会社を設立し、同年11月までに全てのメディア・広告事業を軌道に乗せる。現在は、家族と一緒に、3か月に1度、住む国を変えながら生活をしています。

「デジタルマーケティング完全ガイド」を無料プレゼント0円でダウンロード

石崎力也のコンサルティング「いしこん」

Copyright © 2025 · Rikiya "Sales Funnel" Ishizaki