Hvordan kreve at kundene godkjenner salgsbetingelsene

Hvis du vil at kundene dine aktivt skal godkjenne salgsvilkårene dine i Kajabi før de kjøper, kan du bruke denne fremgangsmåten. Alt du trenger å gjøre er å legge inn en kodesnutt under i Checkout Settings i Kajabi, og aktivere "Service agreement" på offerene i Kajabi (både required eller Custom service agreement vil fungere):

Denne kodensutten vil automatisk begynne å fungere på alle checkoutsider hvor du har aktivert Service Agreement. Den vil ikke påvirke checkoutsider hvor det ikke er en betalingsknapp fra Edpay.

Gå til Checkout Settings (Kajabi - Settings - Checkout Settings) og lim inn denne kodesnutten under "Footer Tracking Code": 

<script>
  document.addEventListener('DOMContentLoaded', () => {
    const panel = document.querySelector('.checkout-panel');
    const checkbox = document.querySelector('#checkout_offer_service_agreement');
    const label = document.querySelector("label[for='checkout_offer_service_agreement']");

    if (!panel || !checkbox || !label) {
      return;
    }

    // Move the service agreement above the payment buttons
    var agreementContainer = checkbox.closest('.service-agreement');
    var panelHeading = document.querySelector('.panel-heading');
    if (agreementContainer && panelHeading) {
      var firstButton = panelHeading.querySelector('.vipps-knapp, .klarna-knapp, .edpay-button');
      if (firstButton) {
        panelHeading.insertBefore(agreementContainer, firstButton);
      }
    }

    // Update payment button styles based on checkbox state
    function updateButtonState() {
      const buttons = panel.querySelectorAll('.vipps-knapp, .klarna-knapp, .edpay-button');
        buttons.forEach(btn => {
          if (checkbox.checked) {
            btn.style.opacity = '';
            btn.style.cursor = '';
          } else {
            btn.style.opacity = '0.5';
            btn.style.cursor = 'not-allowed';
          }
        });

                if (checkbox.checked) {
          label.style.border = '';
        }
     }

    updateButtonState();
    checkbox.addEventListener('change', updateButtonState);

    // Delegate click handling to capture dynamically inserted buttons
    panel.addEventListener('click', event => {
      const button = event.target.closest('.vipps-knapp, .klarna-knapp, .edpay-button');

      if (!button) {

        return;

      }

      if (checkbox.checked) {
        return;
      }

      event.preventDefault();
      label.style.border = '2px solid rgb(223,100,88)';
      label.scrollIntoView({ behavior: 'smooth', block: 'center' });
      const toastTrigger = document.querySelector('.checkout-panel-btn');
      if (toastTrigger) {
        toastTrigger.click();
      }
    });
  });
</script>

Når du har gjort dette vil knappene være deaktiverte når salgsbetingelsene ikke er godkjente. Checkboxen for salgsbetingelsene blir også flyttet over betalingsknappene slik at det blir enklere for kundene å forstå at de må huke av for salgsbetingelsene før de kan kjøpe.

 Først når kunden har godkjent salgsbetingelsene vil betalingsknappene være mulig å trykke på: 

Prøver kunden å trykke på en av betalingsknappene før de har godkjent salgsbetingelsene vil Kajabi sin standard feilmelding vises: