Wizualizacje 3D można umieścić na własnej stronie, na kilka prostych sposobów.
-
Jeśli potrzebujesz umieść wizualizacje 3D dla wybranego produktu, a przy tym nie potrzebujesz łączyć wizualizacji z baza danych produktów (integrować materiałów) Wystarczy ze skopiujesz kod, który możesz wygenerować na stronie https://www.terma24.pl/wizualizacje-3d-api poprzez generator kodu:
Kod możesz tez wygenerować wchodząc na wizualizacje 3D, np. ze strony https://www.termaheat.pl/radiators, oraz klikniecie na wizualizacji menu->osadź wizualizacje
Pobrany kod należy wstawić do opisu strony (do źródła html) i wizualizacja zostanie przedstawiona w miejscu opisu.
źródło html - jest miejscem, na podstawie którego opis zostaje sformatowany we właściwy sposób. Najczęściej edycja w różnych systemach pozwala na przełączenie pomiędzy wynikiem, a kodem, który ten wynik formatuje.
-
Połączenie wizualizacji z bazą produktową sklepu internetowego. Nie musisz w tym celu ręcznie, zmieniać opisów dla każdego produktu, aby umieścić wizualizacje na karacie produktowej. Można je połączyć, w taki sposób, że wygeneruje się automatycznie, Zazwyczaj są na to dwa sposoby:
-
Poprzez CMS i dostawienie do szablonu produktu dodatkowego pola html, w tym polu należy podstawić szablon kodu i podstawić zmienne.
-
Poprzez modyfikacje szablonu opisu produktu z wizualizacjami Termy.
W tym celu należy zmienić szablon karty produktowej w sklepie Internetowej i dodać wizualizację.
W obu przypadkach należy wykorzystać szablon kodu:
<div class="embed-container" style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;"><iframe src="//www.termaheat.pl//3dvisualization/por%C4%99cz-sko%C5%9Bna-90%C2%B0" style="border:0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" oallowfullscreen="true" msallowfullscreen="true"></iframe></div>
-
Wykorzystanie gotowych kart produktowych.
Możesz wykorzystać też narzędzie do publikacji kart produktowych, które zawierają gotowy opis produktowy, łącznie z wizualizacjami 3D. Musisz wówczas mieć dostęp do modyfikacji szablonu strony, aby wstawić ramkę, zgodnie z szablonem kodu:
<div class="embed-container" style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;"><iframe src="//embed.termaheat.com//grzejnik/incorner?language=pl" style="border:0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" oallowfullscreen="true" msallowfullscreen="true"></iframe></div>