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:
<button class="sd-buybutton" data-trackid="12345">Buy Track</button>
<button class="sd-buybutton" data-releaseid="12345">Buy Release</button>
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" />
You also have the option of adding a partnerid using the following attribute:
<... data-partner="123" ...>
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.
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