¿Por qué incrustar?
Hay dos maneras principales de añadir IdeaRoom a su sitio web:
Enlace de subdominio: Este es el método más sencillo y común. Consiste en crear un enlace como idearoom.suempresa.com que lleve a los clientes a su configurador.
Incrustación: Esto significa colocar el configurador directamente en una página dentro de su sitio web existente. Puede ser una mejor opción si tiene necesidades específicas de optimización para motores de búsqueda (SEO) o si desea un mayor control sobre el diseño de la página.
Tenga en cuenta que el código HTML de su sitio web puede interferir con el configurador. Si esto ocurre, DEBE comunicarse con su diseñador web (el administrador de su sitio web) para diagnosticar y resolver el problema.
Consideraciones importantes antes de empezar
Lienzo en blanco: Asegúrese de que la página donde incrustará IdeaRoom esté completamente vacía. Cualquier otro contenido puede interferir con el diseño y el funcionamiento del configurador, especialmente en dispositivos móviles.
Sin encabezados ni pies de página: Por ahora, IdeaRoom no funciona bien con encabezados o pies de página. Sabemos que esto puede ser una decepción, ¡pero estamos trabajando en ello!
¡Vamos a incrustar!
Obtenga su código: Comuníquese con nuestro amable equipo de Atención al Cliente de IdeaRoom. Le proporcionarán un código especial llamado su «clave de proveedor» (Vendor Key).
Elija su producto: Seleccione el fragmento de código a continuación que corresponda a su producto de IdeaRoom.
Personalice el título: Entre las etiquetas
<title>, puede añadir un título que se ajuste a su sitio web.Añada su clave de proveedor: Reemplace el marcador de posición «vendorkey» en el código por su clave de proveedor (Vendor Key) real.
Pegue el código: Copie y pegue el fragmento de código completo en su página web en blanco.
¡Listo! Guarde su página y su configurador de IdeaRoom debería estar listo para usar.
Fragmentos de código
IdeaRoom para cobertizos
HTML
<!DOCTYPE html>
<html style="height: 100%; width: 100%; margin: 0">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>IdeaRoom para cobertizos</title>
</head>
<body style="width: 100%; height: 100%; margin: 0">
<script async src="https://js.idearoom.com" charset="UTF-8"></script>
<div id="shedview-configurator" data-v="vendorkey"></div>
</body>
</html>
IdeaRoom para cocheras
HTML
<!DOCTYPE html>
<html style="height: 100%; width: 100%; margin: 0">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>IdeaRoom para cocheras</title>
</head>
<body style="width: 100%; height: 100%; margin: 0">
<script async src="https://js.idearoom.com" charset="UTF-8"></script>
<div id="carportview-configurator" data-v="vendorkey"></div>
</body>
</html>
IdeaRoom para edificios
HTML
<!DOCTYPE html>
<html style="height: 100%; width: 100%; margin: 0">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>IdeaRoom para edificios</title>
</head>
<body style="width: 100%; height: 100%; margin: 0">
<script async src="https://js.idearoom.com" charset="UTF-8"></script>
<div id="carportview-configurator" data-v="vendorkey"></div>
</body>
</html>
¿Necesita ayuda?
Si se atasca o tiene preguntas en el camino, no dude en comunicarse con nuestro equipo de soporte. ¡Siempre estamos encantados de ayudar!
Nota: Esta traducción fue generada por inteligencia artificial y puede contener errores.