App blocks are the recommended way to add Assortion widgets to your Online Store 2.0 theme. They provide a clean, code-free installation that’s easy to manage.
App blocks are currently only supported on product pages. Support for other page types is coming soon.

​
Step-by-Step Installation

Follow these steps to add app blocks to your theme:
1

Access your store

Log in to your Shopify store admin panel
2

Navigate to theme editor

Go to Online Store in your Shopify admin
3

Customize your theme

Click the Customize button to open the theme editor
4

Select product template

Navigate to Products → Default product from the page selector
5

Find the right section

Locate the section where you want to add the app block (e.g., near the add to cart button)
6

Add the app block

Click Add block or Add section in your chosen location
7

Select Assortion app

In the APPS section, choose one of these app blocks:
  • FBT Bundle (Frequently Bought Together)
  • Product Add-ons
  • Volume Discount
8

Position the block

Drag and drop the app block to your desired position
9

Save your changes

Click Save and refresh your store pages to see the changes

​
Available App Blocks

FBT Bundle

Display frequently bought together product recommendations

Product Add-ons

Show complementary products as add-ons

Volume Discount

Display tiered pricing for bulk purchases

​
Managing App Blocks

​
To Remove an App Block

  1. Click on the app block in the theme editor
  2. Select Remove block from the options
  3. Save your changes

​
Benefits of App Blocks

​
Compatibility

App blocks are only available for Online Store 2.0 themes. If you’re using a vintage theme, you’ll need to use alternative installation methods.

​
Need Help?

Having trouble setting up app blocks? Contact our support team at support@assortion.com for assistance.