Activa el web widget Realisti.co en tu página web

Integrar las visitas virtuales de Realisti.co en la página de tu agencia es fácil y rápido gracias a nuestro web widget. Es suficiente copiar y pegar unas líneas de código dentro de interno di una ventana modal o un iframe.

iFrame

Ejemplo:

Código de ejemplo que hay que insertar en el HTML. Tienes que posicionar la URL del tour en el atributo src del tag <iframe> que puedes encontrar en la primera línea.

                
                    <iframe src="https://viewer.realisti.co/-Tuqqd/" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
                
            

Hidden iFrame

Ejemplo:

html-code-hidden-iframe

                
                    <button id="toggleButton" onclick="toggleVT(this)">Show</button>
                    <!-- Set Realisti.co Virtual Tour URL in this field -->
                    <input id="hidden-frame-url" type="hidden" value="https://viewer.realisti.co/5agphz/">
                    <!-- Customize iframe style but do not remove the src attribute -->
                    <iframe id="hidden-frame" allowfullscreen frameborder="0" src="" style="display: none;"></iframe>
                    <script type="text/javascript">
                        function toggleVT(button){
                            var sourceURL = document.getElementById('hidden-frame-url').value;
                            var realistico = document.getElementById('hidden-frame');
                            var vtURL = realistico.src;

                            if(sourceURL){ // Check if the page has a VT
                                if(!vtURL.includes(sourceURL)){ // Check if the VT needs to be loaded
                                    button.disabled = true;
                                    vtURL = sourceURL + "?viewMode=embed"; // You can add other Realisti.co embed options here
                                    realistico.src = vtURL;
                                    realistico.onload = function() { // Show the VT when it's ready
                                      showVT(button, realistico);
                                      button.disabled = false;
                                    }
                                }
                                else{ // The VT has been already loaded, just show it or hide it
                                    if(button.innerHTML == "Show")
                                        showVT(button, realistico);
                                    else
                                        hideVT(button, realistico);
                                }
                            }
                        }

                        function showVT(button, realistico){
                            realistico.style.display = "block";
                            button.innerHTML = 'Hide';
                        }

                        function hideVT(button, realistico){
                            realistico.style.display = "none";
                            button.innerHTML = 'Show';
                        }
                    </script>
                
            

Widget

Puedes probarlo aquí:

Copia y pega el código HTML del párrafo siguiente en la página relativa a la ficha del inmueble. Tienes que asegurarte que cargar la URL en el atributo href del tag <a> que puedes encontrar en la primera línea.

            
                <a class="trigger" href="https://viewer.realisti.co/-Tuqqd/" target="_blank">
                <button class="logo-realistico">Visita con Realisti.co</button></a>
                <script src="//resources.realisti.co/rlstc_nt.js"></script>
                <script type="text/javascript">window.onload=function(){rlstc_nt();};</script>
            
        

Si necesitas más información o para conocer todas las características de la integración te invitamos a descargar el documento dedicado en este enlace.