With the website widget, you display tour data from Artwin Live on your own website. The widget works with an iframe and can therefore be used in almost any CMS or on your own HTML page.
Do you use WordPress? Then preferably choose the Artwin Live WordPress plugin. This website widget with iframe is intended for other website platforms or for websites where you can place HTML code yourself.
Creating a website widget
- Go to Widgets in Artwin Live.
- Click on Create.
- Give the widget a recognizable title.
- Choose Website Tourdates widget (html iframe) under Type.
- Set how many days of future bookings should be visible. Enter 0 to show all future bookings.
- Choose Artist selection for all artists or select only the artists you want to show on your website.
- Click on Save.
Which events are displayed?
The widget displays the bookings of the selected artists. Through the widget settings, you determine, among other things, whether the artist's name, the start time, and private events are visible.
- Display artist name
Shows the name of the artist at each event. - Display start time
Shows the start time of the event. - List private events
Shows private events limited: only date, time, and place. Other details remain hidden. - Hide Artwin Live logo
Hides the Artwin Live logo under the widget.
Setting the design
Open the saved widget and choose Preview or Show code. In the generator, you adjust the display before copying the code.
- Formatting
Choose between a list view and a table view. - Color scheme
Choose a light, dark, or custom color scheme. With a custom color scheme, you can set the link color, ticket button color, text color, and font size, among others. - Width and height
Set the dimensions of the widget. For example, use100%if the widget should use the full width of the available area. - Website buttons
Choose whether visitors see buttons for tickets, the event's website, both, or neither. - Number of bookings
Limit the number of events displayed, or leave this field empty to show all available events. - Past events
Indicate how many days in the past should be visible and possibly adjust the title of this section.
Placing the widget on your website
- Open the widget and click on Show code.
- First, copy the JavaScript code and place it once on your website, right after the opening tag
<body>. - Then copy the iframe code.
- Paste the iframe code in the place where you want to display the tour data, for example, on a calendar or artist page.
Do you use a CMS? Then add the iframe code in an HTML/embed block. The JavaScript code only needs to be placed once per website.
Check the preview
Click on Preview to check how the widget looks with the chosen settings. Adjust the settings until the display is correct and then copy the current code back to your website.
Changing the widget later
You can always adjust the widget via Widgets in Artwin Live. Once saved, changes in the displayed data will automatically be visible on your website. If you change your settings in the code generator, be sure to copy the updated code back to your website.