CPQとShopifyの統合

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間:9分
  • Shopify 用の CPQ アプリを使用すると、店舗は高度な CPQ (構成、価格、見積もり) 機能を使用して構成可能な製品をシームレス CPQ 管理および販売できます。インストールとセットアップが簡素化され、テクニカルユーザーと非テクニカルユーザーの両方に強力なアドミンオプションが提供されます。

    Shopify用の CPQ アプリは、Shopifyストア用のフル機能のコネクタです。このアプリにより、製品カタログ全体がCPQ詳細計画で使用できるようにCPQできるようになります。このアプリには、専用の UI を作成しなくても、ストアフロントの任意のページにコンフィギュレーターを追加するためのアプリブロックも含まれています。コンフィギュレーターアプリブロックはすぐに使えるので、顧客はストアフロントの変更が公開されるとすぐに構成可能な製品をカートに追加し始めることができます。
    • CPQアプリは、Shopify製品カタログ全体をCPQにし、B2CおよびB2B販売のための複雑な構成を可能にします。
    • 製品コンフィギュレーターを任意のストアフロント ページに簡単に追加できるアプリ ブロックを備えています (カスタム コードは必要ありません)。
    • Shopify から 15 分ごとに CPQ へのライブカタログ同期を提供します (一方向同期)。
    • B2B ユーザーの Shopify カタログ価格を優先することで、Shopify B2B 価格設定を有効にします。

    Shopify用の CPQ アプリは、Shopifyアプリストアから無料でダウンロードできます。

    Logik:製品構成

    セットアップ

    CPQアプリをダウンロードすると、ストアの「アプリ」セクションに自動的に表示されます。

    アプリの使用を開始するには、アプリのランディング画面の [CPQ設定] セクションにCPQ環境の詳細とトークンを入力する必要があります。CPQトークンの作成の詳細については、「ランタイムクライアントの設定」を参照してください。
    注:
    ストアフロント URL とアドミン URL がトークンの作成元として追加されていることを確認します。すべてのストアでは、作成元のリストに次の静的 URL も含める必要があります: https://shpfy-connect.ecommerce.logik.io

    CPQ アプリアドミン画面の概要

    管理画面の概要

    • Logik 設定:コンフィギュレーターを表示するために必要な Logik 環境設定
    • 説明: このブロックは、構成可能な製品に必要なものを高レベルで要約しています。「現在のテーマに追加」ボタンも、製品ページテンプレートにアプリブロックを自動的に配置します。
    • 構成可能な製品:ストアカタログ内の Logik 対応製品の ページにリダイレクトします
    • 注文構成:管理者が Logik 構成可能製品を注文に追加できるように、Logik 固有の注文の作成ページにリダイレクトされます

    製品の管理

    アプリがインストールされ、 Logik 設定 が正常に保存されると、自動カタログ同期が開始され、カスタム CPQ 属性が製品の詳細管理ページに追加されます。

    製品カタログの同期

    製品は Shopify から 15 分ごとに CPQ に同期されます。ストアカタログ内のすべての製品が CPQに同期されます。変更は、ジョブの次回実行時に同期されます。

    Shopifyの商品は、商品テーブルと設定可能な商品テーブルに表示されます。Shopify GID は、テーブルの [製品 ID] フィールドに自動的にマッピングされます。

    製品カタログ

    注:
    製品の同期は一方向です。商品テーブルへの変更は、Shopifyカタログには反映されません。

    構成可能な製品

    製品を構成可能製品テーブルと表示するコンフィギュレーターに表示するには、製品の [Logik is Configurable ] 属性が True に設定されている必要があります。

    メタフィールド の構成可能な製品

    Shopify B2B価格設定の使用

    Shopify B2B 価格設定を使用するには、 CPQ 詳細計画に関連付けられているすべての製品がカタログに存在する必要があります。また、カタログには、少なくとも 1 つの会社の場所と、その会社に所属するユーザーが関連付けられている必要があります。Shopify B2B

    ユーザーが含まれている会社の場所からログインすると、 CPQ 価格はデフォルトでShopifyカタログ価格になります。これにより、これらの製品の CPQ 価格ルールが上書きされます。このシナリオでの価格設定に関する混乱を避けるために、B2B 固有の詳細計画を作成することをお勧めします。

    ページへのコンフィギュレーターの追加

    CPQコンフィギュレーターは、ページエディターを使用して、付属のアプリブロックを介して任意のページに追加できます。アプリがインストールされると、アプリブロックがストアに自動的に追加されます。新しいページセクションを追加するときに、アプリの下にあるブロックを見つけることができます。

    Logik コンフィギュレーターの外観と操作感は、レイアウトエディターを使用して CPQ アドミンで管理されます。ただし、 CPQ アプリブロックには追加のオプションがあります。フォントが小さすぎたり大きすぎたりする問題が発生した場合は、アプリのブロック設定で間隔を変更できます。

    製品ページ

    製品ページの場合、 CPQ アプリのランディングページには、アプリブロックを製品ページテンプレートに直接追加するためのショートカットがあります。

    製品ページのデフォルトの動作では、現在の製品を構成可能な製品として使用します。製品が Logik 構成可能な場合は、コンフィギュレーターが表示されます。そうでない場合、アプリブロックは非表示のままになります。

    ただし、アプリブロック以外のページコンテンツの変更が必要になる可能性があるため、 Logik 対応製品 ページ用に特定のテンプレートを作成することをお勧めします。

    製品ページのアプリブロックの説明

    コンテンツページ

    製品以外のページに Logik コンフィギュレーター を追加する場合は、使用する特定の製品を選択する必要があります。

    デフォルトでは、選択オプションが表示されます。クリックすると、すべての製品のリストが表示されます。製品をクリックするか、検索用語を入力します。選択すると、製品がアプリブロックの設定に表示されます。

    使用している製品を変更するには、現在の製品をクリックし、[置換]をクリックして製品リストを再度開きます。製品を置換

    カートに追加と注文に追加

    Logik コンフィギュレーターアプリブロックには、機能に関する 2 つのオプションがあります。アプリが構成を顧客の買い物かごに直接追加するか、構成のドラフト注文を顧客用に作成することができます。ページ上のコンフィギュレーターの動作を制御するために、[下書き注文としてチェックアウト] オプションを有効または無効にすることができます。

    有効にすると、顧客はログインする必要があります。顧客が現在ログアウトしている場合、コンフィギュレーターは表示されず、代わりに顧客にログインを通知するメッセージが表示されます。ログインすると、顧客は通常どおり構成を完了できます。構成が完了すると、コンフィギュレーターが閉じ、成功メッセージが表示されます。この構成は、アドミンのShopify注文画面にドラフト注文として表示されます。ログインに使用したお客様のメールが注文に含まれます。

    チェックアウト画面

    設定が無効になっている場合は、構成が完了したら。構成に含まれるすべてのアイテムが顧客のカートに直接追加され、顧客は買い物かごページにリダイレクトされます。

    Shopify アドミンでの構成可能な製品の管理

    構成可能な製品リスト:

    Logik アプリのランディングページに、 CPQ 認証情報が保存されると、構成可能な製品セクションが表示されます。

    ページをクリックすると、 Logik で構成可能な すべての製品とバリアントのリストが表示されます。

    [構成可能な製品] ページには、各製品に 2 つのボタンがあります。詳細ボタンは、ShopifyユーザーをShopify管理画面のその商品の詳細ページにリダイレクトし、商品の詳細を編集できるようにします。

    注文ボタンをクリックすると、Shopifyユーザーはドラフト注文の作成ページにリダイレクトされ、選択した製品のコンフィギュレーターが開きます。

    ドラフト注文の作成

    ドラフト注文の作成

    [ドラフト注文を作成]ページで、Shopifyユーザーは CPQ 構成可能な製品を選択して、コンフィギュレーターを起動できます。製品を選択して [送信] ボタンをクリックすると、関連する詳細計画が表示されます。

    ドラフト注文の作成

    コンフィギュレーターがロードされると、Shopifyユーザーは顧客と同じように構成を完了できます。完了すると、構成内のすべてのアイテムが新しいドラフト注文に追加され、ユーザーはその注文のページにリダイレクトされます。

    ドラフト注文の作成

    注文ページから、ユーザーは他のShopify注文と同様に注文を完了できます。

    ドラフト注文の構成可能製品の編集

    ドラフト注文ページで、Shopifyユーザーは注文に含まれるLogik構成可能な製品を編集できます。ユーザーはドロップダウンから製品を選択し、「再構成」ボタンをクリックすると、ドラフト注文の作成ページにリダイレクトされます。

    ドラフト注文の構成可能製品の編集

    既存の構成はページに自動的にロードされ、ユーザーは保存する前に変更を加えることができます。保存されると、ユーザーは注文にリダイレクトされます。

    ヘッドレス実装でのアプリの使用

    CPQ Shopify アプリは、CPQ を Shopify ストアフロントと統合したいユーザーに必要ありません。ただし、このアプリはヘッドレス実装を念頭に置いて設計されています。

    ヘッドレス実装にアプリを使用する際の考慮事項は次のとおりです。

    このアプリは、プラットフォーム間の製品同期、カスタムCPQ構成可能な製品属性、ドラフトオーダー機能を提供することで、CPQセットアップを合理化し、カスタムミドルウェアの全体的な必要性を減らします。

    完全にオプションである CPQ アプリブロックの代わりにカスタム UI を使用できます。

    たとえ不注意であっても、構成を保存すると、動的な価格設定と属性を容易にする CPQ カートに追加機能がトリガーされます。保存時のカートへの自動追加は、DevOps 要求によって無効にできます。

    アプリの設定をクリアしています

    アプリの設定をクリアする必要がある場合は、Shopifyストアの設定で手動で削除できます:メタフィールドとメタオブジェクトページに移動し、 logikconfigを選択します。

    [その他のアクション] ドロップダウンメニューをクリックし、[メタオブジェクトを削除] をクリックします。

    アプリの設定をクリアする アプリの設定をクリアする