> For the complete documentation index, see [llms.txt](https://document.tek-labs.app/post-purchase-userguide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://document.tek-labs.app/post-purchase-userguide/user-guides/how-to-set-up-funnel-step-by-step/checkout-page/enable-and-place-widgets-on-checkout-page-editor.md).

# Enable and place widgets on Checkout page editor

Add your Checkout blocks to the checkout in the Shopify checkout editor.

The Checkout blocks you design in the app only appear once you add them to your checkout in Shopify.

## Before you start

* Your store is on **Shopify Plus**.
* The block is **enabled** in the app (**Enable block › Enable**) and saved.
* The funnel is **active**.

## Add the block in Shopify

1. In the **Edit checkout block** editor, click **Open Shopify editor**. You can also go to **Home › Set up Checkout › Set up Checkout page**, or **Shopify Admin › Settings › Checkout › Customize**.
2. Make sure the **Checkout** page is selected at the top of the editor.
3. In the left sidebar, find the section where you want the block and click **Add block**.
4. Under **Tek Labs PostPurchase**, pick the **Checkout Block** with the same number as the block you designed.
5. Drag the block to the exact position you want, for example under **Contact** or **Shipping method**.
6. Click **Save** at the top right.

<figure><img src="https://2072184172-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FD7nJPiqs3PWuRTtrh4pP%2Fuploads%2Fgit-blob-89e90bfd08f6b6675a61a254ad731d5fedd45f8d%2Fpp-shopify-checkout-editor.png?alt=media" alt="Adding a Checkout block in the Shopify checkout editor"><figcaption></figcaption></figure>

{% hint style="warning" %}
**The block numbers must match.** If your widgets are in **Checkout Block 1** in the app, add **Checkout Block 1** in Shopify.
{% endhint %}

## Tips

* Put widgets that belong in different places in different blocks, and place each block once.
* The **Position** menu in the app only changes the preview.
* Each Checkout block shows the content of the highest-priority funnel that matches the cart. See [Understand the working logic of funnels](/post-purchase-userguide/user-guides/how-to-set-up-funnel-step-by-step/understand-the-working-logic-of-funnels.md).