How to add Subbly (subscriptions) to any existing website

You can now embed the Subbly checkout on any external website 😎 This works for both one-time products and subscription products! This means you can add our gorgeous subscription checkout to any existing website. 


Setup Steps

First of all, enable Checkout Only mode for your store here in your Admin since you'll not be using our website builder 👩‍🏫

Next:

  • go to your products listing in the admin interface
  • click on Actions panel beside the product that you'd want to integrate with your store and from the drop-down menu click on Embed Product
  • you'll be taken to the widget builder section where you can customize appearance of the CTA (call-to-action) button which will initiate the checkout when clicked on your site.
  • finally, when you're done with editing the looks of the button on the widget builder, make sure to copy the automatically generated code and to paste it on your site where you'd want it to appear. 

How to add Cart  facility to your external site?

In order to add and display cart facility to your external website you should do the following 👇

add a blank button/link to your site's navigation bar (labeled as Cart or Basket, as you with)

link it to the following URL

https://www.subbly.co/checkout?store=NAME_OF_STORE

NAME_OF_STORE value from the code above should be replaced with your store's slug which can be found on your Settings page as in the picture below 👇


If you want to give your customers access to their customer portal where they can manage their subscription directly from your external site, please see here how you can do it. 


How to create Add to Cart button to connect to the external site?

Firstly, we should make the difference between the regular checkout button and add to cart button, both of which can be embedded and coded into your externally hosted site. 

While checkout button will ultimately initiate the checkout and load it in the pop-up on your store, add to cart button will simply add a one-time product to the cart without customer really being redirected to the checkout. In this case, customer will be able to continue his shopping and can revisit the cart anytime by clicking on the Cart icon on your site (it's explained how you can link the Cart icon with the actual Subbly cart in one of the previous sections) ☝

Please note that the following works only for one-time products, and not for subscription products! Subscription products do not have add to cart button, as it's impossible to add more than one subscription product in the cart

So, how do you do that?

You can do this easily by copying the code below 👇 while replacing the xyz suffix with the appropriate product ID which can be extracted from the product pages on Subbly. 

https://www.subbly.co/checkout/add/xyz

How did we do?

How to embed Subbly on Squarespace

How to embed Subbly to Shopify

Contact