Is there a Selz jQuery plugin for custom integration?

The Selz jQuery plugin is another option to add the Selz overlay to your website.

This option gives you greater control over the appearance of the overlay trigger, giving you the option to create a custom button or link that closely matches your website's style. You can also track events in the purchase flow.

The jQuery plugin, much like the widgets and buttons, opens an overlay and lets your customers complete their purchase without leaving your website.


Here is an example of a custom overlay integration using jQuery. For more information about the plugin, see the jQuery Selz plugin on Github

$(function() {
        theme: {
            button: {
                bg:             "#5fa9df",
                text:           "#fff"
            checkout: {
                headerBg:       "#5fa9df",
                headerText:     "#fff"
        getTracking: function($link) {
            return $"tracking");
        onDataReady: function ($link, data) {
            // Customise the link with item data
            $link.html('<img src="' + data.ImageUrlSmall + '" alt="' + data.Title + '">' + data.Title);
            // Skip to checkout
            // You can set the 'checkout' config option or set the URL yourself
            $'modal-url', data.CheckoutUrl);
        onModalOpen: function ($link) {
            // Track open in Google Analytics
            ga('send', 'pageview', $link.attr("href"));
        onPurchase: function (data) {
            // Track purchase
        onProcessing: function (data) {
            // Track processing
        onClose: function ($link, data) {
            // Continue checkout flow
            if(typeof data.modal_url === "string"){
                $"modal-url", data.modal_url);


All payments on Selz are made via a secure HTTPS connection. However, in order to protect yourself from certain forms of man-in-the-middle attacks, we suggest that you also serve the page containing the plugin with HTTPS as well. Using HTTPS/SSL also has SEO benefits.

For more information about the plugin, see the jQuery Selz plugin on Github

Still need help? Contact Us Contact Us