> For the complete documentation index, see [llms.txt](https://document.tek-labs.app/salemate-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/salemate-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

{% hint style="danger" %}
Please note that **Checkout customization** features are **available only on the Shopify Plus plan**.

For more information, you can refer to this [Shopify's document](https://help.shopify.com/en/manual/checkout-settings/customize-checkout-configurations) :point\_left:.&#x20;
{% endhint %}

## Enable the Tek Labs Post Purchase Block

Select the block you want to customize, then click the **Enable** button to activate it and start editing the widgets inside.

Alternatively, you can enable the block by clicking the **Enable** button in the **top right corner** of the screen after navigating to a specific **TL Post-purchase block**.

Please do not forget to **Save the changes**!

<figure><img src="/files/0lNVOzj4zZc7zQUVB96p" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/1Uis34LHp2GYvE08bP2c" alt=""><figcaption></figcaption></figure>

## Disable the **Tek Labs Post Purchase** Block

Click the **Disable** button in each block or in the **top right corner** of the screen to deactivate the block and hide all widgets from the storefront.

Please do not forget to **Save the changes**!&#x20;

<figure><img src="/files/vzVmfnBEEUYRzjQNkkh0" alt=""><figcaption></figcaption></figure>

## Place the **Tek Labs Post Purchase** Block on Checkout page

After enabling and designing the Tek Labs Post Purchase block, a **popup** will appear at the bottom left of the screen, notifying you about the **"Place block in Checkout editor"** step.

1. Click the prominent black button labeled "**Place on checkout**".

This action will automatically open your Shopify Theme Customizer / Checkout Editor in a new tab.

<figure><img src="/files/YzK43r0hQpJPrkeDfEvv" alt=""><figcaption></figcaption></figure>

2. Click the **"+" (Plus)** icon right next to **Checkout Block 1** to add it to your theme.

<figure><img src="/files/reBpRArkV5k2qod3izd8" alt=""><figcaption></figcaption></figure>

The app block will now appear in your checkout preview. You can easily drag and drop it to your desired position (such as above the Contact details, near Shipping, or below Payment).

<figure><img src="/files/6UOyvZl5EPlLY4JMnzoV" alt=""><figcaption></figcaption></figure>

In the left-hand Sections menu, verify that Checkout Block 1 is active and visible (indicated by the eye icon).

{% hint style="info" %}

* **Double-Check Sync:** Make sure the **block number** in this **editor matches&#x20;*****exactly*** with the layout **configuration in your app** dashboard.
  {% endhint %}

3. Click **Save** in the top-right corner of your Shopify editor to make the widget live for your customers!

If you have any other questions in enabling the **Tek Labs Post Purchase** block, send us a message via Live Chat or email us at **<support@tek-labs.app>.** Our team is always ready for you :handshake::relaxed:
