Upota koodi

Upotuskoodin määrittäminen tapahtuman liukusäätimelle

Jaa tämä viesti

Kanssa Timely tilillä voit helposti upottaa tapahtumien liukusäätimen verkkosivustollesi näyttääksesi tapahtumia verkossa. Kun upotat liukusäädin-widgetin, kaikki julkaistuihin tapahtumiin tehdyt muutokset päivitetään automaattisesti verkkosivustollesi. Tässä viestissä opit kaikki vaiheet upotuskoodin määrittämiseksi tapahtuman liukusäätimelle.

1. Tapahtuman liukusäätimen edut verkkosivustollasi

Verkkotapahtumakalenterin hyödyntäminen on helppoa Timely. Jos haluat korostaa tiettyjä tapahtumia, suosittelemme lisäämään verkkosivustollesi kauniin ja kiinnostavan tapahtumaliukusäätimen.

Timely Tapahtuman liukusäädin-widget on tehokas tapa näyttää tapahtumia verkkosivustollasi. Liukusäädinnäkymää käyttämällä voit näyttää tapahtumia diaesityksenä. Liukusäädin näyttää yhden tapahtuman diaa kohden, mikä lisää tapahtumatietoisuutta ja sitoutumista. Katso se toiminnassamme tapahtuman liukusäätimen widgetin esittelysivu.

2. Sisällönhallintajärjestelmiä (CMS) tuettu 

TimelyTapahtuma-alusta ja widgetit voidaan upottaa mihin tahansa julkiseen tai yksityiseen verkkosivustoon tai mobiilisovellukseen. Ne toimivat täydellisesti monien verkkosivustojen sisältöalustojen kanssa, mukaan lukien, mutta niihin rajoittumatta:

  • WordPress
  • HTML
  • Shopify
  • Wix
  • SquareSpace
  • Joomla
  • Drupal
  • Magento / Adobe Commerce
  • Adobe Experience Manager
  • Weebly
  • GoDaddy
  • MicroSoft SharePoint / Power Pages
  • Ketteryys

Käyttämästäsi sisällönhallintajärjestelmästä riippumatta yleiset ohjeet tapahtuman liukusäätimen upotuskoodin määrittämiseen ovat samat. Jatka lukemista saadaksesi lisätietoja. 

3. Tapahtuman liukusäätimen upotuskoodin määrittäminen

Kun lisäät tapahtuman liukusäätimen upotuskoodin sisällönhallintajärjestelmääsi, voit julkaista rajoitetun määrän tapahtumia kauniilla liukusäädinwidgetillä. Jos sinulla on tietyntyyppisiä tapahtumia, jotka haluat näyttää liukusäätimessä, on suositeltavaa mukauttaa widgetin upotuskoodi.

Katso vaiheittaiset ohjeet alta:

  1. Kirjaudu sisään omaan Timely tili.
  2. Napsauta päänavigointivalikosta Asetuksetja sitten Upota koodi. Voit myös käyttää hallintapaneelin oikeassa yläkulmassa olevaa pikakuvaketta.
  3. Sitten avautuu uusi sivu, jossa näkyvät kaikki upotuskoodivaihtoehdot ja -asetukset. Tällä hetkellä voit valita neljästä upotuskoodityypistä: Kalenteri, Karuselli, Liukusäädin ja Lisää tapahtuma -painike.
  4. Koska tämä viesti käsittelee upotuskoodin määrittämistä tapahtuman liukusäätimelle, päälle Upotustyyppi, Valitse Slider vaihtoehto.
tulostaa näyttö Timely tapahtumanhallintaohjelmiston liukusäätimen upotuskoodivaihtoehto

Jos et halua mukauttaa upotuskoodia, voit siirtyä suoraan alla olevaan widget-koodiosioon (6. Liukusäätimen iFrame- upotuskoodin määrittäminen). Muussa tapauksessa jatka tämän viestin lukemista saadaksesi lisätietoja.  

4. Lisäasetukset

Juuri alla Slider upota koodityyppi -vaihtoehto, näet Lisäasetukset pudotusvalikosta. Nämä asetukset vaihtelevat valitun upotuskoodityypin mukaan.

Näin voit muokata tapahtuman liukusäätimen widgetin upotuskoodia Lisäasetukset:

Suurin liukusäätimen leveys

Tämän ominaisuuden avulla voit valita liukusäätimesi enimmäisleveyden sen mukaan, kuinka paljon tilaa tälle widgetille on verkkosivullasi.

tulostaa näyttö Timely tapahtumanhallintajärjestelmän maksimi liukusäätimen leveysasetukset

Liukusäätimen viive

Halutessasi voit valita viiveajan kullekin liukusäätimessä näkyvälle tapahtumaviestille (sekunteina).

tulostaa näyttö Timely tapahtumanhallintajärjestelmän liukusäätimen viiveajan asetukset

Ajanjakso

Halutessasi voit valita liukusäädin-widgetissäsi näytettävien tapahtumien ajanjakson. Vaihtoehdot ovat seuraavat:

  • Tulevat tapahtumat
  • Tämän päivän tapahtumat
  • Alkaa huomenna
  • Muokattu ajanjakso
  • Seuraavat n päivää
  • Seuraavat n tapahtumat

Jos haluat näyttää vain tapahtumat, jotka on merkitty kalenterissasi esitellyiksi, valitse valintaruutu Suositellut tapahtumat.

tulostaa näyttö Timely tapahtumanhallintajärjestelmän liukusäädintä esiteltyjen tapahtumien asetukset

5. Suodattimet

Lisäksi voit päättää, mitkä tapahtumat näytetään liukusäätimessä käyttämällä esiasetettuja suodattimia. Voit valita luokat, tunnisteet, järjestelyt, tapahtumapaikat ja kaikki muut mukautetut suodattimet, jotka olet ehkä luonut. Tämä auttaa sinua näyttämään vain tapahtumat, jotka haluat asiakkaasi näkevän.

tulostaa näyttö Timely tapahtumanhallintajärjestelmän liukusäätimen suodatinasetukset

6. Liukusäätimen iFrame Embed -koodin kopioiminen

Kun olet mukauttanut liukusäätimen upotuskoodin lisäasetuksia ja suodattimia, voit luoda upotuskoodin. Seuraa vain alla olevia ohjeita:

  1. Valitse Widgetin koodi (kopioi se verkkosivustollesi) suodata ja valitse vaihtoehto iFrame Embed – Javascript.
  2. Valitse Kopioi katkelma -painiketta kopioidaksesi upotuskoodisi.
tulostaa näyttö Timely tapahtumanhallintajärjestelmän liukusäätimen upotuskoodigeneraattori

Seuraavaksi sinun tarvitsee vain liittää koodi verkkosivustosi taustaan, jotta se näyttää Timely liukusäädintä. Napsauta alla olevia linkkejä nähdäksesi yksityiskohtaiset ohjeet liukusäätimen widgetin koodin upottamisesta seuraaviin sisällönhallintajärjestelmiin:

Katso asennusohjeet Timely kalenteri ja widgetit muissa CMS- tai mobiilisovelluksissa, kiitos ota yhteyttä asiakastukeen.

Lisätietoja käyttäjäohjeista saat sivuiltamme Ohjekeskus. Jos sinulla on kysyttävää tai tarvitset lisäapua, älä epäröi ottaa meihin yhteyttä. Vaihtoehtoisesti voit avata tukilipun omaltasi Timely tilin kojelautaan.