Osadź sprzedaż biletów na swojej stronie

Wprowadzenie

Możesz dodać proces zakupu do swojej strony, aby otwierał się nad treścią witryny:

Podstawowa konfiguracja

1. Na swojej stronie dodaj zwykły link prowadzący do strony wydarzenia w Fienta, na przykład:

   <a href="https://fienta.com/event-name">Kup bilety</a>

2. Dodaj poniższą linię kodu do swojej strony. Sprawi ona, że linki do wydarzeń Fienta otworzą się bezpośrednio na Twojej stronie:

   <script src="https://fienta.com/embed.js"></script>

Na swojej stronie możesz mieć wiele linków prowadzących do tego samego lub różnych wydarzeń w Fienta.
Dołącz embed.js tylko raz na stronie.

Personalizacja

Aby zmienić kolor tła osadzenia, zaokrąglenie rogów i inne parametry, zdefiniuj obiekt JavaScript jak w przykładzie poniżej. Pokazane wartości są domyślne.

<script>
window.fientaSettings = {
    // lightbox background color
    background: 'rgba(0,0,0,0.5)',
    // modal content border radius
    border_radius: '5px',
    // selector of links pointing to Fienta event pages
    link_selector: 'a[href*="fienta.com"]',
    // referral name
    utm_source: 'homepage',
};
</script>
<script src="https://fienta.com/embed.js"></script>

Podczas wdrożenia pozostaw tylko parametry, które chcesz zmienić.

Wyświetlanie opisu i obrazu wydarzenia

Domyślnie osadzenie nie zawiera opisu wydarzenia. Możesz go dodać, definiując poniższą linię w window.fientaSettings:

descriptionEnabled: true,

Aby jako pierwszy widok wyświetlić opis, dodaj:

step: 'description',

Aby wyświetlić obraz wydarzenia:

imageEnabled: true,

Aby przekazać adres e-mail kupującego:

email: '[email protected]',

Wstępny wybór konkretnego biletu

Jeśli masz wiele typów biletów, okno wyboru otwiera się bez zaznaczenia żadnego z nich. Możesz wymusić wybór konkretnego typu biletu, dodając parametr "ticket" do URL. Na przykład:

<a href="https://fienta.com/event-name?ticket=1234">Kup bilety</a>

Identyfikator typu biletu znajdziesz w pasku adresu przeglądarki podczas edycji, np. https://fienta.com/my/ticket_types/1234/edit

Wyświetlanie "Wyprzedane" i liczby dostępnych biletów

Przy każdym wczytaniu strony i zakupie biletu przez odwiedzającego wyzwalane jest zdarzenie "onTicketsAvailableReady". Użyj go, aby wyświetlić liczbę pozostałych biletów lub zmodyfikować HTML, np. wyłączyć link po zakończeniu sprzedaży.

<script>
window.fientaSettings = {
 onTicketsAvailableReady: function(elem, count) {
// elem - znacznik HTML a prowadzący do wydarzenia na fienta.com
// count - liczba dostępnych biletów, możliwe wartości:
// true - gdy dostępnych jest więcej niż 50 biletów
// 1 .. 50 - liczba dostępnych biletów
// 0 - wydarzenie wyprzedane
// false - sprzedaż zakończona

// wpisz tu swój kod
 }
}
</script>
<script src="https://fienta.com/embed.js"></script>

Przykład pełnego kodu

<script>
window.fientaSettings = {
 background: 'rgba(255,0,0,0.5)',
 border_radius: '0',
 onTicketsAvailableReady: function(elem, count) {
 if (count === true) {
// dostępnych jest ponad 50 biletów
 }
 else if (count > 0) {
elem.text('Zostało tylko ' + count + ' biletów');
 }
 else if (count === 0) {
elem.addClass('disabled').removeAttr('href').text('Wyprzedane');
 }
 else if (count === false) {
elem.addClass('disabled').removeAttr('href').text('Sprzedaż zakończona');
 }
 }
}
</script>
<script src="https://fienta.com/embed.js"></script>

Otwieranie osadzenia z URL

Możesz udostępnić link do swojej strony i automatycznie otworzyć osadzenie:

https://your-website.com/page?openEmbed=https://fienta.com/event-name

 Dodawanie do wybranych systemów zarządzania treścią

• Wix

• Squarespace