Chaty-yhteydenottolomakkeen ponnahdusikkunan käynnistäminen JavaScriptin avulla

Tässä oppaassa näytämme, kuinka voit käynnistää ja sulkea Chaty-yhteydenottolomakkeen ponnahdusikkunan painikkeestasi JavaScript-funktion 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 yhteydenottolomakkeen ponnahdusikkunan käynnistämiseen tai sulkemiseen mistä tahansa verkkosivustollasi painikkeen avulla ja millä tahansa haluamillasi ehdoilla. Voit esimerkiksi näyttää widgetin vasta muiden JavaScript-komentojen käynnistymisen jälkeen tai piilottaa sen JavaScript-komennon käynnistymisen jälkeen.

Yhteydenottolomakkeen ponnahdusikkunan käynnistäminen

Jos haluat käynnistää Chaty-yhteydenottolomakkeen ponnahdusikkunan JavaScript-toiminnolla, lisää verkkosivustollesi painike.
Sitten sinun täytyy lisätä tämä linkkinä:
javascript:open_chaty_contact_form();

Lopulta sen pitäisi näyttää verkkosivustollasi suunnilleen tältä: 

Yhteydenottolomakkeen ponnahdusikkunan sulkeminen

Sulje Chaty-yhteydenottolomakkeen ponnahdusikkuna JavaScript-funktiolla lisäämällä painike ja lisäämällä seuraava JavaScript-funktio:

javascript:close_chaty_contact_form();

Kun olet valmis, älä unohda painaa ”Tallenna” sivun yläreunasta. Se siitä! Helppoa kuin 1,2,3 ☺️

Kuinka käynnistää Chaty-yhteydenottolomakkeen ponnahdusikkuna 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() {
         open_chaty_contact_form();
        }, 100); // Adjust delay if needed
    });
});
</script>

Muokkaa Elementor-painikettasi ja kirjoita Button ID -kenttään openContactFormPopup .

Muista painaa Julkaise-painiketta, niin siinä kaikki! Voit nyt käynnistää Chaty-yhteydenottolomakkeen Elementor-painikkeellasi!