Met de websitewidget toon je tourdata uit Artwin Live op je eigen website. De widget werkt met een iframe en kan daarom worden gebruikt in vrijwel ieder CMS of op een eigen HTML-pagina.
Gebruik je WordPress? Kies dan bij voorkeur voor de Artwin Live WordPress-plugin. Deze websitewidget met iframe is bedoeld voor andere websiteplatformen of voor websites waarop je zelf HTML-code kunt plaatsen.
Een websitewidget aanmaken
- Ga in Artwin Live naar Widgets.
- Klik op Aanmaken.
- Geef de widget een herkenbare titel.
- Kies bij Type voor Website Tourdates widget (html iframe).
- Stel in hoeveel dagen toekomstige boekingen zichtbaar mogen zijn. Vul 0 in om alle toekomstige boekingen te tonen.
- Kies bij Artiest selectie voor alle artiesten of selecteer alleen de artiesten die je op je website wilt tonen.
- Klik op Opslaan.
Welke evenementen worden getoond?
De widget toont de boekingen van de geselecteerde artiesten. Via de widgetinstellingen bepaal je onder andere of de artiestennaam, de aanvangstijd en besloten evenementen zichtbaar zijn.
- Naam artiest weergeven
Toont de naam van de artiest bij ieder evenement. - Aanvangstijd weergeven
Toont de starttijd van het evenement. - Besloten events vermelden
Toont besloten evenementen beperkt: alleen datum, tijd en plaats. Andere gegevens blijven verborgen. - Logo Artwin Live verbergen
Verbergt het Artwin Live-logo onder de widget.
De vormgeving instellen
Open de opgeslagen widget en kies Voorbeeld of Toon code. In de generator pas je de weergave aan voordat je de code kopieert.
- Opmaak
Kies tussen een lijstweergave en een tabelweergave. - Kleurenschema
Kies een licht, donker of aangepast kleurenschema. Bij een aangepast kleurenschema kun je onder meer de linkkleur, ticketknopkleur, tekstkleur en lettergrootte instellen. - Breedte en hoogte
Stel de afmetingen van de widget in. Gebruik bijvoorbeeld100%als de widget de volledige breedte van het beschikbare vlak moet gebruiken. - Websiteknoppen
Kies of bezoekers knoppen voor tickets, de website van het evenement, beide of geen van beide zien. - Aantal boekingen
Beperk het aantal evenementen dat wordt getoond, of laat dit veld leeg om alle beschikbare evenementen te tonen. - Verleden evenementen
Geef aan hoeveel dagen in het verleden zichtbaar mogen zijn en pas eventueel de titel van dit onderdeel aan.
De widget op je website plaatsen
- Open de widget en klik op Toon code.
- Kopieer eerst de JavaScript-code en plaats deze één keer op je website, direct na de openingstag
<body>. - Kopieer daarna de iframe-code.
- Plak de iframe-code op de plek waar je de tourdata wilt tonen, bijvoorbeeld op een agenda- of artiestpagina.
Gebruik je een CMS? Voeg de iframe-code dan toe in een HTML-/embedblok. De JavaScript-code hoef je slechts één keer per website te plaatsen.
Voorbeeld controleren
Klik op Voorbeeld om te controleren hoe de widget eruitziet met de gekozen instellingen. Pas de instellingen aan totdat de weergave klopt en kopieer daarna de actuele code opnieuw naar je website.
Widget later wijzigen
Je kunt de widget altijd aanpassen via Widgets in Artwin Live. Na het opslaan worden wijzigingen in de getoonde gegevens automatisch zichtbaar op je website. Wijzig je instellingen in de codegenerator, kopieer dan ook de vernieuwde code opnieuw naar je website.