> ## Documentation Index
> Fetch the complete documentation index at: https://docs.assortion.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Installing widgets to your store

> Learn how to install Assortion widgets on your Shopify store

Widgets will automatically find their positions on your store and display once you've created and made them active. There are several ways to install widgets depending on your theme type and preferences.

## Installation Methods

<Tabs>
  <Tab title="Online Store 2.0">
    For modern themes, use app blocks for the cleanest installation:

    ### Available App Blocks

    * **FBT Bundle** (Frequently Bought Together)
    * **Product Add-ons**
    * **Volume Discount**

    <Note>
      App blocks are currently only supported on product pages. They don't modify your theme code and are automatically removed when the app is uninstalled.
    </Note>

    [Learn how to set up app blocks →](/getting-started/setup-app-blocks)
  </Tab>

  <Tab title="Vintage Themes">
    For older themes, widgets can be positioned using CSS selectors. Contact our support team for assistance with custom positioning.
  </Tab>

  <Tab title="Page Builders">
    If you're using page builders like PageFly or GemPages, you can embed widgets using HTML snippets.

    [Learn about page builder integration →](/getting-started/integration-with-page-builders)
  </Tab>
</Tabs>

## Widget HTML Snippets

If you need to manually place widgets or are using page builders, use these HTML snippets:

### Volume Discount

```html theme={null}
<div id="ast-vd-container"></div>
```

### Frequently Bought Together

```html theme={null}
<div id="ast-bundle-container"></div>
```

### Product Add-ons

```html theme={null}
<div id="ast-addon-container"></div>
```

## Key Benefits

<CardGroup cols={2}>
  <Card icon="code-branch" title="No Code Modifications">
    App blocks don't modify your theme code, keeping your store clean
  </Card>

  <Card icon="trash-undo" title="Clean Uninstall">
    Widgets are automatically removed when the app is uninstalled
  </Card>

  <Card icon="location-dot" title="Smart Positioning">
    Widgets automatically find optimal positions on your pages
  </Card>

  <Card icon="toggle-on" title="Easy Control">
    Enable or disable widgets anytime from your dashboard
  </Card>
</CardGroup>

## Need Help?

If you need assistance with widget installation, our support team is here to help at [support@assortion.com](mailto:support@assortion.com).