Go to website
Installing Shoprocket into your own website
Display a Single Product with Its Own Page
To create a single page for each product, you only need to create one template or view in your website with a generic URL, such as yourdomain.com/product. Then, you would feed the product slug to the URL. It is used by Shoprocket as an identifier, but in a nice format that you can read. To test this, you would simply navigate to your new product page, and append the slug/URL of a product with #!/ such as yourdomain.com/product#!/hello-world-product. Of course, you'll want to be able to autom
Styling & Customising Shoprocket
We call Shoprocket "headless commerce" because we provide you with the building blocks required to integrate a complete shopping experience, whilst giving you the freedom to use your own layout, templates, themes and style. There are a few primary elements which can
Installing Shoprocket on your website or blog is exceptionally easy. To get started, create an account at the Shoprocket signup page. Once you have completed the signup process, you can obtain your installation code here. Tip If you use one of the many popular frameworks or template systems, add this to your footer, and it will appear on every page. Next, copy and paste the first code
Using Simple Buy Buttons
When you create a new product, we will instantly generate an embeddable buy button for you which can be found in the "Embed this product" tab. Here is an example of a Shoprocket site using simple buy buttons. As you can see, there is no sr-block as there would be norma
Display Multiple Products
Once you have added your products to your dashboard, they need to be rendered and displayed. This can be done automatically by adding a piece of code called an “sr-block” to your page: The line of code above contains two optional parameters, and a NAME tag: *sr-met
Custom Basket Widget
Shoprocket offers a pre-styled widget which can be easily dropped into your site with the following code: Insert the above code anywhere sensible between the body tags of your web page, preferably directly after the line of code you inserted in the previous step. Whi
Welcome to Shoprocket!
Shoprocket adds eCommerce functionality to your existing website in only 5 minutes. This guide documents the various Shoprocket features and will help you install the platform in roughly the same time it takes to make a fresh cup of coffee. Unlike coffee, however, setting up Shoprocket will always be free. Start an online shop, or hundreds, today!