All Collections
Setting Up
How to Install Your Buy Box
How to Install Your Buy Box

Let's make sure your customers can check out on your store by installing the buy box!

Karin Brashears avatar
Written by Karin Brashears
Updated over a week ago

What is a "Buy Box"?

This is almost exactly how it sounds - a box where your customers will go on your site, to inevitably checkout with their product or subscription.

To automatically install the Stay.Ai Subscribe & Save Widget 2.0, start by following the below instructions:

  1. Log into the Shopify Merchant admin for a dev store.

  2. Navigate to 'Online store --> Themes' using the left-hand navigation.

  3. Install a 2.0 theme that doesn't currently have a buy box installed. To do so, either...

    1. Install a fresh theme ('Dawn' is the default 2.0 theme)

    2. Duplicate another theme without a buy box so you have a copy to work with

  4. Once you have installed your theme, click the 'Customize' button for the theme. You should now be in the Shopify Theme editor.

  5. Navigate to a product in your test store within the theme editor.

  6. On the left hand side you should have a menu.

    1. Under 'Product information' locate and click the 'Add block' button

    2. It will pop up a menu that has two sections; 'THEME BLOCKS' and 'APPS'. Under 'APPS' locate the 'Subscribe & Save Block'. It should have a sub header labeled 'Stay.AI Subscriptions'. Click it.

    3. You should now see a menu on the right hand side of the browser to customize the 'Subscribe & Save Block'.

  7. Locate and check the 'Enable Buy Box' checkbox

  8. You should now see the buy box appear in the UI!

  9. From this point you have a lot of flexibility on editing the buy box with built-in tool customization.

    1. The ability to switch between UI’s for Radio Buttons, Regular Buttons, or Stacked Buttons. As well as options for color selectors, border radius, and border width.

    2. There is also a section to implement more in-depth custom CSS rules.

  10. When you are ready to test, click “Save” in the upper right hand corner. You should now be able to preview this theme and have a working buy box on your product detail page!

And, you're done!

As mentioned, if you have any issues, please reach out to your Stay.Ai Customer Service representative to help resolve!

Did this answer your question?