Connecting Payment Gateways
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.
![](https://storage.crisp.chat/users/helpdesk/website/ec8dac28Very popularTroubleshooting Potential Problems
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 yoVery popularDisplay 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 automPopularSquarespace integration
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"
[![](hPopularFacebook Integration
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.
![](https://storage.crisp.chat/users/helpdesk/websitPopularRefunding your Orders
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.
[](https://storage.crisp.chat/users/helpdesk/website/7cdb4fb3c76Some readersInstall Shoprocket
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 codeSome readersCreating Products and Product Options
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 dSome readersStyling & 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 canSome readersTesting Payments with Stripe
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)
5555555555554444Some readersSetting Tax
Shoprocket currently uses a tax inclusive method. This means the amount of tax charged is included in the final amount charged.
For example, if your product is £10 and your tax is set to 20% the amount charged to the customer will remain at £10, with £2 of that amount set aside for tax.
There are two ways of setting tax in your Shoprocket dashboard. The first method is to set the tax amount for the whole store. This means that no matter the product sold, the final amount charged to the custoSome readersDisplay 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-metSome readersShipping Options
For those Shoprocket users who wish to ship their products to their customers, shipping prices need to be set in the dashboard.
Here is an example of RoySome readersSupported Currencies
Below are the currently supported currencies at Shoprocket.Some readersUsing 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 normaSome readersIMXPRS Integration
Once you have set up your Shoprocket store, and have some products added, head into your IMXPRS site template, and select "Pro Settings" from your Settings tab.
In your Pro settings, paste your first line of integration code from your Shoprocket dashboard into the codSome readersWelcome 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!Some readersSiteSwan Integration
SiteSwan is the shockingly easy way to build beautiful responsive websites for small businesses without any coding or programming. It’s completely white label too, so you can take all the credit for the awesome platform.
SHOPROCKET & SITESWAN: SIMPLY PERFECT TOGETHER
Turn any SiteSwan site into an e-commerce site
With SiteSwan, you can quickly & easily create beautifully simple, fully responsive websites for your small business clients. Now, without touching a line of code, you can makeSome readersTracking your conversions with Facebook Pixel
Adding your Facebook pixel to Shoprocket is super easy, simply log in to your dashboard, go to Settings -> General Settings, put your Facebook pixel ID in the Facebook pixel ID text box, and then click on "Update" in the top right hand corner.
And that's it!Some readersWordpress Integration
Once you've created your Shoprocket account, you simply need to embed our code into your Wordpress website. To do this, you need to be able to edit your Wordpress theme HTML, which isn't possible via hosted Wordpress.com websites.
You'll know if you can edit your Wordpress theme HTML, by logging into your WP admin dashboard and looking for this menu option:
Copy the ShSome readersUsing PayPal
Using PayPal with Shoprocket is simple. Just login to your Shoprocket account and click on the settings link in the left hand menu.
From here, you can click the "Payment Gateways" tab:
Just add your PayPal email address into the PayPal field and ensure it is marked as "Active".
That's it! Now, your customers can pay with PayPal during checkout and the funds will be sent to your PSome readersBubble.is Integration
Our awesome partners at Bubble have made it really easy to add Shoprocket Buy Buttons to your app!
To start, select "Plugins" from your bubble menu, then press the "+ Add Plugin" button
In the pop up screen, search for Shoprocket and select the Shoprocket plugin from the list.
Once Shoprocket is installed, go to your plugins page and enter your company ID in your plugin menu. You can find your Company ID on your [Integrations Code Page](https://dashboard.shoprocket.co/setSome readersCustom 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.
WhiSome readersGoogle Analytics Integration
Google Analytics allows you to track important metrics, such as the visitors to your store, revenues, conversion rates and much more.
By default, having Google Analytics installed on your site will tell you lots about your visitors and their activity, however it will not have access to your sales data.
In order to enable that, simply follow the steps below.
Enabling this is very easy. You simply need to add your Google Analytics Tracking ID into your Shoprocket account settings.
Ensure YSome readersDigital Download Products - Beta
When creating a product, you can offer it as a digital product via the Digital tab in your dashboard:
Inside this tab, you can activate the download URL field by sliding the option from "No" to "Yes":
![](https://storage.crisp.chat/users/helpdesk/website/aea1b62bf03Few readersUsing Shoprocket in your native language
Shoprocket is multicultural, and we are really excited to bring the wonder of ecommerce to you are your customers.
While we currently work primarily in English, we do have our checkout available in German and Portuguese. Simply email [email protected] with your personal Store ID and we'll be happy to enable that for you.
Paypal Languages
To use SFew readersVouchers/Discount Codes
Offering discounts to your most loyal or newest customers to help boost sales is a fantastic way to engage your users. With Shoprocket, it's easy to set up.
Creating a Discount Code
Login to your dashboard, and click on "Offers":
![](https://storage.crisp.chat/users/helpdesk/website/10956e4f85725500/9ff889c5-7f98-4b50-9c44-ab9b98_ae1cpe.pngFew readersAdding Product Images
Adding images to your products is as simple as drag and drop.
Log in to your Shoprocket dashboard and click on the "Products" tab:
Then click on the edit icon for the product you want to add images to.
