CartFlows のファネルが表示されない、デザインが崩れる、チェックアウトに商品が出ないといった症状は、パーマリンク・ページビルダーの設定・ステップごとの商品設定・キャッシュや最適化プラグインのどれかに原因があることがほとんどです。この記事では、症状から原因の見当をつけ、CartFlows の管理画面を中心に1つずつ確認して直す手順を説明します。
症状から原因の見当をつける
CartFlows のファネルは、ランディング・チェックアウト・アップセル（ダウンセル）・サンクスページといった「ステップ」の組み合わせでできています。どのステップで、どのように表示されないのかによって疑う場所が変わります。
- ステップの URL を開くと 404 になる → パーマリンク、ステップの公開状態
- ページは開くがデザインが崩れる、ショートコードが文字のまま出る → ページビルダーの設定、テンプレート、CSS の生成
- チェックアウトに商品が表示されない、通常の WooCommerce 決済画面になる → チェックアウトステップの商品設定、グローバルチェックアウト
- ログイン中は正常で、訪問者だけ崩れる・カートの中身が違う → キャッシュ、最適化プラグイン
- 決済後にアップセルが出ずサンクスページへ飛ぶ → 決済方法の対応状況、ステップの順番
当てはまる項目から先に確認すると、作業が短くなります。
作業前の準備
ファネルは売上に直結するページなので、設定を変える前にサイトのバックアップを取ってください。可能であればステージング環境で再現を確認します。CartFlows・CartFlows Pro（使っている場合）・WooCommerce・ページビルダーのバージョンを控え、最新版に更新できるものは更新しておきます。CartFlows は WooCommerce やページビルダーの更新に合わせて改修されるため、組み合わせのずれが原因で表示が崩れることがあります。
原因1：パーマリンクとステップの公開状態
ステップの URL で 404 が出る場合は、まず「設定」→「パーマリンク」を開き、何も変更せずに「変更を保存」を押します。これで WordPress の URL の書き換えルールが作り直され、新しく作ったステップの URL が認識されるようになります。
CartFlows の設定にはステップ URL の構成（スラッグ）を変える項目があります。（2026年10月現在）項目の場所や名称はバージョンで変わることがあるので、変更した覚えがある場合は CartFlows の設定画面で確認し、変更後はパーマリンクの保存をもう一度行ってください。
あわせて、CartFlows の「ファネル」一覧から該当ファネルを開き、各ステップが公開状態になっているかを確認します。テンプレートを読み込んだ直後や複製した直後は、下書きのままになっていることがあります。
原因2：ページビルダーとテンプレートの設定
使っているページビルダーと設定が一致しているか
CartFlows の設定には、ファネルの作成に使うページビルダー（ブロックエディター、Elementor など）を選ぶ項目があります。ここで選んだビルダー用のテンプレートが読み込まれるため、実際に使っているビルダーと設定が食い違っていると、デザインが崩れたり、ショートコードがそのまま文字として表示されたりします。
テンプレートを読み込んだ後にビルダーのプラグインを停止した場合も同じ症状になります。ビルダーが有効になっているか、設定と一致しているかを確認してください。
ステップのページテンプレート
各ステップの編集画面には、ページテンプレートを選ぶ項目があります。テーマ標準のテンプレートを使うと、テーマのヘッダーやサイドバーがファネルの上に重なってレイアウトが崩れることがあります。CartFlows 用のテンプレート（ヘッダー・フッターを出さないものなど）に切り替えて、表示が改善するかを試してください。
ビルダー側の CSS を再生成する
Elementor を使っている場合、ビルダーが生成した CSS ファイルが古いまま残っていると、編集画面では正常なのに公開ページで崩れることがあります。Elementor のツール画面にある、CSS とデータを再生成する機能を実行し、ブラウザのキャッシュも消してから再確認します。
原因3：チェックアウトステップの商品設定
チェックアウトステップに商品が表示されない場合は、そのステップの設定で商品が割り当てられているかを確認します。CartFlows のチェックアウトは、ステップごとに「どの商品を売るか」を指定する仕組みで、商品が未設定だと決済フォームだけが表示されたり、エラーになったりします。
割り当てた商品が非公開・在庫切れ・価格未設定の場合も、カートに追加できずに表示が崩れます。WooCommerce の商品一覧で、その商品が単体で購入可能な状態かを確認してください。
グローバルチェックアウトの影響
CartFlows には、WooCommerce 標準の決済ページを特定のファネルのチェックアウトに置き換える「グローバルチェックアウト」の設定があります。これを有効にしていると、通常のカートから決済に進んだときもファネルのチェックアウトへ送られます。意図せず有効になっていると「普通の決済画面が出ない」「別の商品が勝手に入る」といった症状につながるため、使っていない場合は無効になっているかを確認します。
原因4：キャッシュと最適化プラグイン
ログイン中は正常で、ログアウトした訪問者だけ表示がおかしい場合は、キャッシュが疑わしいといえます。ファネルのステップはカートの中身や訪問者ごとの情報を扱うため、ページキャッシュに保存されると、別の訪問者のカート状態や古いフォームが表示されることがあります。
- CartFlows のステップ（特にチェックアウト・アップセル・サンクス）をページキャッシュの対象から外す
- WooCommerce のカート・決済ページもキャッシュ対象から外れているか確認する
- サーバー側キャッシュや CDN でも、これらのページの HTML をキャッシュしていないか確認する
高速化プラグインで JavaScript の結合・遅延読み込み・実行の遅延を有効にしている場合も要注意です。チェックアウトのフォームや決済ボタンは JavaScript で動作するため、読み込み順が変わるとフォームが表示されない、決済ボタンが反応しないといった症状が出ます。ブラウザの開発者ツールのコンソールでエラーを確認し、CartFlows・WooCommerce・決済プラグインのスクリプトを最適化の対象から外して再確認してください。
原因5：アップセルが表示されない
決済後にアップセルやダウンセルが表示されず、そのままサンクスページへ進む場合は、次の点を確認します。
- ファネル内でアップセルのステップがチェックアウトの次に配置されているか
- アップセル機能を使うための CartFlows Pro が有効になっているか
- 使っている決済方法が、アップセルのワンクリック購入に対応しているか
アップセルのワンクリック購入は、決済情報を再入力せずに追加購入させる仕組みのため、対応している決済方法が限られます。対応していない決済方法で支払うと、アップセルが飛ばされることがあります。対応状況は CartFlows の公式ドキュメントで最新の情報を確認してください。
競合を切り分ける方法
ここまでで直らない場合は、テーマやほかのプラグインとの競合を疑います。本番サイトで訪問者に影響を与えずに試すには、「Health Check & Troubleshooting」プラグインのトラブルシューティングモードが便利です。自分のセッションだけで標準テーマへの切り替えやプラグインの停止ができるので、CartFlows・WooCommerce・ページビルダーだけを有効にした状態で正常に表示されるかを確認し、ほかのプラグインを1つずつ戻して原因を特定します。
WooCommerce の「ステータス」→「ログ」に、決済や注文処理のエラーが記録されている場合もあります。表示の問題と決済の問題が同時に起きているときは、あわせて確認してください。
直ったかどうかの確認
修正後は、キャッシュをすべて削除し、シークレットウィンドウでファネルの最初のステップから最後まで通して確認します。決済サービスのテストモードを使って実際に注文を通し、アップセルの表示、サンクスページへの遷移、WooCommerce の注文画面に注文が正しく記録されているかまで見ておくと安心です。
まとめ
- 404 はパーマリンクの再保存とステップの公開状態を確認する
- デザイン崩れは、ページビルダーの設定、ステップのページテンプレート、ビルダーの CSS 再生成を見直す
- チェックアウトに商品が出ないときは、ステップの商品割り当てとグローバルチェックアウトの設定を確認する
- 訪問者だけ崩れる場合は、ステップをキャッシュと JavaScript の最適化の対象から外す
- 修正前にバックアップを取り、テストモードの注文でファネル全体を通して確認する