Shopping Cart Systems

Connect with your mobile customers using Shopgate.

Pinnacle Cart

In this article, you will find out how to create an app and mobile website from your Pinnacle Cart desktop shop.

 

Available features

With Pinnacle Cart and Shopgate, you are able to create your app and mobile website with the following features:

Support

Version

 

All

Import to Pinnacle Cart

Orders

 

Customer Account

Login with Desktop Shop Account
Login to Desktop Shop with Mobile Account
Customer Groups / Tier Pricing
Show Desktop Orders On Mobile

 



✘ / ✘

Export to Shopgate Mobile Shop

Products
Categories
Reviews

 



Sync

Delivery Status "Shipped"
Order Status "Canceled"
Stock Quantity, on Product Detail Page

 



Validate, upon Cart Changes

Coupon
Shipping Method & Price
Product Availability

 




 

Create Cart API

The first step is to create the Shopping Cart Unified API to connect your Pinnacle Cart backend with the Shopgate API technology. If you have already created your Cart API, the following steps will show you where to look for the API credentials you need.

To create the Cart API, please follow the steps below:

  1. Log in to your Pinnacle Cart backend.
  2. On the Admin Menu list, click Cart Settings → Global Cart Settings.
    pinnacle_global_cart_settings.png
  3. Scroll down to find Shopping Cart Unified API and click on it.
  4. Your Cart API Settings page will open. If you don't already have the API set up, please set "Enable Cart API" to Yes. Choose a Username and a Password, generate a Security Token, then click Save changes. Now leave this window open - you will need to enter the info in the next chapter.

Now you have created the Cart API to connect to Shopgate.

 

Establish connections

To establish a connection between your Pinnacle Cart backend and your mobile shop, you need to enter your API credentials at Shopgate. Follow the steps below to make the connection:

  1. Log in to your Shopgate Admin and navigate to Integration → Install Interface.
  2. In the drop-down labeled Select a system, type Pinnacle Cart and select it.
  3. A popup opens. Enter your Pinnacle Cart API Security Token, Username, and Password from Chapter 1. Click connect to establish the interface.
  4. If a connection is made successfully, a popup shown below will open. Leave both options to ON to access all features and click Save.

That's it! Now the Shopgate backend will automatically start to import product data via the newly established interface. Welcome to the mobile world 😊

 

Set up mobile redirect

To redirect mobile visitors to your mobile website, a few lines of code need to be modified in your main template file. Follow the steps below to do so.

  1. Log in to your Shopgate Admin and navigate to Integration → Credentials. Note down the Shop number.
  2. In your Pinnacle Cart backend navigate to Cart Settings → Appearance & Content → Change Site Theme. Your "Active Theme" will open. Now click "Edit Theme". We will need to enter a mobile redirect code into the page header.
  3. On your theme page, right-click on the page header, then click Edit Source Code.
  4. An HTML editor will open. Paste the JavaScript code shown below into the first line. Replace YOUR SHOPGATE SHOP NUMBER (line 4) with your shop’s number, and click Save to close the HTML editor. Click Exit at the bottom right to close the theme editor.
    <!-- SHOPGATE REDIRECT START -->
    <script type="text/javascript">
    var _shopgate = new Object();
    _shopgate.shop_number = "YOUR SHOPGATE SHOP NUMBER";
    {if $current_page == "home"}
    _shopgate.redirect = "start";
    {elseif $current_page == "catalog"}
    _shopgate.redirect = "category";
    _shopgate.category_number = "{$category.cid}";
    {elseif $current_page == "product"}
    _shopgate.redirect = "item";
    _shopgate.item_number = "{$product.pid}";
    {/if}
    {if $current_page == "home" || $current_page == "catalog" || $current_page == "product"}
    _shopgate.host = (("https:" == document.location.protocol) ? "https://static-ssl.shopgate.com" : "http://static.shopgate.com");
    document.write(unescape(
    "%3Cscript src='" + _shopgate.host + "/mobile_header/" + _shopgate.shop_number + ".js' type='text/javascript' %3E%3C/script%3E"
    ));
    {/if}
    </script>
    <!-- SHOPGATE REDIRECT END -->

That's it! Your mobile users have now been successfully redirected to your mobile shop.

 

Understand the configurations

You can configure the following in your Shopgate connection to your mobile shop:

  • Update your Pinnacle Cart Store URL
  • Update your Pinnacle Cart API credentials
  • Choose to turn on/off Debug mode for developers
  • Choose to turn on Advanced error logging for developers

To configure the options, click on the Actions drop-down and select Edit.

Configure your connection on the settings page below. Detailed explanations for options listed can be found below.

Debug

This enables advanced debugging for your connection and is usually used by our developers only in case there is a problem.

Advanced error logging

This will break all operations over your connection even on minor errors, making it easier to find the source of a problem if you have one for our developers.

Pinnacle Cart store URL

This is your shop's URL.

Pinnacle Cart API Security Token

This is the API Security Token you created in your Pinnacle Cart admin in "Create Cart API".

Pinnacle Cart API Username

This is the username you created in your Pinnacle Cart admin in "Create Cart API".

Pinnacle Cart API Password

This is the password you created in your Pinnacle Cart admin in "Create Cart API".

 

Frequently Asked Questions

How do I update my mobile shop?

You do not need to manually update your mobile shop. Whenever there is an update in the Shopgate software, we will update your shop via API method automatically.

 

Was this article helpful?
Can't find what you're looking for?
Let us help you—submit a support ticket.
Contact Support