Hotspot Annotation Types

Specific details per Hotspot Type are below. Note that the Marker Shape is the same for all Annotations, so will not be covered here.


Photo/Image Hotspot

Displays one or more images in a lightbox. Multiple images display in a carousel that can be advanced (controls are on each side).

Works the same in both the Momento360 web app and embed/share links.

Examples 

Click to view a sample Single-Image Hotspot
Click to view a sample Multiple-Image Hotspot

Fields 

Title (required): This displays in the title of the lightbox. If blank, it will add “Untitled Hotspot.” In the Preview View this is displayed as large text.

Description field (optional): This displays in larger text above the image(s). Any URLs will be converted into clickable links that open in a separate tab. <a> tags also function here. In the Preview view the start of this will display as smaller text.

Display Size: This sets the max width of the window. Values are:

  • Small: 250px
  • Medium: 450px
  • Large: 750px (default)
  • X-large: 1090px

Image File(s) (required): Most image formats can be uploaded. In the Preview view the last-uploaded image will be used as the thumbnail image.

Optional Text (per image): This is displayed underneath the image in the lightbox

Notes

  • The thumbnail that is displayed in the preview is currently the last image that was uploaded. 
  • Ordering of images in multi-image hotspots is from newest to oldest in terms of ordering. 

Embed Hotspot

Displays embeds from other websites and applications. Usually if the application has “embed in your site” functionality this will be where it goes. Clicking on the annotation marker opens the embed in a modal dialog.

Works the same in both the Momento360 web app and embed/share links.

Examples

Click to view a sample Embed Hotspot (Youtube)
Click to view a sample Embed Hotspot (Google Maps)
Click to view a sample Embed Hotspot (Calendly)

Fields

Preview Text (required): This text will be displayed in the Preview view. If blank, it will display “Untitled Hotspot.”

Embed code (required): Usually this will start with <iframe>; paste into this field the code snippet copied from the other website/service. 

Display Size: If the dimensions of the embed are set in the iframe code, that will be respected. If it is not declared, or is stated as a percentage (e.g. width=100%) then it will be sized to the width of the Display Size dropdown. Values are:

  • Small: 250px
  • Medium: 450px
  • Large: 750px
  • X-large: 1090px

Links make the annotation markers links to other webpages. Note that behavior of this hotspot is different depending on whether you are viewing it in the Momento360 website, or viewing an embed/share link.

  • In the Momento360 web app
    • Clicking the marker: Displays a panel with a clickable URL.
    • Selecting the marker via index view or previous/next controls:  Displays a panel with a clickable URL. 
    • Selection via autoplay mode: Displays a panel with clickable URL.
  • In embeds
    • Clicking the marker: Navigates to the set URL when the user clicks on the marker.
    • Selecting the marker via index view or previous/next controls:  Displays a panel with a clickable URL.    
    • Selection via autoplay mode: Displays a panel with clickable URL. d
    • Opening the hotspot via direct link: Displays a panel with clickable URL.

Examples

Click to view a sample Link Hotspot (external site)
Click to view a sample Link Hotspot (virtual-tour style)

Fields

Preview Text (required): This text will be displayed in the Preview view. If blank, it will display “Untitled Hotspot.”

URL (required): The link you want opened when the user clicks on the annotation. 

Open link in new tab: If checked, will open the link in a separate window; it defaults to opening in the existing window.


Audio Hotspot

(Paid Plans Only) Plays an uploaded audio file when the annotation is clicked. 

Unlike all other annotation types, audio hotspots remain open (and playing) as the user continues browsing the 360 and views other annotations. This is dismissable by clicking the close button. 

Works the same in both the Momento360 web app and embed/share links.

Examples

Fields

Preview & Title Text (required): This text will be displayed in the Hotspot window; in the Preview view it will also display. If blank, it will display “Untitled Hotspot.”

Description (optional): This text displays in the secondary text field in the Preview view.

Audio file (required): Audio formats supported: WAV, MP3, MP4, AAC, OGG, FLAC   


Video Hotspot

(Paid Plans Only) Plays an uploaded video file in a lightbox player when the annotation is clicked. Useful for videos that aren’t hosted by external services — for those (e.g. Youtube, Vimeo, etc), use the Embed Hotspot type (see above). 

Works the same in both the Momento360 web app and embed/share links.

Examples

Click to view a sample Video Hotspot

Fields

Preview & Title Text (required): This displays in the title of the lightbox. If blank, it will add “Untitled Hotspot.” In the Preview View this is displayed as large text.

Description field (optional): This displays in larger text above the video. Any URLs will be converted into clickable links that open in a separate tab. <a> tags also function here. In the Preview view the start of this will display as smaller text.

Display Size: This sets the max width of the window. Values are:

  • Small: 250px
  • Medium: 450px
  • Large: 750px
  • X-large: 1090px

Video file (required): File formats supported: MP4, MOV, OGG, WEBM 


HTML Hotspot

(Paid Plans Only) Renders HTML in a modal window. Useful for things like embedding forms, surveys, or other items that don’t quite work in the Embed Type hotspots. 

Works the same in both the Momento360 web app and embed/share links. 

Examples

Click to view a sample HTML Hotspot (Typeform survey)
Click to view a sample HTML Hotspot (Mailchimp signup)

Fields

Preview Text (required): This text will be displayed in the Preview view. If blank, it will display “Untitled Hotspot.”

HTML markup (required): Paste your HTML markup in here.  

Display Size: This sets the max width of the window. Values are:

  • Small: 250px
  • Medium: 450px
  • Large: 750px
  • X-large: 1090px

Notes

The default height is set to 350px.


Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us