> For the complete documentation index, see [llms.txt](https://docs.opusbooster.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.opusbooster.com/platform/widgets/checkout-widget.md). # チェックアウトウィジェット チェックアウトウィジェットを使えば、ウェブサイト、ファネル、ブログ記事内のどこにでもワンクリックでチェックアウトを追加することができます。 チェックアウトウィジェットをブロックに追加するには、チェックアウトウィジェットを選択し、ページにドロップするだけです。 ![](https://1369750374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWQDl1MvGQxbiNyVOzW8v%2Fuploads%2FnQlFUmIUaGzIYYYltdNo%2Fcheckout%20widget.PNG?alt=media\&token=7b59b9fb-618d-4f9f-a50e-c77377c54d8c) ### 商品を追加する ページ上にチェックアウトウィジェットを配置したら、次のステップは、下図でステップ１と表示したように、商品タブを選択してください。 ![](https://1369750374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWQDl1MvGQxbiNyVOzW8v%2Fuploads%2FpZvctneBbfLm1srUYFjd%2Fcheckout%20add%20product.png?alt=media\&token=ab0e2d34-5d6f-4b41-a460-777369a49600) 1. 商品タブを選択する 2. バンプオファーを追加してカート価値を高める 3. チェックアウト時に追加したい商品（複数可）を選択する 4. ここでは、2つのオプションがあります。商品選択とカートチェックアウトです。商品選択とは、特定のチェックアウトウィジェットに追加したい商品または製品を意味します。カート・チェックアウトとは ユーザーが商品をカートに入れることができる前のページがあり、商品をカートに入れた後に別のページに移動させたい場合、例えばファネルでは、このオプションが最適です。 5. 複数の商品を表示する場合、ユーザーが商品を選択できるようにする。 ### 商品の選択 以下の例では、このチェックアウトウィジェットに表示したい2つのストアアイテムを選択しました。ビジュアルエレメントは後で変更することができます。 ![](https://1369750374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWQDl1MvGQxbiNyVOzW8v%2Fuploads%2F7u3GQloBBylM7isf0VrL%2Fcheckout%20slect%20products.PNG?alt=media\&token=358b7e86-b633-4562-a61b-0079add28a03) ### バンプオファーの追加 バンプオファーを追加することで、ユーザーに追加で販売したい商品を表示し、カート全体の収益を増やすことができます。 ![](https://1369750374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWQDl1MvGQxbiNyVOzW8v%2Fuploads%2FXTziSBUnjPMQulZyqAes%2FCHECKOUT%20ADD%20BUMP%20OFFER.PNG?alt=media\&token=2502bc8c-9bb1-4d53-9127-50e7ecc0b903) バンプオファーを追加するには、追加したいストアアイテムを選択し、バンプオファーの表示方法の設定を適用するだけです。この例では、バンプオファーをチェックアウトフローに表示していますが、代わりに注文サマリーの下に移動させることもできます。 このように、ストアの収益を上げるためのシームレスな方法となり得るのです。 ### チェックアウトのスタイリング チェックアウトスタイリングでは、あなたのブランドに合った完璧なチェックアウトをデザインするための無限のオプションがあります。しかし、重要な部分を見てみましょう。 * チェックアウトスタイル * チェックアウトステップ処理 ![](https://1369750374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWQDl1MvGQxbiNyVOzW8v%2Fuploads%2FvFZNQN7bDMxht8xjeACU%2Fcheckout%20styling.png?alt=media\&token=1ade9239-f044-45cb-a741-ab4919419f7f) **チェックアウトスタイル**： 現在、チェックアウトのスタイルは、上の画像のように3種類から選択することができます。 チェックアウトステッププロセス：チェックアウトステッププロセスは、１ステップ、２ステップ、３ステップから選択することができます。 １ステップ チェックアウト: 上記のように、すべての顧客入力情報と支払いの詳細が 1 か所にまとめられています。 ２ステップのチェックアウトプロセスでは、1 つ目のステップでユーザーが情報を入力し、次のステップが支払いステップになります。これはカゴ落ちのシナリオに最適です。３ステップのチェックアウトプロセスでは、さらに細分化されます。通常、最初のステップで名前と電子メール、次のステップで配送情報、３番目のステップが支払いセクションになります。 ### チェックアウトの設定 チェックアウト設定タブでは、より技術的な部分を管理できるようになっています。 * 購入した人を任意のページに誘導 * 割引を有効化 * 顧客登録 * 配送先住所の入力 * 顧客をメールリストに追加し、セグメンテーションのためのタグを追加 ![](https://1369750374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWQDl1MvGQxbiNyVOzW8v%2Fuploads%2FOnskbMytbJMLCDThDCnW%2Fcheckout%20settings.png?alt=media\&token=771bc3ac-cf51-4cd9-b009-6013e68c9ebd) **サンキューページ**： 顧客がチェックアウトで商品を購入した後で、どのページを表示させたいですか？カスタムサンキューページ、ウェブサイト内の任意のページ、ファネルステップ、またはFacebookグループなどの外部URLに送ることができます。 **割引を許可する**： ストアの設定で割引を設定し、チェックアウト時に選択したアイテムの割引を許可したい場合、許可することができます。これは完全にオプションです。 **顧客登録を有効化**： 基本的に会員を作成し、再度購入する際にログインするだけで、その情報がチェックアウト時に自動入力されるようにします。再購入のスピードアップに貢献します。 **配送先住所**： これはオプション機能です。物理的な住所を必要としない製品を購入する際に、ユーザーの入力を減らすことができます。例えば、デジタル製品を販売する場合、顧客の住所を必要としない場合があります。 **メールマーケティングに接続**： 顧客が商品を購入した際に、メールリストに追加することができます。MailChimpなどの外部プロバイダーを利用している場合は、MailChimpのリストに追加することができます。 **新規注文時に顧客にタグを付ける:** タグを使用して購入を追跡したい場合に最適です。 これは、後のプロモーションのために顧客をセグメント化するのに役立ちます。また、オートメーション機能でタグを使用して、メールキャンペーンなどで顧客をさらにフィルタリングすることもできます。 --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://docs.opusbooster.com/platform/widgets/checkout-widget.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.