Schedule widget for your website

How to set up a Website widget for your website?
You need to be familiar with HTML code and FTP software or your website content management system (CMS).
Create a new website widget
Logon to your account and click on "My Widgets" in the settings menu at top of the page. Click on the "Add Widget" button to add a new widget.

Enter a description of your new website widget 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.
Code generator
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:
Layout [layout=list|table]
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.
Color scheme [color=light|dark]
Select the color scheme of your website. If you use a dark background for your website, you may select the "Dark" color scheme.
Show amount of gigs [showgigs=0]
Limit the number of gigs shown. Leave blank to show all gigs.
More link [moreurl=http...]
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.
showtime = [true | NULL]
By default the start time of your gig will not show. Add &showtime=true to src property to show this time.

locale = {unix_locale}
By default (locale=en_US) the day/month names will be in English and 12 hour time format if showtime property is enabled. nl_NL (Dutch), de_DE (German), fr_FR (French)
* Please note that all settings can be set in the code if you like.
Implementing the code in your website
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.

Now select and copy the code from the second textbox and paste the iframe code wherever you want it to appear on your site.

To add an iframe code to your WordPress website you might need to install a plugin. In this example we use "Global Content Blocks" [link]. You might need your FTP Server credentials to install WordPress Plugins.
To install the plugin goto your "Plugins" panel and click "Add new". Search for "Global Content Blocks" (by the author "Ben Magrill") and click "Install now". When the installation is ready, "Activate" the plugin and return to your "Plugins" panel.
Open the "Settings" page of your new "Global Content Blocks" plugin and click the "Add a New Content Block" button. Enter any name for it, we'll use "Artwin Live schedule" as an example. Select "Iframe" as Type. Scroll down to the content part and set the content editor to "Text" mode. Paste the script and iframe blocks of code from the Artwin Live Website Widget Code Generator into this content field. And "Save" this Content Block.
Next goto your "Pages" panel and add a new page or edit an existing page on your WordPress website. Notice the new "Insert Global Content Block" icon on the Content Editor toolbar.Place the curson at the desired location in the Content Editor and then press the "Insert Global Content Block" icon. Select the content block you just created from the dropdown box, in our case "Artwin Live schedule" and press the "Insert Content Block" button. Save your page and check out the result.
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request


Powered by Zendesk