> ## Documentation Index > Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt > Use this file to discover all available pages before exploring further. # Shopifyチェックアウトにチェックアウトウィジェットを追加する > AftersellウィジェットでShopifyチェックアウトをカスタマイズし、Testimonialsなどのアプリブロックを追加して、公開前に位置を調整する方法 [Aftersellで最初のチェックアウトウィジェットを作成](/ja/aftersell/creating_your_first_checkout_widget)したら、次のステップはShopifyチェックアウトにウィジェットを追加することです。 ***

## ステップ1: Shopifyのチェックアウトカスタマイズページに移動する

方法は2つあります。 1. Shopifyの「設定」タブに移動します。左側のナビゲーションで「チェックアウト」をクリックします。編集したいチェックアウトプロファイルの横にある「カスタマイズ」をクリックします。 2. Aftersellのチェックアウトエディタページの右下にある「Open Shopify Checkout Editor」をクリックします。 1つ目の方法では、どのチェックアウトプロファイルを編集するかをより細かく選択できます。2つ目の方法では、チェックアウトの公開中のプロファイルに移動します。公開する前に、まず下書きバージョンでテストして、すべてが想定どおりに動作することを確認することをおすすめします。

チェックアウトタブとカスタマイズボタンがハイライトされたShopifyのチェックアウト設定

***

## ステップ2: アプリブロックを追加する

Shopifyのチェックアウトカスタマイズページで「Add app block」をクリックします。

Add app blockボタンを矢印で示したShopifyチェックアウトエディタ

Aftersellが提供するさまざまなウィジェットオプションが表示されます。この例では、Trust Badges Widgetを選択します。

Trust Badges WidgetなどAftersell by Rokt製のウィジェットオプションが一覧表示されたShopifyのブロックピッカー

目的のウィジェットを選択したら、適切な配置場所を選び、右上の保存ボタンを押します。Shop Payのチェックアウトにもチェックアウトウィジェットを表示したい場合は、「Include app block in Shop Pay」オプションにチェックを入れることを検討してください。

配置ドロップダウンと保存ボタンがハイライトされたTrust Badges Widgetのブロック設定

***

## ステップ3: アプリブロックの位置を変更する

アプリブロックをドラッグ＆ドロップで任意の場所に移動し、右上の保存ボタンを押します。