The Bocs Widget is your tool to create, style and deploy subscription boxes. Bocs makes it easy to start by loading a pre-built sign up flow. All you need to do is modify each step to suit your own subscription box program.
​
The Bocs Widget also provides the functionality to combine multiple subscription boxes into the one sign up flow.
​
​

Creating a new subscription box is the same as creating a new widget. Head to the Bocs page on the app, then click on the button 'New Bocs'

Visit the Bocs page here
​

When you first create a box and navigate to the Widget page, you can set the title of the Widget.
​

To get started you can click on the page outline, or on the outer area inside the main Widget screen to bring up the editing tools to name your box and set the type of box you want to sell.
​

The Bocs Theme sets the styling for the sign up flow.
​More themes coming soon.

Set a name and description for your box. This is for internal purposes, customers cannot see these details.

Select the type of Bocs you want to sell:
​

For Custom boxes only, you can define the minimum and maximum products can be selected for that box. For example, if you are a winery and only offer a 6 pack, you can define the min and max product count to 6.

To bring up the frequency editing options on the right sidebar, click on the 'Frequency' step on the left sidebar or click on the frequency area inside the main Widget screen.
​

The Bocs Frequency Template are your pre-sets for frequency options. This provides a quick way to set your frequency options for any other boxes you create.
​
You can change and modify pre-sets in the Bocs page (widget tab) of the app.

In the right sidebar, you can delete frequencies or move frequency options up or down. Any change made in the editing area will automatically update the main Widget screen so you can see how it will look for your customers when published.

ID - Do not change ID. In future updates we will remove this setting.

Name - Set the title for your frequency. By default, Bocs adds the word 'every' to all frequency options on the main Widget screen.

Time Frame - Set the timeframe you want for the frequency option. Can be in Days or Months

Discount Settings - Set a discount for the frequency either as a percentage or as a dollar value. This will set a discount for the whole box based on the frequency option selected by your customers.

When a user selects a frequency option, all product prices in the next step will automatically change based on the discount assigned to that frequency.

To bring up the product editing options on the right sidebar, click on the 'Products' step on the left sidebar or click on the product area inside the main Widget screen.

Click on the 'Select Products' button to bring up all the products synced from your store. Each product will show its RRP price as well as its stock status (if inventory has been activated for the product in your Woocommerce store)

Once you have selected your products, click off the product area.

Once you have selected your products to be included in your box, you can edit certain details as well as delete or move up and down to adjust the order of the products. This will automatically update the main Widget screen.

ID - Do not change ID. In future updates we will remove this setting.

Name - You can change the name of your product.

Price - you can change the price of your product which will only effect the product in the subscription box and not your stores pricing.

Description - You can update the description of your product. The description is synced from your short description section of your Woocommerce stores product.

Image Settings - Update coming soon to change image within Bocs. Current image is synced from your Woocommerce stores product.

To bring up the cart editing options on the right sidebar, click on the 'Cart' step on the left sidebar or click on the cart area inside the main Widget screen.

The cart is the final step before the checkout. This is where your customers will review their selections showing their:

Once the customer clicks on 'Create my subscription' it will take the customer to your Woocommerce checkout.
​
​

Collections are simply combining more than one box into a single sign up flow. This is perfect for creating subscription box programs such as wine clubs where you can create a 3 pack, 6 pack and 12 pack box each with their own frequencies/discounts and combine them into a collection. This creates more options for customers when signing up to a subscription. Other examples could be a meat box - combine a premium cuts, budget cuts, seafood, all beef, all chicken and a BBQ box in the one flow.

To create a collection visit the Collections page here and click the 'New Collection' button to open the Bocs Widget.

When you first create a collection and navigate to the Widget page, you can see it looks similar to the Widget for boxes. The difference is with the Widget for Collections, you wont be adding products just boxes you have previously created.

Simply click on the 'Select Bocs' button which will initiate the pop up with all the boxes you have created. Check the check box for each of the boxes you want to include in the same sign up flow.

Once selected you can drag each box in order you want displayed.

Depending on your set up, you have the option to inherit the frequencies you created for each box, or override those frequencies with a new set.

And that is it. Like the Widget for boxes each component title can be changed. With a lot more customisation options on their way!

Add the widget to your website using the Bocs Wordpress Plugin

Related Articles

Connecting Wordpress Woocommerce

Bocs Wordpress Plugin