Med Billettos nya uppdaterade widget gör det ännu smidigare att sälja biljetter direkt från er hemsida utan att behöva länka köparen vidare till Billettos eventsida. Det går att välja mellan att endast addera en köpknapp på er sida eller en synlig widget där biljettyperna framgår för ett standard event, Kalendervy för återkommande event eller så kan du välja att lägga in en konto-widget som listar alla era events som ni har på Billetto.
Det finns fyra olika typer av widgets att välja mellan:
Enkel köpknapp
En köpknapps-widget gör att du kan bädda in en enkel knapp på din hemsida. När någon trycker på knappen dyker ett pop-up-fönster upp där hela bokningen kan genomföras utan att en behövs länkas vidare från sidan.
Denna widget är perfekt om du inte vill ändra alltför mycket i din webbdesign. Du väljer dessutom själv vilken text och färg knappen ska ha. Du finner funktionen inne på ditt event där du kan kopiera koden för att kunna bädda in på din hemsida.:
Mina events>Hantera/Hantera alla på eventet det gäller>Marknadsföring>Biljettwidget
Standardevent - Lista med biljetter
Denna widget är den du ska använda för enstaka evenemang.
Här kan du välja om du vill ha en linje-widget eller en knapp. Du kan anpassa knappens färger och välja mellan ljust eller mörkt bakgrundstema. Widgets kan nu anpassas i mycket högre grad vad gäller färger, utseende och typsnitt.
Du kan också välja om evenemangsbilden ska visas eller inte, samt om Billetto-branding ska vara med eller inte.
Återkommande event-kalender
Om du har ett Återkommande event kan du bädda in en kalenderwidget på din hemsida som visar alla tillgängliga datum och tider i en månadsvy. Biljettköparen väljer då först datum och tid innan pop-up-fönstret dyker upp där de kan slutföra bokningen
Här kan du välja om du vill ha en linje-widget eller en knapp. Du kan anpassa knappens färger och välja mellan ljust eller mörkt bakgrundstema. Widgets kan nu anpassas i mycket högre grad vad gäller färger, utseende och typsnitt.
Du kan också välja om evenemangsbilden ska visas eller inte, samt om Billetto-branding ska vara med eller inte.
Du finner funktionen inne på ditt event där du kan kopiera koden för att kunna bädda in på din hemsida:
Mina events>Hantera alla på eventet det gäller>Marknadsföring>BiljettwidgetKonto - visar alla dina events på Billetto
Konto - visar alla dina events på Billetto
Widget på kontonivå är ett bra alternativ när du vill se alla events som du har på Billetto i en lista på din hemsida. Du har möjlighet att välja om dina events ska presenteras som lista, kalender eller som köpknapp.
Du kan anpassa knappens färger och välja mellan ljust eller mörkt bakgrundstema. Widgets kan nu anpassas i mycket högre grad vad gäller färger, utseende och typsnitt.
Du kan också välja om evenemangsbilden ska visas eller inte, samt om Billetto-branding ska vara med eller inte.
Du finner widgeten, och koden du kopierar för att bädda in på din sida, för hela kontot genom att klicka Marknadsför i Toppmenyn>Widget.
Integrera en anpassad knapp för köpwidgeten
För att smidigt integrera köpwidgeten med din webbplats estetik, är det en enkel process att inkludera en anpassad knapp. Detta tillåter dig att behålla webbplatsens visuella sammanhang samtidigt som du erbjuder en intuitiv och varumärkesenlig biljettköpsupplevelse. Följ stegen nedan för att implementera din personliga knapp:
- Bädda in widgetskriptet: Börja med att bädda in följande skript i din webbplats HTML. Detta skript är avgörande för widgetens funktionalitet. Se till att ersätta
.se
med det lämpliga landsdomänen för din plats:
<script src="https://billetto.se/embed.js"></script>
- Skapa en anpassad länk: Använd en ankare (
<a>
) tagg för att skapa en klickbar knapp. Denna tagg bör inkludera URL:en som leder till vår vald sida, där widgeten kommer att aktiveras. Här är ett exempel på hur man strukturerar taggen:
<a href="https://billetto.se/e/e-738524/select?color=%23459197">Köp Biljetter Nu</a>
- Anpassa din knapp:
- Event-ID: Anpassa knapplänken genom att ersätta platshållaren bredvid
/e-
med ditt specifika event-ID. Detta säkerställer att widgeten dirigerar användare till rätt evenemang. - Färgschema: Anpassa knappens färg för att matcha din webbplats tema genom att ändra hexkoden i
color
-frågeparametern i URL:en. Denna hexkod möjliggör exakt färgmatchning, vilket säkerställer en enhetlig look och känsla.
- Event-ID: Anpassa knapplänken genom att ersätta platshållaren bredvid
Anpassningar
Färgsättning: Billetto widgets är nu tillgängliga i ljusa och mörka teman, och du kan också ändra färgen på knappen och elementen. Observera att om du ändrar färgen till något som är oläsligt kommer Billetto automatiskt att byta färger och återgå till blått.
Dölj bild: Ta bort event-bannern från widgeten.
White Label: Ta bort Billetto-brandingen.
Visa privata events: Om du önskar inkludera dina privata events i ditt widgeturval
Sälj direkt på din webbplats: (Aktiverat som standard) - När det är inaktiverat kommer ett klick på "get tickets" att ta användaren till Event-sidan på Billettos webbplats. När det är aktiverat kan användaren köpa från din webbplats.
Bädda in widgeten på Squarespace, Wordpress.org or Wordpress.com
- Squarespace
För att bädda in Billettos widget på din Squarespace-sida:
1. Använd "Embed"-elementet och klicka på symbolen "</>".
2. Klistra in koden i fönstret som poppar upp och klicka på "Set".
3. Spara elementet och publicera ändringen.
Du kan inte se widgeten i element-förhandsgranskningen, så se den istället live på din sida.
- Wordpress.org
För att bädda in Billettos widget på din Wordpress.org-sida:
1. Lägg till en ny widget i den sektionen du vill att biljetterna ska visas i.
2. Välj "Custom HTML"-widget.
3. Publicera uppdateringen på din sida.
- Wordpress.com
Vår biljettwidget är inte supportad av Wordpress.com. Detta är pga att anpassade scripts inte är tillåtna av denna tjänst.
Om du använder Wordpress.com för din hemsida/blogg, rekommenderar vi att du istället skapar en anpassad knapp som länkar direkt till din eventsida på Billetto.
- Wix (endast standard events)
- Klicka på länken https://wix.to/qA6B5dv (se till att du är inloggad på Wix)
- Godkänn samtycket för att Billetto ska installeras
- På din webbplats i Wix klicka på Redigera webbplats
- Klicka på Lägg till app och välj Billetto-widget
- Klicka på Bädda in länk och lägg till skriptet/koden från Billetto
- I Wix Website Builder, justera storleken på widgeten du vill ha för Skrivbord
- Välj nu Tablettvy i Wix Website Builder, välj den storlek du vill ha för Tablett
- Välj nu Mobilvy i Wix Website Builder, välj den storlek du vill ha för Mobil (Vi rekommenderar full bredd)
- Publicera och visa den levande webbplatsen
Se till att Elementets bredd är full bredd och höjden på sidan (både på mobil och desktop) för att tillåta att det fungerar fullt ut.
Observera att Apple Pay för närvarande inte fungerar direkt i widgeten på andra webbplatser. Detta beror på Apples säkerhetspolicy.