> For the complete documentation index, see [llms.txt](https://nuflorist.gitbook.io/nuflorist/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nuflorist.gitbook.io/nuflorist/cart-widget/install-widget-on-shopify.md).

# Install widget on Shopify

You need to enable the widget in your Shopify store to display delivery options to your customers in your store's cart page. Here’s a step-by-step guide to help you through the process.

## Go to Theme Editor

### Navigate to the Online Store

In the left-hand menu, click on "Online Store."

<figure><img src="https://3921206916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FY2Zj6yf7mzr5DgaLY1Lh%2Fuploads%2FrNTQ4EwSBENy8TnEh7t8%2FScreenshot%20from%202024-10-18%2017-33-42.png?alt=media&amp;token=e2ce085b-8795-49b5-be31-aa365670887a" alt=""><figcaption></figcaption></figure>

### Themes

Under the "Themes" section, find your current theme and click on "Customize.

<figure><img src="https://3921206916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FY2Zj6yf7mzr5DgaLY1Lh%2Fuploads%2FjsTWuORYnp1vhT0lx5qZ%2FScreenshot%20from%202024-10-18%2017-34-30.png?alt=media&amp;token=a4a88746-e7af-4a0b-ae5d-a09742ae2259" alt=""><figcaption></figcaption></figure>

### Add the widget

#### Select the Page

In the theme editor, go to the cart page where you want to add the widget.&#x20;

<figure><img src="https://3921206916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FY2Zj6yf7mzr5DgaLY1Lh%2Fuploads%2FMmqOkoXtSZySkbwjN6gv%2FScreenshot%20from%202024-10-18%2017-35-48.png?alt=media&amp;token=0455ee57-6a76-4204-b196-c02d2a726675" alt=""><figcaption></figcaption></figure>

#### Add Section

Click on "Add section" or "Add block" under product information. The ideal placement is below your list of cart items.

<figure><img src="https://3921206916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FY2Zj6yf7mzr5DgaLY1Lh%2Fuploads%2FnTzhUFrZRLh6A5tczyqw%2FScreenshot%20from%202024-10-18%2017-36-42.png?alt=media&amp;token=2c601644-4441-4273-9f36-28044b55e33d" alt=""><figcaption></figcaption></figure>

#### Find NuFlorist widget

Look for the NuFlorist widget in the list of available sections under the “Apps” tab. Click on it to add it to your selected page.