What is Tipser by Bolt?

Introduction

Tipser adds embedded commerce functionality to any digital content or media. The solution contains a set of JavaScript components and a REST API that implemented together will handle the complete shopping journey. Tipser's e-commerce components are ready to use out-of-the-box but also highly customizable for a truly embedded look & feel and a seamlessly integrated experience.

Integrate swiftly by using simple HTML and JS snippets (Tipser Script), get more control by integrating it with your React-app (Tipser Elements) or, for more advanced usecases and deeper integrations, follow the Tipser API documentation (Tipser REST API).

All products displayed with Tipser are curated in the Tipser Portal.

How it works

Core principle of Checkout Everywhere is to let any surface become shoppable and provide a seamless shopping experience everywhere. Different integration methods allow the publisher, marketplace, creator and any surface to either choose a lower effort - client side integration or pursue a more involving approach through API integration to enable more customized experiences (such as - AI recommendations, custom curation experience, native mobile apps, SMS, QR code checkout links implementations).

In either of the cases, the very last mile of the purchase journey - checkout - is handled on the client side by Bolt - shopper recognition, payment handling, tax calculation, order summary and fulfilment, which is powered by inserting a tag/React element - Checkout Page on the host checkout landing site. Shopper who lands on the site sees a product detail page and/or checkout natively rendered on the host site and will remain on the landing site throughout the whole purchase journey. The code runs on the host site, checkout is not rendered in an iframe - all the markup is injected directly into the host document DOM tree, so the look and feel of the checkout is frictionless and blends into the full experience.

📘
Bolt assures PCI DSS compliancy and prevents any possible sensitive data exposure outside of the secure checkout by isolating credit card data fields: card number, security code and expiry date from the host site via the inline frame HTML tag.

Client side integration

What is Tipser Script?

Tipser Script is a JavaScript library providing a set of HTML tags that are displayed as rich E-commerce components (products, collections, store and more). The script requires no specific technology and can be used even if you only work with a CMS. We like to say that Tipser Script is a “simplified” (or more approachable) version of Tipser Elements. Continue to read about Tipser Script.

What is Tipser Elements?

Tipser Elements is a JavaScript library providing Tipser’s E-commerce components aimed for those who use the React technology. If this technological requirement is fulfilled, Tipser Elements gives more control over components’ behavior and presentation than Tipser Script. This is the most advanced Tipser frontend product intended to take the most burden off your shoulders! Continue to read about Tipser Elements .

Server side integration

Tipser REST API

Tipser also provide a Restful API which gives you the possibility to fully integrate your platform with Tipser. This is useful if you e.g. already have or want to build your own components. Head over to Tipser REST API to understand how you can fully utilize Tipser.

Which implementation option should you select?

The Tipser implementations options are designed to fit regardless of what technology you as a publisher use. Below are a few recommendations from the Tipser team:

Do you use React as your main frontend technology? - Tipser Elements
No dedicated development team? - Tipser Script
Do you want to build from scratch your own storefront on top of our inventory? - Tipser API
Are you building a native mobile app? Read more