Integrare
Landing page
Explică-le clienților cum funcționează PayPo. Toate materialele pregătite pentru tine ar trebui să direcționeze către o pagină de destinație, unde clientul poate descoperi beneficiile și posibilitățile oferite de cumpărăturile cu PayPo în magazinul tău.
Pe pagina Landing Page, pregătită pentru a fi adăugată pe site-ul tău, se găsesc informații complete și răspunsuri la cele mai frecvente întrebări - vezi previzualizarea paginii.
- 1
Creează o subpagină nouă în magazinul tău
Asigură-te că iframe-ul care integrează pagina paypo.ro, are atributul id="paypoIframe" și nu are atributul height.
<iframe id="paypoIframe" title="PayPo iframe" src="https://start.paypo.ro" width="100%" frameborder="no"></iframe> - 2
Plasează următorul script
În fișierul index.html înainte de a închide </body> sau în altă parte, în funcție de tehnologia utilizată:
<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.ro/"); } window.onload = sendReadyMessage; </script> - 3
Gata
Conținutul va fi încărcat automat după publicarea subpaginii, iar utilizatorii îl vor putea vizualiza fără a părăsi magazinul tău.