Tässä oppaassa näytämme, kuinka voit käynnistää ja sulkea Chaty-widgetin linkin tai JavaScript-toiminnon avulla muutamalla erittäin yksinkertaisella ja nopealla napsautuksella.
Lisätietoja Chaty-laajennuksen käytöstä saat napsauttamalla tästä ja tutustumalla koko Chaty-tietokantaamme, jotta saat siitä kaiken irti.
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 esimerkki ylhäältä. Voit käynnistää Chaty-widgetin JavaScript-toiminnolla lisäämällä haluamasi kuvan. Tämä kuva toimii mukautettuna ”painikkeena”, jota vierailijat napsauttavat sulkeakseen Chaty-widgetin. Napsauta juuri lataamaasi kuvaa ja napsauta sitten "Lisää vaihtoehtojaJa valitse ”Muokkaa HTML-muodossa” -painiketta nähdäksesi kuvan HTML-koodin. Tähän sinun on lisättävä JavaScript-toiminto.
Sitten sinun on lisättävä tämä (ilman lainausmerkkejä):
" ” Voit myös käyttää tätä koodia suluissa olevan numeron kanssa, esim. (1), (2), jos sivulla on useampi kuin yksi widget. 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 Chaty-widget JavaScript-funktiolla lisäämällä haluamasi kuva, aivan kuten yllä olevassa esimerkissä. Tämä kuva toimii mukautettuna "painikkeena", jota kävijät napsauttavat sulkeakseen Chaty-widgetin. Napsauta juuri lataamaasi kuvaa, napsauta sitten " Lisää vaihtoehtoja " ja valitse " Muokkaa HTML:nä " -painike nähdäksesi kuvan HTML-koodin. Tähän sinun on lisättävä JavaScript-funktio. Sinun on lisättävä tämä (ilman lainausmerkkejä): "javascript:close_chaty(1);" juuri ennen kuvatunnistetta (kuvatunniste on jo siellä, kun lataat kuvan).
Kun olet valmis, älä unohda painaa ”Tallenna” sivun yläreunasta. Se siitä! Helppoa kuin 1,2,3 ☺️
Chaty-widgetin käynnistäminen Elementor-painikkeella
Koska Elementorin ilmaisversiossa ei ole sisäänrakennettua vaihtoehtoa JavaScriptin lisäämiseen suoraan painikkeisiin, yksinkertainen kiertotie on lisätä mukautettu JavaScript-koodinpätkä sivustollesi. Voit lisätä koodinpätkän millä tahansa ilmaisella kolmannen osapuolen laajennuksella, kuten WPCode.
Mene kohtaan Lisäosat → Lisää uusi → etsi WPCode ja asenna se.
Kopioi alla oleva komentosarja ja liitä se koodinpätkän alatunniste-osioon.
<script>
document.addEventListener("DOMContentLoaded", function() {
document.getElementById("openChatyWidget").addEventListener("click", function(event) {
event.preventDefault();
setTimeout(function() {
launch_chaty();
}, 100); // Adjust delay if needed
});
});
</script>
Muokkaa Elementor-painikettasi ja kirjoita Button ID -kenttään openChatyWidget .
Älä unohda painaa Julkaise-painiketta ja se on siinä, voit nyt käynnistää Chatyn Elementor-painikkeellasi!
Jos olet Shopify-käyttäjä, voit tarkistaa tämän oppaan widgetin käynnistämisestä tai sulkemisesta JavaScriptin avulla ja varmistaa, että muutat toiminnot oikeiksi Chatylle: https://premio.io/help/coupon-x/how-to-launch-or-close-your-coupon-x-widget-using-javascript/