Stránka Jak Twisto funguje

Stránka připravená k vložení http://cz.twisto.live/how-it-works, která vysvětluje Twisto vašim zákazníkům. Místo vytváření vlastní vysvětlující stránky můžete přímo do svého e-shopu vložit vstupní stránku Twisto pomocí <iframe> — nebo na ni zákazníky rovnou přesměrovat.

Živý příklad najdete ve spodní části této stránky ⬇️

Jak vložit

Krok 1: Přidejte iframe na stránku ⬇️

<iframe
  id="twisto-widget"
  src="http://cz.twisto.live/how-it-works"
  title="Twisto Widget"
></iframe>

Krok 2: Přidejte posluchač pro změnu velikosti, aby výška iframu zůstala synchronizovaná ⬇️

<script>
  window.addEventListener('message', function(event) {
    if (
      event.data &&
      event.data.type === 'twisto-widget-resize' &&
      typeof event.data.height === 'number'
    ) {
      document.getElementById('twisto-widget').style.height = event.data.height + 'px'
    }
  })
</script>

A to je vše. Stránka odesílá postMessage se svou výškou nadřazené stránce — posluchač z Kroku 2 ji zachytí a udržuje iframe ve správné velikosti.