Instrukcja:

Przykładowy kod przycisku dla formularzy wyskakujących:

<div class="hotengine-form-constructor" data-dialog-form_id="XXX" data-dialog-width="370" data-dialog-height="280" data-dialog-form_title="Callback" data-dialog-title="Poproś o oddzwonienie" data-dialog-whatform="Formularz zamówienia wywołania zwrotnego z przycisku w witrynie ..." data-dialog-buttontext="Prześlij">Oddzwonienie</div>

<div class="hotengine-form-constructor" data-dialog-form_id="XXX" data-dialog-width="370" data-dialog-height="490" data-dialog-form_title="Zadaj pytanie" data-dialog-title="Zadaj pytanie" data-dialog-whatform="Zadaj formularz pytania za pomocą przycisku na stronie ..." data-dialog-buttontext="Prześlij">Zadaj pytanie</div>

• "data-dialog-form_id" - ID formularza
• "data-dialog-width" - szerokość wyskakującego okienka
• "data-dialog-height" - wysokość wyskakującego okienka
• "data-dialog-title" - tytuł okna dialogowego
• "data-dialog-form_title" - nota ofertowa dodana do statystyk sprzedaży
• "data-dialog-whatform" - z jakiego formularza pochodzi aplikacja (pozycja czy dane własne)
• "data-dialog-productid" - ID produktu, jeśli aplikacja dotyczy konkretnego produktu.
• "data-dialog-product_num" - ilość dodanej pozycji, jeśli zamówienie dotyczy konkretnego produktu.
• "data-dialog-varietyid" - rodzaj produktu, jeśli wniosek dotyczy konkretnego produktu.
• "data-dialog-formprice" - oferta lub cena przedmiotu
• "data-dialog-buttontext" - tekst przycisku wewnątrz okna
• "data-dialog-modify-text" - Autokorekta tekstu zamówienia (komentarz). Służy do wysyłania dodatkowych informacji, które można wykonać za pomocą Javascript.
• "data-close-button" - Tekst przycisku zamykania okna (wyświetlany tylko, jeśli określono wartość)
• "data-header-fix" - Zamknij okno po kliknięciu poza jego granicami
• "data-close-overlay" - Włącz/Wyłącz zamykanie okna po kliknięciu poza jego granicami (dodatkowy atrybut. Wartości: «1» (włącz), «0» (wyłącz)).
• "data-dialog-form-hide-fields" - Ukryj elementy formularza (lista, separator `|`)
• Dodatkowe opcje (autouzupełnianie formularza):
  • «data-dialog-form-autosubmit» – 1-włącz
  • "data-dialog-form-required-class" - wymagane pola do wypełnienia (lista, separator `|`) (**)
  • "data-dialog-form-autosubmit-replace-class" - (lista, separator `|`) (***)
  • "data-dialog-form-required-class-alert" - komunikaty o błędach, jeśli pole data-dialog-form-required-class (**) nie jest wypełnione (lista, separator `|`)
  • 
    *** - Np. wartości pola data-dialog-form-required-class (**) zostaną nadpisane wartościami znalezionymi na stronie, pozycjami z okna data-dialog- form-autosubmit-replace-class (*) lista **).
    Jeśli pola data-dialog-form-required-class (**) nie są wypełnione, zostanie wyświetlony komunikat określony w polu data-dialog-form-required-class-alert.
    Ta funkcja jest przydatna, gdy chcesz utworzyć pole do wypełnienia, po kliknięciu na niego wyskoczy formularz i zostanie wysłany natychmiast z podmianą danych z wcześniej utworzonego pola.
• data-dialog-callback - Atrybut data-dialog-callback pozwala określić nazwę funkcji, która zostanie wywołana po otwarciu okna popup.
  Przykład

  Code: html

  <a href="#" class="hotengine-script-popup" data-dialog-callback="myCustomFunction">Otwórz</a>
  <script>
  function myCustomFunction() {
      console.log("Callback został wykonany!");
  }
  </script>

• data-dialog-button-callback - Atrybut data-dialog-button-callback pozwala określić funkcje callback dla przycisków w oknie popup. Format: NazwaPrzycisku:callbackFunctionBtn, kilka przycisków oddzielamy przecinkiem. Funkcje mogą być zdefiniowane zarówno przed otwarciem okna, jak i po — zostaną wywołane przy kliknięciu przycisku, jeśli funkcja istnieje.
  Przykład

  Code: html

  
  <a href="#" class="hotengine-script-popup" data-dialog-button-callback="Ok:callbackFunctionBtn1">Otwórz</a>
  
  <script>
  window.callbackFunctionBtn1 = function() {
      console.log("Kliknięto przycisk Ok");
  };
  </script>