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. 😉

❗ If you already have your store front built elsewhere (and you don't need website building capabilities of our platform), you can opt for the checkout only pricing plan. ❗


Setup Steps

  • 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 👇


How to add customer portal login link to your external site?

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