• Skip to primary navigation
  • Skip to main content

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

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

  • いしこん 2.0
  • コース一覧
  • もう1本読む?
    • オンラインコース(講座)ビジネスの作り方・やり方
    • エバーグリーンローンチ・マスタークラス
    • 会員制サイトの作り方とサブスクリプションの導入方法
    • プロダクトローンチのやり方
    • ユーデミーで稼ぐ方法 – 売れるオンラインコースの作り方
    • 高額商品の作り方・売り方
  • 石崎力也とは?
  • サクセスパス
    • 1. PLAN
    • 2. MAKE
    • 3. SET
    • 4. LAUNCH
  • リソース
  • ログイン
    • 新規登録はこちら
    • アカウントを持っている
  • Show Search
Hide Search
現在の場所:ホーム / ClickFunnels / 5-12 ClickFunnelsでプログレスバーを入れる

5-12 ClickFunnelsでプログレスバーを入れる

Last updated on 2020年11月5日 By 石崎 力也

今回はClickFunnelsでプログレスバーを挿入していきます。

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

  • Step1. プログレスバーを挿入する
  • Step2. THEMESタブを設定する
  • Step3. ADVANCEDタブを設定する
  • やり方を動画で見る

Step1. プログレスバーを挿入する

「ADD NEW ELEMENT」をクリックし、「PROGRESS BAR」を挿入していろいろ設定していきます。

  • TOP MARGIN:エレメントの上の余白の設定で、これはほとんどのエレメントで共通しています。
  • PERCENT:文字の設定です。「PERCENT」と書いてあるのですが、だいたいは文字を入れています。例えば「申し込みはまだ完了していません!」という感じの文字を入れるとすごく効果的だと思います。
  • FONT FAMILY:フォントを選択できます。
  • BG COLOR:ハイライトされている部分の背景の色を変更できます。

Step2. THEMESタブを設定する

THEMESタブにはプリセットされたデザインがあります。「Animated Stripes」は動きがあっていいと思います。

Step3. ADVANCEDタブを設定する

次はADVANCEDタブです。

STYLESタブから見ていきましょう。

  • PERCENT WIDTH:色が付いている部分の長さを変更できます。「90 Percent」にしてもいいですし、「33 Percent」にしてもいいと思います。
  • SIZES:文字の太さと大きさを変更できます。
  • TEXT SHADOW:テキストのシャドウを変更できます。
  • TEXT STYLE:文字を太文字にしたりイタリックにしたりできます。
  • ALIGNMENT:テキストの場所を「Center」「Left」「Right」と変更できます。
  • OFFSET COLOR:これも設定したほうがいいです。通常は「White」になっています。今は背景が少し白っぽいので「Transparent White」にしても分かりにくいです。私は「Transparent Black」がいいと思います。
  • SHADOW:「TEXT SHADOW」はテキストのシャドウに関しての設定でしたが、これはプログレスバー自体のシャドウのことです。
  • CORNERS:角を丸くするもので、数値が大きいほど角が丸くなります。
  • BORDER:プログレスバーの周りのボーダーを設定することができます。

ANIMATIONタブはほとんどのエレメントで共通しているのですが、画面をロードしてから少し遅らせてエレメントを表示させたいときに使います。上は長い時間のディレイに使い、下は短い時間のディレイに使うというふうに使い分けます。

「TIMED DELAY」は長い時間のほうで、「Fade In」などの効果が選べます。だいたいはオートウェビナーなどで使うのですが、1時間のウェビナーで30分たってからセールスをしたいという場合は「MINUTES」を「30」に設定します。これはボタンなどを後から表示したいときにも使えます。

「ANIMATION」の「TYPE」は2種類あり、JavaScriptでいうLazy Loadingのような感じです。「On Page Load」はページがロードされてから指定したミリセカンドで選択した効果を出すことができます。「On Page Scroll (becomes visible)」はスクロールしていってエレメントの場所まで来たときから起算して500ミリセカンドをカウントするというものです。

プログレスバーはすごく使い勝手がいいので、アップセルページなどで使ってみてください。今回は以上です。

やり方を動画で見る

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

Filed Under: ClickFunnels

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

Copyright © 2021 · Rikiya "Sales Funnel" Ishizaki