Getting Started

Overview:

Using the Shopping Cart Module will enable any website that allows the use of HTML to add the ability for the Psittaucs BLE shopping cart to be displayed on the website and be used to list, view and purchase courses along with the list below of features.

The Shopping Cart Module is only available for ULTIMATE RESELLERS.

List standard categories (eLearning, eBooks, Videos etc).
List custom created categories set within the BLE.
Change the product list layout from box to list.
View product details and pricing.
Add items to a basket to then be purchase.
Use discount codes if provided.
Sign-in to an existing account to register.
Purchase using any of the methods set within the BLE (Stripe, Paypal etc).

Installing:

To use the Shopping Cart Module simply add the lines of code below to where you would like the shopping cart to display in your websites files. If you're using a website build then simply use a code block and paste the code into this. Have any troubles? Get in touch at it@ble.support.

NOTE: We recommend you copy the code from Dashboard > Rates & Shopping > Shopping Cart Module as this will prepopulate the code with your access code and portals website address.

Ensure you change "Domain Whitelist" to your websites domain to prevent others using your shopping module access.

shopping_cart_module.html

<div id="psittacus-main-box" class="psittacus-main-box"></div>

<script type="text/javascript">

    window.PS_ACCESS_TOKEN = "SHOPPING_TOKEN_HERE"; 
    window.PS_WEBSITE_URL = "BLE_URL_HERE";

    window.PS_MAIN_BOX = "psittacus-main-box"; 
    window.PS_DEBUG_STATUS = false;

    window.PS_IFRAME_CSS = "display:none; width: 100%; min-height: 500px;"; 
    window.PS_LOADING_CSS = "border: 5px solid #f3f3f3; border-top: 5px solid #3498db; border-radius: 50%; width: 120px; height: 120px; animation: spin 750ms linear infinite";
    window.PS_PRE_LOAD = "<style>@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }</style>"; 

    (function(){
        d = document; s = d.createElement("script");
        s.src = "https://www.psittacus-ble.co.uk/shopping-assets/web-view.js";
        s.async = 1; 
        d.getElementsByTagName("head")[0].appendChild(s); 
    })();

</script>

PreviousWelcome to Psittacus BLE NextDevelopers

Last updated 6 years ago

Was this helpful?

<div id="psittacus-main-box" class="psittacus-main-box"></div> <script type="text/javascript"> window.PS_ACCESS_TOKEN = "SHOPPING_TOKEN_HERE"; window.PS_WEBSITE_URL = "BLE_URL_HERE"; window.PS_MAIN_BOX = "psittacus-main-box"; window.PS_DEBUG_STATUS = false; window.PS_IFRAME_CSS = "display:none; width: 100%; min-height: 500px;"; window.PS_LOADING_CSS = "border: 5px solid #f3f3f3; border-top: 5px solid #3498db; border-radius: 50%; width: 120px; height: 120px; animation: spin 750ms linear infinite"; window.PS_PRE_LOAD = "<style>@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }</style>"; (function(){ d = document; s = d.createElement("script"); s.src = "https://www.psittacus-ble.co.uk/shopping-assets/web-view.js"; s.async = 1; d.getElementsByTagName("head")[0].appendChild(s); })(); </script>