Question 1

Troubleshooting Potential Problems

Accepted Answer

Occasionally when integrating your Shoprocket store to your existing website an issue may arise. This is perfectly normal as often when new code is introduced there may be clashes, These are often easily fixed with just a copy and paste or by removing a line!

Integration

Sometimes if the code doesn't want to take, simply rearranging your integration code works out - you can move each paragraph to the top of the block, and refresh, to see which one works. For example:

Ensure you only move paragraphs when re-arranging your code, do not move single lines of code by themselves.

Jquery Issues

Our integration code includes Jquery, so if you already have Jquery on your site there may be a clash with the two. This is easily remedied by removing the first line of Shoprocket code, as seen below:

Simply apply this change, save, and double check all is working.

Payment Gateways/Checkout Issues

Occasionally payments get stuck in the dead space that is the internet - this is why we always recommend placing a test order before going live. Should you come across an issue, it is always best to disconnect your payment gateway by either deleting your email address in the Paypal box, or, if you are using Stripe, clicking the little bin icon to completely disconnect your account, and reconnecting it.

[![](https://downloads.intercomcdn.com/i/o

Question 2

Connecting Payment Gateways

Accepted Answer

Adding payment gateways is easy! Simply head over to your settings tab and click on "payment gateways".

Currently, we support Stripe & PayPal - You can enable them by using the "active" switch to the right of each gateway in your settings section. You can use either or both.

Linking Your Stripe Account with Shoprocket

To link your Stripe account, click "Connect your live stripe account" which will direct you to Stripe where you can login/register.

Follow the instructions from Stripe and you will then be redirected back to your Shoprocket dashboard. When you check the payment gateways tab again, you'll see Stripe connected.
Also, ensure the switch to the right of Stripe is enabled and reads "Yes".

Linking your PayPal account with Shoprocket
To link your PayPal account, simply type in your PayPal email address in the "PayPal Email Address" field. Also ensure the switch to the right of PayPal is enabled and reads "Yes".

![](https://storage.crisp.chat/users/helpdesk

Question 3

Squarespace integration

Accepted Answer

Integrating your Shoprocket store to Squarespace is easy!

Squarespace support

Squarespace does not offer support with code injections, so if you have any trouble integrating Shoprocket to your Squarespace template, please feel free to message us on [email protected] and we will be happy to help.

To begin, in your Squarespace editing window, click on "Settings" then "Advanced" and then "Code Injection"

Copy your first block of Shoprocket code from your advanced settings section in your Shoprocket dashboard.

Paste this code into the foot

Question 4

Facebook Integration

Accepted Answer

Whilst we work on our Facebook app, you can still sell your products on your Facebook page using the simple Static HTML App

You can see an example on our own Facebook page store, right here.

Getting started with Facebook

Head over to the Static HTML App page, and click on "Add Static HTML to a Page".
Then choose which of your Facebook pages you would like to display your Shoprocket products on:

You'll now be guided through the setup of this app:

The following page will explain how the HTML app works, you simply paste in your custom HTML code, and it will be displayed in a tab to your Facebook page visitors.

Now, in a new tab, login to your Shoprocket Dashboard, and head over to the [settings]([https://dashboard.shoprocket.co/se

Question 5

Display a Single Product with Its Own Page

Accepted Answer

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 automatically link customers to the product pages without typing in URLs, so this can be achieved within your "sr-block" code snippet with the tag [SLUG].

You can create a link to the individual product page from within your product list like this:

In the above code example, we would dynamically replace [SLUG] with the product URL, so that link would become "/product#!/product-URL"

Full List of Classnames That Can be Used in Single Product Pages

Once you have created your single product page, you can use the following classes to access the product data:

Classname example Output

sr-name Product name

sr-description Product description

sr-strapline Product strapline

sr-price

Question 6

Creating Products and Product Options

Accepted Answer

When creating your Shoprocket account, you have the opportunity to create your first product, we keep it simple to start, just asking for the product name, price, description, an image and a category.

The only required fields for selling products are the name and price. Every other field is optional.

To add more products, click on the "products" tab in the left hand menu of your dashboard, then click on the orange "add product" button and fill out the required details.

In the General tab, you can add the product name, description, price and available stock levels.

Images are uploaded to the images tab, and you can find the code to embed that one product (with all its details) into any website as a stand-alone product in the embedded tab.

Product Options

The Options tab is where you create and set the options for your product. For example this is where you can set sizes, colours and any other options you require for the product you are selling.

Here are a few examples of how product options work:

Options as sizes.

Here is an example of sizing as an option. The Option Names have been set as

Frequently Read Articles

Browse All Categories