• 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-10 ClickFunnelsで価格表を追加する (Pricing Table)

5-10 ClickFunnelsで価格表を追加する (Pricing Table)

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

今回はClickFunnelsでPricing Table(価格表)を追加していきます。

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

  • Step1. 価格表を追加する
  • Step2. SETTINGSタブを設定する
  • Step3. ADVANCEDタブを設定する
  • やり方を動画で見る

Step1. 価格表を追加する

価格表に関してはいくつかプランがあるときにその比較ができるような表になっていて、すごく便利なので紹介させてください。

「ADD NEW ELEMENT」をクリックして「Pricing」で検索すると「PRICING TABLE」が出てくるので、これを選択すると追加されます。

まずはプランの名前を一番上に入れるといいと思います。ここには通貨を入れられるのですが、キーボードで円マークを押しても出てきません。テキストエディタなどで円マークをコピーして貼り付けると普通に入るので、このような感じでやってみてください。あとは価格を設定して、その下に補足事項を入力します。最後に購入者が手に入れられるものをここに書いてあげるといいと思います。

Step2. SETTINGSタブを設定する

次はSETTINGSタブです。

  • TOP MARGIN:エレメントの上の余白を調整できます。
  • TOP TEXT COLOR:価格が書いてあるボックス内のテキストの色です。
  • TOP BG COLOR:価格が書いてあるボックス内の背景色です。

Step3. ADVANCEDタブを設定する

次はADVANCEDタブです。

  • BG COLOR STYLE:バックグラウンドのカラースタイルを変えるのですが、「Gradient」にしても変化がわからないので、あまり意味がない感じがします。この辺も機能の改良とともにもしかしたらご覧のときにはもう変わっているかもしれません。
  • TEXT SHADOW:価格が書いてあるボックス内のテキストにかかるシャドウを変更できます。
  • BORDER:周りの枠線の太さを指定できます。
  • CORNERS:角の丸みを調整することができます。
  • SHADOW:全体にシャドウがかかります。

次はANIMATIONタブです。「TIMED DELAY」はエレメントを遅れて表示させる機能です。「Fade In」または「Fade In With Scale」が選べます。

「MINUTES」と「SECONDS」でどのくらいのディレイを入れるかを指定できます。例えばウェビナーが開始されてから30分、正確にはウェビナーのページが読み込まれてから30分なのですが、ここで指定した時間だけ遅れてPricing Tableを出したりできます。

この下の「ANIMATION」は「TIMED DELAY」と似たような感じなのですが、JavaScriptが分かる方であれば「Lazy Loading」と言った方がわかりやすいかもしれません。ミリセカンド単位で表示を遅らせるような感じです。ページを開いたときにふわっと表示されるようなエフェクトを追加することができます。

いくつか種類があるのですが、「On Page Load」を選択するとページがロードされてからどのくらいの時間、どういうスタイルで遅れて表示させるかを選べます。「On Page Scroll (becomes visible)」を選択するとページが読み込まれたときではなく、ページをスクロールしていってこのエレメントが出るはずの場所まで来たときから起算して、500ミリセカンドでこの効果を表示させるように指定することができます。これはすごく便利なので使ってみてください。今回は以上です。

やり方を動画で見る

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

Filed Under: ClickFunnels

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

Copyright © 2021 · Rikiya "Sales Funnel" Ishizaki