Tässä oppaassa näytämme, kuinka voit käynnistää ja sulkea Coupon X -widgetin linkin tai JavaScript-funktion avulla muutamalla erittäin yksinkertaisella ja nopealla napsautuksella. Klikkaa tästä lukeaksesi lisää Coupon X:n käytöstä Shopifyssa tai Wixissä.
Voit käyttää tätä ominaisuutta käynnistääksesi tai sulkeaksesi widgetin mistä tahansa verkkosivustollasi painikkeen kautta ja millä tahansa ehdolla, jonka haluat täyttyä, esimerkiksi voit näyttää widgetin vain muiden JavaScript-komentojen käynnistyttyä tai piilottaa sen JavaScriptin jälkeen. komento ampuu.
Widgetin käynnistäminen
Otetaan yllä oleva esimerkki. Käynnistääksesi alennuswidgetin JavaScript-funktiolla, avaa ensin Tuotteet-sivu Shopify-hallintapaneelissasi. Voit joko lisätä uuden tuotteen tai muokata olemassa olevaa tuotetta. Noudata ohjeita tuotteen nimen antamisessa/muokkaamisessa ja lisää haluamasi kuva kuvausruutuun. Tämä kuva toimii mukautettuna "painikkeena", jota kävijät napsauttavat käynnistääkseen Coupon X -widgetin. Napsauta juuri lataamaasi kuvaa ja napsauta sitten " <> "-painiketta nähdäksesi kuvan HTML-koodin. Tähän sinun on lisättävä JavaScript-funktio.
Sinun on lisättävä tämä juuri ennen kuvatunnistetta (kuvatunniste on jo olemassa, kun lataat kuvan).
Tärkeää!: varmista, että suljet tagin asianmukaisesti lisäämällä lopun, kuten alla olevassa kuvakaappauksessa näkyy:
<a href="javascript:launch_coupon_x();">
Voit myös käyttää tätä koodia suluissa olevan numeron kanssa, esim. (1), (2), jos sivulla on useampi kuin yksi widget.
Kun olet valmis, älä unohda painaa ”Tallenna” sivun yläreunasta. Se siitä! Helppoa kuin 1,2,3
Lataamasi kuva toimii sitten mukautettuna ”painikkeena”, ja kun kävijät napsauttavat sitä, alennuskoodi-widget käynnistyy heille. Lopulta sen pitäisi näyttää verkkosivustollasi tältä:
Kuinka sulkea widgetin
Sulje alennuswidget JavaScript-funktiolla avaamalla ensin Tuotteet-sivu Shopify-hallintapaneelissasi. Voit joko lisätä uuden tuotteen tai muokata olemassa olevaa tuotetta. Kuten yllä, noudata ohjeita tuotteen nimen antamiseen/muokkaamiseen ja lisää haluamasi kuva kuvausruutuun. Tämä kuva toimii mukautettuna "painikkeena", jota kävijät napsauttavat sulkeakseen Coupon X -widgetin. Napsauta juuri lataamaasi kuvaa ja napsauta sitten " <> "-painiketta nähdäksesi kuvan HTML-koodin. Tähän sinun on lisättävä JavaScript-funktio.
Sinun on lisättävä tämä juuri ennen kuvatunnistetta (kuvatunniste on jo olemassa, kun lataat kuvan).
<a href="javascript:close_coupon_x();">Voit myös käyttää tätä koodia suluissa olevan numeron kanssa, esim. (1), (2), jos sivulla on useampi kuin yksi widget.
Kun olet valmis, älä unohda painaa ”Tallenna” sivun yläreunasta. Se siitä! Helppoa kuin 1,2,3
Lataamasi kuva toimii sitten mukautettuna ”painikkeena”, ja kun kävijät napsauttavat sitä, alennuskoodi-widget sulkeutuu heidän puolestaan. Lopulta sen pitäisi näyttää verkkosivustollasi tältä:
