7digital BuyNow Widget

View the Project on GitHub 7digital/7d-buyitnow-demo

Example usage with 7digital api

Usage Instructions

The widget itself is very simple to set-up.

In order to create the linking button (or HTML element of your choice), you create the following tag:

7digital Track Id 12345:

<button class="sd-buybutton" data-trackid="12345">Buy Track</button>

7digital Release Id 12345:

<button class="sd-buybutton" data-releaseid="12345">Buy Release</button>

Default styling:

You can choose to style your button with our default styling by adding the following stylesheet HTML element to the <header > portion of your web page.

If you leave this out, the button will be free to style as you wish.

<link rel="stylesheet" href="http://instant.7digital.com/Static/css/sd-default.css" />

PartnerId

You also have the option of adding a partnerid using the following attribute:

<... data-partner="123" ...>

Required libraries

You must then include the following script tag at the end of your html page:

<script type="text/javascript" src="http://instant.7digital.com/scripts/dist/7d-buyitnow.min.js"></script>

Then - any element you click on with the correctly specified class (sd-buybutton) will become a 7digital BuyItNow button.

Embedded iframe

You can also embed an iframe version if you want an even simpler way of creating a button. For example:

<iframe src="https://instant.7digital.com/iframe.htm?releaseid=2199779&trackid=23684197&partnerid=123&buttontext=iFrame%20Example" seamless="seamless" scrolling="no" frameborder="no"></iframe>

The iframe example is currently pre-styled using the sd-default.css stylesheet mentioned above