Встраивание с помощью iframe

Тег iframe предназначен для встраивания других веб-страниц на страницу вашего сайта. Таким образом, вы можете разместить виджет непосредственно на самой странице. Чтобы это сделать необходимо так же, как и для размещения виджета ссылкой, сформировать URL. Правила формрирования ссылки указаны на странице Размещение ссылки на виджет.

После этого необходимо разместить iframe на сайте и вписать сформированный ранее URL в параметр src.

  • <iframe
      src="https://widget.giftery.cards/?productId=23903&color=0064ff&face=1000"
      width="100%"
      height="600"
      allow="camera;microphone"
    ></iframe>
    

Примечание. При использовании iframe необходимо указывать ему ширину и высоту такую, чтобы виджет как можно более корректно отображался. Элемент iframe не умеет самостоятельно подстраиваться под размеры отображаемого контента, поэтому внутри могут возникать полосы прокрутки или пустые пространства. Атрибут allow="camera;microphone" обязателен. Он необходим для корректной работы загрузки видеосообщений.

Плюсы

  • Не нужно размещать дополнительные скрипты
  • В целом достаточно быстрый способ

Минусы

  • Требует понимания работы iframe-ов и того, как они отображаются на сайте
  • Необходимо задавать размеры, чтобы виджет корректно отображался на странице
  • Может появиться прокрутка внутри самого блока с виджетом