Skip to content
TicketingHub Help

Sut i greu widget

Trosolwg

Offeryn JavaScript yw widget archebu TicketingHub sy’n integreiddio â gwefannau, gan alluogi cwsmeriaid i archebu cynhyrchion yn uniongyrchol. Rydych yn ei greu yn y dangosfwrdd, yn ei ffurfweddu fesul adran, ac yn gludo pyt bach o god ar eich gwefan.

Porwyr a gefnogir

Safari 16.4+, Chrome 111+, Firefox 128+.

Creu widget newydd

  1. Yn eich dangosfwrdd, ewch i Widgetiau
  2. Cliciwch Widget newydd
  3. Rhowch enw i’r widget, dewiswch y cynhyrchion y dylai eu gwerthu, a chliciwch Creu widget

Byddwch yn cyrraedd tudalen gosodiadau’r widget, lle mae popeth arall yn cael ei ffurfweddu. Mae’r ochr chwith yn cynnwys y gosodiadau, wedi’u grwpio’n adrannau; mae’r ochr dde yn dangos rhagolwg byw o’r widget sy’n cael ei adnewyddu wrth i chi wneud newidiadau.

Ffurfweddu eich widget

Yr hyn rydych yn ei werthu

Dewiswch y cynhyrchion, y pecynnau a’r cardiau rhodd y mae’r widget yn eu cynnig, cynhwyswch bethau ychwanegol (pob un ohonynt, neu ddetholiad penodol), a phenderfynwch a all cwsmeriaid brynu’r cynhyrchion fel talebau rhodd neu adbrynu talebau rhodd yn y widget.

Llif archebu

Dewiswch sut mae cwsmeriaid yn symud drwy’r widget: Tocynnau yn gyntaf (dewis tocynnau, yna ddyddiad ac amser), Digwyddiad yn gyntaf (pori calendr, yna dewis beth i’w archebu), neu Adbrynu talebau yn unig. Gallwch hefyd osod golwg ddiofyn y calendr a gofyn i gwsmeriaid deipio eu cyfeiriad e-bost ddwywaith er mwyn osgoi gwallau teipio.

Rheolau gwerthu

Rheolwch pryd a beth mae’r widget yn ei werthu: dyddiad ac amser dechrau’r gwerthiant, y dyddiad y mae’r calendr yn agor arno, pryd i ddangos capasiti sy’n weddill slot amser, a’r arian cyfred y gall cwsmeriaid dalu ynddo. Pan nad oes dim i’w archebu yn yr wythnos neu’r mis cyntaf a ddangosir gan y calendr, mae’r calendr yn edrych ymlaen ac yn agor ar y dyddiad cyntaf sydd â rhywbeth i’w archebu.

Ymddangosiad

Ychwanegwch CSS wedi’i addasu i fireinio golwg y widget fel ei fod yn cyd-fynd â’ch brand.

Dadansoddeg

Cysylltwch Google Analytics neu Google Tag Manager i olrhain sut mae ymwelwyr yn defnyddio’ch widget.

Uwch

Anfonwch gwsmeriaid i dudalen o’ch dewis ar ôl prynu, a gosodwch y paramedr URL y mae eich ailwerthwyr yn ei ddefnyddio fel bod eu harchebion yn cael eu priodoli iddynt.

Rhagolwg, cyhoeddi a defnyddio

Mae’r newidiadau a wnewch yn cael eu drafftio yn erbyn rhagolwg byw — cliciwch Diweddaru rhagolwg i’w gweld ar y dde heb effeithio ar eich widget byw. Pan fyddwch yn fodlon, cliciwch Cyhoeddi i’w gwneud yn fyw, neu Canslo i gael gwared ar y drafft.

I roi’r widget ar eich gwefan, agorwch Cyfarwyddiadau gosod: copïwch y tag script i’ch tudalen, yna dewiswch rhwng y widget Wedi’i fewnosod (sy’n ymddangos yn uniongyrchol yng nghynnwys eich tudalen) a’r widget Modal/Naidlen (sy’n agor mewn troshaen o fotwm), a gludwch y pyt cyfatebol.

Sut mae’r widget yn sgrolio eich tudalen

Pan fydd cwsmer yn symud i’r cam nesaf, mae’r widget yn sgrolio’n ôl i frig y ffurflen archebu, fel na fydd cwsmer sydd wedi sgrolio i lawr rhestr hir o docynnau yn glanio hanner ffordd i lawr y cam nesaf. Os ydych wedi gosod y widget y tu mewn i banel eich hun sy’n sgrolio, y panel hwnnw sy’n symud, a dim ond pan fydd y panel ei hun wedi’i sgrolio allan o’r golwg y bydd eich tudalen yn symud hefyd. Mae’n gwneud hyn pan fydd brig y ffurflen wedi’i sgrolio allan o’r golwg, a phan fydd y ffurflen yn ymestyn y tu hwnt i waelod y sgrin gyda digon o le uwch ei phen. Mae ffurflen sydd eisoes yn ffitio ar y sgrin yn cael ei gadael yn ei lle, ac mae’r widget yn gadael lle ar gyfer pennyn sydd wedi’i osod yn sefydlog ar frig eich tudalen.

Os nad yw hynny’n gweddu i’ch cynllun, atalwch eich tudalen rhag symud drwy ychwanegu "scrollOnStepChange": false at god y widget a gludoch:

<div id="embed_widget" data-th-embed data-th-config='{"widgetId":"YOUR-WIDGET-ID","scrollOnStepChange":false}'></div>

Os yw’ch pennyn yn cuddio wrth i ymwelwyr sgrolio i lawr ac yn ailymddangos wrth iddynt sgrolio i fyny, ni all y widget ei fesur, a gall brig y ffurflen ddiweddu y tu ôl iddo. Yn hytrach na diffodd y sgrolio, rhowch uchder eich pennyn mewn picseli i’r widget:

<div id="embed_widget" data-th-embed data-th-config='{"widgetId":"YOUR-WIDGET-ID","scrollOffset":80}'></div>

Clonio widget sy’n bodoli eisoes (Widgetiau clasurol)

Os ydych yn defnyddio’r golygydd widgetiau clasurol, gallwch ddyblygu widget yn lle ei adeiladu eto:

  1. Ewch i Widgetiau
  2. Dewiswch widget sy’n bodoli eisoes
  3. Cliciwch Clonio
  4. Dewiswch y sianel darged a chadarnhewch y dewis

Addaswch y widget sydd wedi’i glonio, yna cyhoeddwch ef a chopïwch y cod i’ch gwefan.