Komunikacja na landing page

Landing Page

Stwórz opis płatności PayPo i wytłumacz Klientom, jak to działa. Gotowe materiały, które dla Ciebie przygotowaliśmy - np. banery, powinny prowadzić Klienta właśnie na tę stronę, gdzie może dowiedzieć się więcej o możliwościach, jakie dają mu zakupy z PayPo w Twoim sklepie, jeśli jeszcze nie korzystał z tej metody płatności.

Kompleksowe informacje i odpowiedzi na najpopularniejsze pytania zamieściliśmy na landing page'u, gotowym do osadzenia na Twojej stronie - zobacz podgląd strony.

Aby osadzić te treści w swoim sklepie:

1
Stwórz nową podstronę w swoim sklepie.
Pamiętaj, że iframe z podpiętą stroną paypo.pl, musi mieć atrybut id=”paypoIframe” i nie może mieć atrybutu height.
```
<iframe id="paypoIframe" src="https://start.paypo.pl" width="100%" frameborder="no"></iframe>
```

Umieść poniższy skrypt
w pliku index.html przed zamknięciem </body> lub w innym miejscu zależnie od używanej przez Ciebie technologii:

<script defer>
      function handleIframeMessage(event) {
          const paypoIframe = document.querySelector('#paypoIframe');
          let eventData = event.data;
          let isPageHeightSet = false;
  
          if (typeof eventData === "string") {
              try {
                  eventData = JSON.parse(eventData);
              } catch (error) {
                  console.error("Error parsing event data:", error);
                  return; 
              }
          }
  
          if (typeof eventData === "object" && eventData !== null) {
              if ('pageBodyHeight' in eventData) {
                  paypoIframe.style.height = eventData.pageBodyHeight + 'px';
                  isPageHeightSet = true;
                  window.removeEventListener('message', handleIframeMessage);
              } else {
                  isPageHeightSet || (paypoIframe.style.height = '5200px');
              }
          }
      }
      window.addEventListener('message', handleIframeMessage);
  
      function sendReadyMessage() {
          var iframe = document.getElementById('paypoIframe');
          iframe.contentWindow.postMessage({
              messageType: 'parentReady'
          }, "https://start.paypo.pl/");
      }
      window.onload = sendReadyMessage;
  </script>

3
Gotowe!
Treści zaciągną się automatycznie po publikacji podstrony, a użytkownicy będą mogli je przeglądać bez wychodzenia z Twojego sklepu.