エディター上級設定
サードパーティの埋め込みコードClickFunnels を使用すると、フォーム、カレンダー、カスタム アイコン、ウィジェットなどのサードパーティ コンテンツを埋め込むことで、ページを強化できます。このガイドでは、 HTML/JS 要素、 ヘッダーコード、 およびフッターコード エディターを使用して、外部コードをページに埋め込む方法を示します。 必要条件 アクティブなClickFunnelsアカウント ワークスペースで作成されたページ 外部埋め込みコード 埋め込むことができるもの ClickFunnels ページに埋め込むことができるサードパーティ コンテンツの例をいくつか示します。…
ボタンクリックでコンテンツを表示/非表示にするClickFunnels の \[ボタンの表示/非表示 \] アクションを使用すると、ボタンがクリックされたときにコンテンツを表示または非表示にすることで、動的ページを作成できます。これは、折りたたみ可能なセクションを作成し、非表示コンテンツのトグルを作成するための素晴らしいツールです。Button 要素の Show/Hide アクションを効果的に使用するための手順を見てみましょう。 必要条件 アクティブなClickFunnelsアカウント ワークスペースで作成されたページ ステップ 1: 表示または非表示にするコンテンツを追加する…
クリック時に特定のコンテンツにスクロールを有効にする特定のコンテンツにスクロールすると、ユーザーは手動スクロールせずにページを簡単に移動できます。ClickFunnels は、訪問者を特定のセクション、行、Flex、または要素に誘導するボタンとテキスト リンクによってトリガーされる組み込みのスクロール機能を提供します。この記事では、ターゲット コンテナーを準備し、スムーズなスクロールを可能にするためにボタン アクションとテキスト リンクを構成する方法について説明します。 必要条件 アクティブなClickFunnelsアカウント ワークスペースで作成されたページ ボタンまたはテキスト要素…
ClickFunnelsページへのカスタムCSSコードの追加ClickFunnels ページ エディターでは、セクション、行、列、および要素に、エディター内で直接簡単に調整できるモダンで堅牢なレイアウトとスタイル オプションが付属しています。ただし、組み込みのデザイン設定が特定のニーズを完全に満たしていない場合や、独自のデザインを作成したい場合があります。これらのシナリオでは、ClickFunnels を使用すると、ページ上のコンテンツにカスタム CSS コードを適用できます。この記事では、カスタム CSS コードを適用して ClickFunnels ページのスタイルとカスタマイズを行う方法を学びます。…
高度な機能のためのJavaScriptとトラッキングコードの追加ClickFunnels を使用すると、JavaScript とトラッキング コードをページに追加して、カスタム インタラクティブ性、サードパーティ ツール、分析などの高度な機能を実装できます。このガイドでは、カスタム JavaScript と トラッキング コードを ページに効果的に追加 する方法を学習します。 必要条件 アクティブなClickFunnelsアカウント ワークスペースで作成されたページ 外部 JavaScript またはトラッキング コード HTML/JS 要素を使用した JavaScript コードの追加 HTML/JS…
ネストされた行: ネストされた行を使用してネストされたレイアウトを作成するClickFunnels の ネストされた行 機能を使用すると、列と Flex コンテナ内に行をネストすることで、より複雑で柔軟なレイアウトを作成できます。この高度なレイアウト ツールを使用すると、ページ コンテンツの配置をより詳細に制御でき、よりダイナミックなデザインを構築するのに役立ちます。この記事では、ネストされた行、その使用方法、およびページでネストされた行を使用するタイミングについて説明します。 必要条件 アクティブなClickFunnelsアカウント ワークスペースで作成されたページ RowまたはFlexコンテナ…
画像や動画を遅延読み込みする方法遅延読み込みは、ページ上の画像やビデオを効率的に読み込み、全体的なユーザー エクスペリエンスとページのパフォーマンスを向上させるための手法です。この記事では、遅延読み込みが重要な理由と、ClickFunnels ページの画像要素とビデオ要素に対して遅延読み込みを有効にする方法について説明します。 必要条件 アクティブなClickFunnelsアカウント ワークスペースで作成されたページ メディアタイプの要素(ビデオ、画像、レッスンビデオ、付与されたアセット画像など) 遅延読み込みとは 遅延読み込みは、画像やビデオなどのメディア…
カスタム入力フィールドを使用したカスタムユーザーデータの収集ClickFunnels を使用すると、フォームのカスタム入力フィールドを使用して、ユーザーから一意でパーソナライズされた情報を収集できます。このガイドでは、カスタム フィールドの追加、設定、収集されたデータの効果的な管理について説明します。 必要条件 アクティブなClickFunnelsアカウント ワークスペースで作成されたページ フォーム要素 (入力、選択ボックス、チェックボックス入力、テキストエリア、またはアンケート) 適切なフォーム要素の選択 カスタム情報を収集するには、要素リストから次の FORM カテゴリ要素のいずれかを使用できます。 1…
詳細設定 - スタイルのカスタマイズClickFunnels は、コンテナ (セクション、行、列、要素) の外観と機能を完全にパーソナライズするのに役立つ高度な設定を提供します。これらの設定により、コンテナーの高度なスタイル、アニメーション、ロジックをより詳細に制御できます。この記事では、高度な設定内のスタイル セクションに焦点を当て、動的コンテンツを調整したり、CSS プロパティを微調整したりして、ニーズに合わせた独自のデザインを作成できます。 必要条件 アクティブなClickFunnelsアカウント ワークスペースで作成されたページ…
詳細設定 - アニメーションのカスタマイズClickFunnels は、コンテナ (セクション、行、列、要素) の外観と機能を完全にパーソナライズするのに役立つ高度な設定を提供します。これらの設定により、コンテナのスタイル、アニメーション、 ロジックをより詳細に制御できます。この記事では、コンテナに動きや視覚効果を追加して、ユーザー エンゲージメントを強化し、よりインタラクティブなエクスペリエンスを作成できる詳細設定のアニメーション セクションに焦点を当てます。 必要条件 アクティブなClickFunnelsアカウント ワークスペースで作成されたページ…
詳細設定 - ロジックのカスタマイズClickFunnels には、コンテナ (セクション、行、列、要素) の動作と機能を完全にパーソナライズするのに役立つ高度な設定が用意されています。これらの設定 により、コンテナの スタイル、アニメーション、 ロジックをより詳細に制御できます。この記事では、詳細設定内の \[ロジック \] セクションに焦点を当て、レンダー条件とカスタム属性を適用してページのインタラクティブ性と機能を強化できます。 必要条件 アクティブなClickFunnelsアカウント ワークスペースで作成されたページ エディターで追加されたセクション、行、列、または要素…
ボタンをファイルのダウンロードに変える\[ファイルをダウンロード...\] ボタンアクションを使用すると、ボタンから訪問者に直接ファイルを渡すことができます。ワークスペースのダウンロードライブラリからファイルを選択するか、エディターを離れることなく新しいファイルをアップロードすると、訪問者がクリックしたときにボタンがそのファイルをダウンロードするか、新しいブラウザタブで開きます。これにより、リードマグネット、PDF、リソースを別の場所にホストし、その URL…