You need to be familiar with HTML code and FTP software or your website content management system (CMS).
Login to your Artwin Live account and click on "My Widgets" in the account menu at top of the page. Click on the "Add Widget" button to add a new widget. Give your new website widget a description and select "Website Widget" from the "Export Type" drop down box.
Select all schedules or individual schedules to show only the gigs listed in those schedules.
You can limit the visible gigs by a number of months. Enter a "0" to show all future events.
Caution: If you check the "Show all gigs" feature non-confirmed gigs will be showed too. Do not check this field if you only want to show confirmed gigs.
Press "Save Widget" to save your new website widget.
With the code generator you will create the "iframe" code for your website.
First click on the "edit" link of the "Website widget" and scroll down to the "Code generator". The following options are available in the code generator:
The List shows all gigs in a list with a calendar icon. With Table all information of one gig will be on one table row.
Select the color scheme of your website. If you use a dark background for your website, you may select the "Dark" color scheme.
Limit the number of bookings shown. Leave blank to show all bookings.
If you set an URL (with "http(s)://" prefix) in this field, the "Show all" link will be shown at the bottom of the schedule. If left blank this link and text will not be showed.
The width option sets the width of the iframe and does not affect any of the content.
The height option sets the height of the iframe and does not affect any of the content.
* Please note that all settings can be set in the code if you like.
You can see a preview of your website schedule by pressing the "Preview" button at the bottom. If you're satisfied with the result press the "Get code" button to open the Code dialog.
Select and copy the code in the first textbox and paste it into your website html code. You can paste it on a new line right after the <body> tag.
<body>
<script type="text/javascript">
function rCDI(that, dom) { var ifr = that; window.addEventListener('message', function(event) {
if(event.origin !== dom) return; if(isNaN(event.data)) return; var hgt=parseInt(event.data)+20;
ifr.height=hgt+'px'; },false); }
</script>
Now select and copy the the code from the second textbox and paste the iframe code wherever you want it to appear on your site.