> ## 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.

# Добавление виджета checkout в ваш Shopify checkout

> Как настроить Shopify checkout с помощью виджетов Aftersell, добавить блоки приложения, такие как Testimonials, и изменить их расположение перед запуском

После [создания ваших первых виджетов checkout в Aftersell](/ru/aftersell/creating_your_first_checkout_widget) следующим шагом будет добавление виджетов в ваш Shopify checkout.

***

<div id="step-1-navigate-to-shopify-checkout-customization-page">
  ## Шаг 1. Перейдите на страницу настройки Shopify checkout
</div>

Это можно сделать двумя способами:

1. Перейдите на вкладку «Settings» в Shopify. Нажмите «Checkout» в левой навигационной панели. Нажмите «Customize» рядом с нужным профилем checkout.
2. Нажмите «Open Shopify Checkout Editor» в правом нижнем углу страницы редактора checkout в Aftersell.

Первый вариант дает больше контроля над тем, какой профиль checkout вы редактируете, тогда как второй вариант откроет действующую версию профиля вашего checkout. Мы рекомендуем сначала протестировать все на черновой версии, чтобы убедиться, что все работает как нужно, прежде чем публиковать изменения.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-install-settings-tab-customize-button.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=77442f8be63f9a08ae3dc3fe0d1e569a" alt="Настройки Shopify checkout с выделенной вкладкой Checkout и кнопкой Customize" width="2216" height="934" data-path="images/aftersell/checkout-widget-install-settings-tab-customize-button.png" />

***

<div id="step-2-add-an-app-block">
  ## Шаг 2. Добавьте блок приложения
</div>

Нажмите «Add app block» на странице настройки Shopify checkout.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-install-add-app-block-button.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=f6ba0d6ab535b750f8487c408e99ef69" alt="Редактор Shopify checkout со стрелкой, указывающей на кнопку Add app block" width="3486" height="1964" data-path="images/aftersell/checkout-widget-install-add-app-block-button.png" />

Вам будут показаны различные варианты виджетов, которые предлагает Aftersell. В этом примере мы выберем виджет Trust Badges.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-install-block-picker-listing-rokt.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=6b6c6f415043aff812c76705409501c6" alt="Выбор блоков Shopify со списком виджетов Aftersell by Rokt, включая Trust Badges Widget" width="3478" height="1954" data-path="images/aftersell/checkout-widget-install-block-picker-listing-rokt.png" />

После выбора нужного виджета укажите правильное размещение и нажмите «Save» в правом верхнем углу. Вы также можете отметить опцию «Include app block in Shop Pay», если хотите, чтобы виджеты checkout отображались в Shop Pay checkout.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-install-trust-badges-block-settings.png?fit=max&auto=format&n=1Y3gBpUfxv16VGSW&q=85&s=114dab51d2102e86e8b8f0865ee8dc33" alt="Настройки блока Trust Badges Widget с выпадающим списком размещения и выделенной кнопкой Save" width="3482" height="912" data-path="images/aftersell/checkout-widget-install-trust-badges-block-settings.png" />

***

<div id="step-3-change-app-block-position">
  ## Шаг 3. Измените позицию блока приложения
</div>

Перетащите блок приложения в нужное место и нажмите «Save» в правом верхнем углу.

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/checkout-widget-install-drag-app-block.gif?s=7d17314d5e47e74b202e18baf3867e7a" alt="Перетаскивание блока приложения Aftersell для изменения его позиции в редакторе Shopify checkout" width="1916" height="1080" data-path="images/aftersell/checkout-widget-install-drag-app-block.gif" />