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

Refunding your Orders

Accepted Answer

Paypal Refunds - Please note, you need to have set your Paypal refund permissions so you can refund automatically through Shoprocket.

Refunding your customers is easy. In your dashboard, head to your "Orders" tab. From your orders, click on the small magnifying glass next to the order you want to refund.

This will take you to your order page. On this page select the "Payment Details" at the top.

You will see the Refund button on this page. Just click this, confirm, and your refund will be processed!

If you need any help just email us on [email protected].

Frequently Read Articles

Browse All Categories