Ürituse lehekülg

Lisa ostuprotsess oma veebilehele

Tutvustus

Fienta ostuprotsessi on võimalik lisada oma veebilehele nii, et see avaneb otse veebilehe sisu peal:

Alusta siit

  1. Lisa oma kodulehele tavaline link, mis viitab Fientas asuvale ürituse lehele. Näiteks:

    <a href="https://fienta.com/event-name">Buy Tickets</a>
  2. Lisa kodulehe koodi järgmine rida, mis paneb kõik Fienta üritustele viitavad lingid avanema otse sinu kodulehel.

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

Sinu kodulehel võib olla mitu linki, mis viitavad kas samale või erinevatele üritustele Fientas. Embed.js lisa oma lehe koodi ainult üks kord.

Embed ja Safari

Hetkel ei tööta embed Safari versiooniga 13.1 mis lasti välja märtsis 2020. Embedi asemel avaneb tavapärane ürituse leht Fientas kust saab pileteid tavapärasel viisil osta.

Parameetrid

Soovi korral saad muuta Fienta embedi taustavärvi, nurkade raadiust ja muid parameetreid. Selleks tuleb defineerida JavaScript objekt, nagu näha järgmises näites. Toodud parameetrid on vaikeväärtused.

<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 which is added to orders from homepage
 ref: 'homepage',
};
</script>
<script src="https://fienta.com/embed.js"></script>

Näite rakendamisel jäta alles ainult need parameetrid, mida soovid muuta.

Ürituse kirjelduse ja pildi kuvamine

Vaikimisi embed ürituse kirjeldust ei sisalda. Selle saab lisada järgmise reaga window.fientaSettings alla:

descriptionEnabled: 'true',

Et kuvada piletivaliku asemel esmalt kirjeldust, lisa ka:

step: 'description',

Pildi lisamiseks:

imageEnabled: 'true',

Konkreetse pileti eelvalik

Kui sinu üritusel on mitmeid piletiliike, pole vaikimisi ükski neist valitud. Sa saad aga seda muuta, andes soovitud piletiliigi ID kaasa "ticket" parameetriga:

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

ID leiad brauseri aadressrealt, kui oled konkeetset piletiliiki muutmas, näiteks: https://fienta.com/my/ticket_types/1234/edit

Vabade kohtade ja müügi lõpu kuvamine

Igal lehel laadimisel ja pileti ostmisel lehe külastaja poolt, käivitub JavaScripti sündmus "onTicketsAvailableReady". See võimaldab sul kuvada saadaolevate piletite arvu või muuta oma lehe HTML-i, näiteks muuta müügi lõppedes ostmise link mitteaktiivseks.

<script>
window.fientaSettings = {
 onTicketsAvailableReady: function(elem, count) {
 // elem - HTML a tag pointing to event at fienta.com
 // count - number of tickets available, possible values:
 // true - when more than 50 tickets are available
 // 1 .. 50 - number tickets available 
 // 0 - event is sold out
 // false - sale has ended

// write your code here
 }
}
</script>
<script src="https://fienta.com/embed.js"></script>

Näide täielikust koodist

<script>
window.fientaSettings = {
 background: 'rgba(255,0,0,0.5)',
 border_radius: '0',
 onTicketsAvailableReady: function(elem, count) {
 if (count === true) {
 // more than 50 tickets are available
 }
 else if (count > 0) {
 elem.text('Only ' + count + ' tickets left');
 }
 else if (count === 0) {
 elem.addClass('disabled').removeAttr('href').text('Sold out');
 } 
 else if (count === false) {
 elem.addClass('disabled').removeAttr('href').text('Sale has ended');
 } 
 }
}
</script>
<script src="https://fienta.com/embed.js"></script>

Ostuprotsessi avamine lehele viitamisel

Kui sa soovid viidata oma veebilehele nii, et koos viitega avaneks kohe ostuprotsess, kasuta järgmisel kujul linki:

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