Question 1

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 2

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 3

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 4

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 5

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 6

Testing Payments with Stripe

Accepted Answer

When your store is in test mode, you can use these test credit cards to simulate a successful transaction and make sure everything is running smoothly:

Card Number Card Type

4242424242424242 Visa

4012888888881881 Visa

4000056655665556 Visa (Debit)

5555555555554444 MasterCard

5200828282828210 MasterCard (Debit)

5105105105105100 MasterCard (Prepaid)

378282246310005 American Express

371449635398431 American Express

6011111111111117 Discover

6011000990139424 Discover

30569309025904 Diners Club

38520000023237 Diners Club

3530111333300000 JCB

3566002020360505 JCB

In addition, these cards will produce specific responses that are useful for testing different scenarios:

Card Number Resulting Error

4000000000000010 The charge will succeed but addressline1check and addresszipcheck will both fail.

4000000000000028 The cha

Frequently Read Articles

Browse All Categories