• 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-1 ClickFunnelsでショートコードを使ってボタンとテキストにアクションを設定する

2-1 ClickFunnelsでショートコードを使ってボタンとテキストにアクションを設定する

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

今回はClickFunnelsのショートコードを使ってボタンやテキストにアクションを設定していきます。

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

  • ClickFunnelsのショートコードとは
  • Step1. サブミットフォーム
  • Step2. オープンポップアップ・クローズポップアップ
  • Step3. スクロールタイトル
  • Step4. 電話リンクとメールリンク
  • Step5. 「Yesリンク」と「Noリンク」
  • Step6. メンバーシップエリアのサインアウト
  • やり方を動画で見る

ClickFunnelsのショートコードとは

ClickFunnelsにはショートコードがあって、アクションの設定のところとは別にテキストを挿入することによって、ボタンやテキストにアクションを設定することができます。ショートコードの種類は3つです。

  1. どこでも使えるもの
  2. オーダーフォーム、OTOページ・オンリーのもの
  3. メンバーシップエリア・オンリーのもの

どこでも使えるショートコード

  • #submit-form
  • #open-popup
  • #close-popup
  • tel:+123456789
  • mailto:email@domain.com

オーダーフォーム、OTOページ・オンリーのショートコード

  • #yes-link
  • #no-link

メンバーシップエリア・オンリーのショートコード

  • /members/sign_out

Step1. サブミットフォーム

  • サブミットフォーム

まず、「どこでも使えるもの」のサブミットフォームの例です。例えばウェビナーの「registration」のページはこのような感じになっていると思います。ここにサブミットフォームのポップアップの中にEメールアドレスと名前を入れてフォームをサブミットするところがありますが、普通にボタンで設定すると「SUBMIT ORDER / SUBMIT FORM」が設定できます。

これをテキストでやりたい場合は、テキストを作ってこの中にリンクとして「#submit-form」というショートコードを入れればいいわけです。これでボタンと同じ機能を持たせることができます。

ボタンの場合は「SUBMIT ORDER / SUBMIT FORM」で設定することもできますが、「GO TO WEBSITE URL」に先ほどの「#submit-form」をペーストして確定すると、「SUBMITS THE PAGE」という同じ表示が出ていると思います。もう一度確認してみると、自動的に「SUBMIT ORDER / SUBMIT FORM」の項目が選択されています。

Step2. オープンポップアップ・クローズポップアップ

  • オープンポップアップ

次はオープンポップアップです。本来はボタンがポップアップのオープンのボタンになっていますが、これをテキストでやりたい場合は、ここにショートコードをリンクとして挿入するとオープンポップアップにすることもできます。

  • クローズポップアップ

クローズポップアップも同様です。ポップアップを出して、ここでももちろんユーザーがバツボタンでクローズできますが、さらにテキストまたはボタンでポップアップをクローズしたい場合は、このテキストに同じく「#close-popup」のショートコードを入れて代替することができます。

Step3. スクロールタイトル

  • スクロールタイトル

次はスクロールタイトルです。例えばセールスページか何かで「Section1」「Section2」「Section3」というふうに長いセクションが並んでいて、「Section2へ移動する」というボタンを押して「Section2」に移動したいという場合があります。

もしショートコードを使わずにやるとすると、アクションの設定の「SCROLL TO ROW / SECTION ON PAGE」にRawがいろいろと表示されていて、正直どれがどれだかわからなくなることがあります。なので、ここでショートコードを使うと飛ぶ先のセクションを指定しやすくなります。

これを使う場合は、「#scroll-title」の後ろの「title」の部分をセクションの名前に替えてペーストすることによって移動するショートコードを作ることができます。

セクションのタイトルを設定していきましょう。セクションのセッティングから「GET CSS INFO」を選択すると「CSS Info:」で「Title:」が出てきます。

これを今回は「section2」としてアップデートしていきましょう。タイトルはそれぞれ個別に違うタイトルを付けなければいけないので、重複するタイトル名は付けられません。

では、これをコピーしておきましょう。そして、ボタンのところに「SET ACTION」から「GO TO WEBSITE URL」でショートコードを設定していきましょう。今回は「#scroll-」の後ろに先ほどコピーした「section2」を入れて「#scroll-section2」と設定し、戻ってセーブします。

プレビューしてみます。ボタンを押すと先ほどの「Section2」のところに飛びます。

Step4. 電話リンクとメールリンク

「どこでも使えるもの」のあとの2つは比較的わかりやすいと思います。「tel:」は電話です。「+」なので、国番号と「0」を抜いた電話番号です。メールのほうはなじみがあると思います。「mailto:」でEメールアドレスを入力します。

Step5. 「Yesリンク」と「Noリンク」

次はオーダーフォーム、OTOページです。ClickFunnelsにはワンクリックアップセルがあって、1つ商品を購入した後にワンクリックでアップセルを購入できるOTOページを作ることができます。

そのときに「Yesリンク」「Noリンク」というものがあります。「Yesリンク」を押すとアップセルを購入することができます。「Noリンク」は「アップセルを購入しない」というボタンを作ることができ、ダウンセルにつなげることができます。

  • 「Yesリンク」

ボタンを見てみると、「YES LINK FOR OTO」となっています。同じリンク機能をテキストに付けたい場合は、ここのテキストに挿入されている「#yes-link」というショートコードで実現することができます。

  • 「Noリンク」

同じく「いいえ」というテキストががリンクになっています。ダウンセル用の「Noリンク」のショートコード「#no-link」でテキストにその機能を持たせることができます。

Step6. メンバーシップエリアのサインアウト

  • メンバーシップエリアのサインアウト

最後にメンバーシップエリアのサインアウトです。例えばある商品のメンバーシップエリアを作ったとします。そこからログアウトしたいという場合は、テキストに同じくショートコードを付ける場合と、ボタンにショートコードを付ける場合の2つができます。

  • テキストにショートコードを付ける場合
  • ボタンにショートコードを付ける場合

この挙動を見てみましょう。「ログアウト」を押すとちゃんとログアウトできています。以上です。

やり方を動画で見る

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

カテゴリClickFunnels

About 石崎 力也

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

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

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

Copyright © 2025 · Rikiya "Sales Funnel" Ishizaki