Cómo crear una Imagen Interactiva


¡Convierte tu imagen en un mapa interactivo! Etiqueta imágenes con acceso instantáneo a información adicional, primeros planos de imágenes (incluidos GIF), enlaces web y enlaces.

Aprende a crear una Imagen Interactiva con este video tutorial:

Comienzo del trabajo

Inicia sesión en tu perfil de interacty.me. Para crear una imagen interactiva haz clic en el botón Galería de plantillas.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/Z96Br9LutrmfifR4AGTaChYV4r9vLFSkPKpDrNUV-image.png

Selecciona la Imagen interactiva.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/k4yr0hp4xShdwW5zdADBZeq0ROIx0J4y79V2MfUP-image.png

Selecciona la plantilla que desees de la lista haciendo clic en el botón Editar (1). El botón Vista previa (2) te permitirá obtener una vista previa de la plantilla.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/IQZP6F627hQJ1XQMpgVBslLnt9199u1oASFVaV49-image.png

Edición de plantillas

En el editor de plantillas, haga clic en cualquier parte del espacio de trabajo.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/ZoQC0acbd7XMiUWPhmUvUuIXZzstqjXWcz02HNuS-image.png

Verá las propiedades del bloque de imagen interactivo en el lado derecho de la pantalla. Para colocar una imagen de fondo, haga clic en el botón Cambiar.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/1BrqFyC7I8g0nzaL1butsryNfNosj4wXV24ejsRP-image.png

Hay 2 formas de subir una nueva imagen: directamente desde tu ordenador o usando la Biblioteca Unsplash.

Mi biblioteca: imágenes que utilizaste anteriormente en otras plantillas. Se pueden descargar desde Unsplash o desde tu ordenador. Para agregar una imagen desde tu dispositivo, haga clic en Cargar medios.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/l0bN9OG4pmiseldLow3uHCDKEswL03bshsJi1vhv-image.png

Biblioteca Unsplash: acceso directo al servicio de fotografías de archivo Unsplash. Introduce un tema en la búsqueda y seleccione la imagen que desees. Haz clic en Colocar imagen.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/wuiRk6tfVRpiUGOaWWcsMhF1G51Q6w1elt29btbE-image.png

En el menú de la derecha, selecciona la cantidad de etiquetas que te gustaría colocar en su imagen y seleccione el tamaño de la etiqueta. Al hacer clic en el botón Cambiar junto a la opción de imagen de la etiqueta, puedes cambiar la imagen de la etiqueta. Recomendamos prepararlos con anticipación. Concéntrate en la ventana del editor principal al seleccionar el tamaño de la etiqueta.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/j8h10u9dwjYty7WM9uEtSb0iN6JlqZww2MEhYHzB-image.png

Además, puedes especificar el color de la etiqueta si no agregas una imagen de etiqueta. En este caso, la etiqueta sería de color.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/OR6hzRuzSdw9z6D4NyD1lHaLvRW6HL6qGJdxd9Td-image.png

Coloca etiquetas en la imagen. Para hacer esto, haga clic en cualquier espacio de trabajo de su imagen y muévala a la ubicación deseada.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/utsLmD9rOGOxkYUcIDcwr2p2rLyfI3lqzkBIZk6z-image.png

Al usar el menú de la derecha, agrega información sobre cada etiqueta. Al hacer clic en la etiqueta que te interesa, completa los campos de título y descripción. Eso es lo que verán los usuarios al hacer clic en su etiqueta. Inserta una imagen adicional dentro de la descripción usando el botón Cambiar en caso de que sea necesario.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/FmEF5IOZfCADtKJHwSEmTaVMcGDKxDAc35HcZ6Zz-image.png

Guardar y compartir

Haz clic en Vista previa y evalúa el estado actual de tu proyecto.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/s2D8MiJkVEwT5wDcyFESDlw6MMa0T2FT3NXDMTI3-image.png

Prueba tu presentación de diapositivas y no olvides calificar cómo se ve en diferentes dispositivos. Para hacer esto, cambie entre los íconos del teléfono y el ordenador personal (1). Si notas un error o decides arreglar algo, regresa al Editor (2) seleccionando el elemento de menú apropiado.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/tv1NKGxrGccS6rymJha1csIuxjoyfDBGnUhGtefb-image.png

No olvide seleccionar un Título (1) para su proyecto. Esto hará que sea más fácil encontrarlo. Después de eso, puede hacer clic con seguridad en el botón Publicar (2).

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/mx5naLd5O7L40TkQkJDzAVYDOr5Sx3nOfrQA4e3e-image.png

¡Tu proyecto está listo! Puede compartir con sus amigos enviando un enlace o eligiendo cualquier otra forma conveniente.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/95AQdJAeiNIqW1ksojZi9qpSM06KEpJE1290H1Om-image.png

Siempre puede volver a editar su plantilla nuevamente haciendo clic en el botón Editar (1) en la lista de proyectos de perfil. También puede consultar Estadísticas/clientes potenciales (2) haciendo clic en el botón correspondiente.

https://helpcenter-io.s3.amazonaws.com/uploads/interacty/VfNgqZWACtgPUBKFKyFIVGQfbWPf7jFenzQudi83-image.png


Was this article helpful?