Search our knowledgebase or email
hello@spotte.io

    • ABOUT > Spotte

    Spotte is an online platform that lets you create interactive content that teaches, educates, inspires, trains, motivates and sells.

    Stacks Image 1203
    Setup
    ABOUT > Spotte
    • EDIT > Add hotspot

    When you create a new project or edit an existing project you will see the EDIT page.

    1. On the EDIT page scroll down to the CANVAS tab.
    2. Import an image for your Canvas.
    3. Double click on the Canvas image to add a hotspot.


    Hotspot options
    Resize
    : Grab a white handle and make the hotspot bigger or smaller.
    Set Size: Enter a width or height in the grey box on the top/left corner.
    Move: Drag the hotspot to a new location or use your arrow keys.
    Rotate: Grab the circle arrow, top right hand corner, to rotate.
    Arrow keys: Select a hotspot, then use arrow keys to shift 1px.
    Shift-Arrow: Select a hotspot, hold shift down, then use arrows to shift 5px.
    Shift-Select: Hold down shift to select more than one hotspot.

    Stacks Image 1214
    Edit,Setup
    EDIT > Add hotspot
    • EDIT > Canvas

    The EDIT page has the following tabs:

    CANVAS
    : Setup your Canvas, and add hotspots.
    PREVIEW: See how the project will play when shared.

    Stacks Image 2286

    Setup your Canvas
    Import an image to use as your canvas, then add hotspots that connect to all kinds of content. Make the image yourself, or import other images you have permission to use.

    Use any application that can export a JPG or PNG file. We created this graphic using Apple Keynote and exported it as a JPG image file.

    Stacks Image 2274
    Edit,Setup
    EDIT > Canvas
    • EDIT > Global Styles

    Change the fill color, and corner radius of the hotspot area. This will be applied to all hotspots in your project, but will not apply to a hotspot that has a custom style.

    Setup
    In the EDIT window, locate the Canvas tab.
    On the right you will see the Global Style gear icon.

    Options
    Object: Set corner radius for the hotspot in %, or pixels.
    Fonts: Set a default font for all hotspot text.
    Effects: Choose an effect that shows the currently selected hotspot. Border Pulse, pulses colour from the edge of a hotspot. Fill Pulse, pulses colour inside the hotspot.
    Tooltip: Set tool tip width, height and fill colour.

    See also Custom Styles

    Stacks Image 2298
    Edit,Styles
    EDIT > Global Styles
    • EDIT > Graphics

    From the LIST view, select NEW or edit a project. Each project needs the following types of graphics.

    Thumbnail
    : This will show when a project link is shared on social media.
    Background: A colour or image that can show on each side of your project on wide screen displays.
    Preloader: A colour or GIF that can show when users open your projects.
    Canvas: This image will be the main background for your project. You will add hotspots to this image that will connect to other actions and effects.

    Stacks Image 2220
    Edit
    EDIT > Graphics
    • EDIT > Hotspot > Custom Styles

    You can apply a Custom Style to a hotspot that will replace the Global Style.

    Setup
    Double click on a hotspot, then choose the gear icon on the top/right of the window. This will show the Custom Style options.

    Options
    Object: Set corner radius for the hotspot in %, or pixels.
    Also set fill colour for the hotspot.
    Fonts: Set a default font, style and colour for all hotspot text.
    Tooltip: Set tool tip width, height and fill colour.

    See also Global Styles.

    Stacks Image 2209
    Edit,Styles
    EDIT > Hotspot > Custom Styles
    • EDIT > Hotspot > Action Chains

    Chain a series of hotspots together, to create a new effect or behaviour. You can add actions to text, image or sound hotspots.

    Example
    + You have a sound hotspot.
    + You have an image hotspot.
    + You edit the image hotspot, and link the sound to it.
    + When a user clicks the image, it will also play the sound!

    Options
    Action Chain: Shows a drop down list of all the tex, image or sound hotspots in your project. Select which ones you want to play in your chain. You can also drag them to a different positions in the chain.
    Autoscroll: Will move playing actions to the center of the browser window.
    Show Tooltips: Will show any tooltips attached to a hotspot in the chain.
    Pause: Will insert a pause between each playing hotspot.

    Stacks Image 2051
    Edit,Sound
    EDIT > Hotspot > Action Chains
    • EDIT > Hotspot > Image

    Add an image to a hotspot that will show on the page, in a popup or in a tooltip.

    1. Double click the canvas to create a hotspot.
    2. Double click the hotspot to set the type.
    3. Select the IMAGE icon.
    4. Import an image.

    Import from a local file:
    Import an image from your local drive.
    Use a web address:
    Enter a web address for an online image.

    Stacks Image 1255
    Edit
    EDIT > Hotspot > Image
    • EDIT > Hotspot > Image > Embed > Effects

    You can add different effects when you show an image. For example if someone clicks an image, it might bounce or pulse. This lets you create more dynamic and engaging projects.

    EFFECTS

    You can display images using different actions and effects.

    1. Add a hotspot to your canvas.
    2. Set the hotspot as Text or Image type.
    3. Add your text, or import an image into the hotspot.
    4. Set embed options (embed in same hotspot, or another)
    5. Set display options (Show, Show when clicked, Hide, when clicked, Show/hide when clicked.)
    6. Set effect options (Pulse, bounce, flip, rotate and many others.)

    EXAMPLE
    You have an image hotspot set to Show when clicked, and pulse effect. When clicked it will show the image with a pulse effect.

    Edit
    EDIT > Hotspot > Embed > Effects
    • EDIT > Hotspot > Image > Embed > Options

    Add an image to your canvas, with these extensive options.

    Embed in this hotspot:
    This will show the image inside the hotspot area.

    Embed in another hotspot:
    This will show the image inside another hotspot on the page. For example you could get several hotspots, when clicked, to show their images in a single large hotspot on the same canvas.

    OPTIONS
    You can display images using different actions and effects.

    Show image:
    When the project loads it will show the image, using any effect you choose.

    Show when clicked:
    The image will not show until you click the hotspot. It will then show the hotspot using the effect you have selected.

    Hide when clicked:
    The image will appear immediately when the project is loaded, but will hide if you click the hotspot. It will hide using the the effect you have selected.

    Show/hide when clicked:
    When the project loads it will not show the hotspot image. If you click the hotspot it will show the image using the effect you have selected. If you click the hotspot again it will hide the image using the effect you have selected. So you can show/hide the image just by clicking.

    Stacks Image 1928
    Edit
    EDIT > Hotspot > Image > Embed > Options
    • EDIT > Hotspot > Image > Masking

    Spotte lets you add an image to your Canvas, then add different types of content and effects to that image.

    1. Double click the Canvas to create a hotspot.
    2. Double click the hotspot to set the Type as Image.
    3. Import an image into the hotspot.
    4. Set display options and effects.

    Masking
    Spotte can import 3 types of images, JPG, GIF and PNG which includes an transparent alpha channel.

    Example
    For example you could import a picture of a donut with the hole cut out. JPG would show this hole as white, but PNG will show the colour or background of whatever is behind the donut image. You see through the donut whatever is behind it.

    But if you don't need transparency use JPG, because JPG files can be compressed much smaller in size.

    Stacks Image 2346
    Edit
    EDIT > Hotspot > Image > Masking
    • EDIT > Hotspot > Layers

    Every hotspot you add to your Canvas is numbered. This number helps you identify each hotspot, but it also represents what layer the hotspot is on.

    If you think of each hotspot as a layer in a cake, higher numbers will always appear above lower numbers. For example an image hotspot with a high number may block out an image with a lower number.

    Also, it's easier to edit or move hotspots with a high number, because hotspots with lower numbers might be covered by other hotspots.

    Edit a hotspot covered by another hotspot.
    This will help you edit a hotspot that is totally covered by a higher hotspot.
    1. Remember the hotspot number you want to edit.
    2. Select any other hotspot and double click.
    3. The hotspot edit window will open.
    4. Find the hotspot number at the top.
    5. Change the number to the hotspot you want to edit.
    6. This will change the hotspot window details to that hotspot.
    7. Make your changes and save.

    Move a hotspot covered by another hotspot.
    This will help you move a hotspot that is totally covered by a higher hotspot.
    1. Remember the hotspot number you want to move.
    2. Select any other hotspot and double click.
    3. The hotspot edit window will open.
    4. Find the hotspot number at the top.
    5. Change the number to the hotspot number you want to move.
    6. This will change the hotspot window details to that hotspot.
    7. Exit the window by clicking cancel.
    8. On the canvas, you will see your desired hotspot is now selected.
    9. Use the arrow keys to move the hotspots position.

    Stacks Image 2370
    Edit
    EDIT > Hotspot > Layers
    • EDIT > Hotspot > Link

    Use LINK to add maps, video, websites and more to your project.

    Setup
    1. Double click the canvas to create a hotspot.
    2. Double click the hotspot to set the type.
    3. Select the LINK icon.

    Options
    From the drop down menu you have 4 types of links.
    Web Link: add a website, map or video
    Conditional Link: A link that only works if you have clicked on other links.
    Index Link: Show a list of all the content in your project.
    Share Link: Show social media share options.

    Edit
    EDIT > Hotspot > Link
    • EDIT > Hotspot > Link > Conditional Link

    This feature lets you attach a condition to a link, so it will only work if the user has clicked other hotspots first. Eg user must play a selection of videos on a page first, before he can claim a prize or progress to the next lesson.

    Alert Window
    When a player or student clicks a conditional hotspot, they will see an alert window that explains what they must do to progress to the next point. e.g, watch 5 cake videos to win a cake. See image below.

    Setup.
    1. Double click the canvas to create a hotspot.
    2. Double click the hotspot to set the type.
    3. Select the LINK icon.
    4. Select Conditional Link

    Options.
    1. Include the hotspots that must be clicked.
    2. Add an image for the alert window (eg a cake)
    3. Add a description for alert windows.
    4. Add a Success Button title that will show when all hotspots are clicked.
    5. Add a Success Link that spotte will redirect to, when the Success Button is clicked eg a prize page or the next lesson.

    Limitations
    Spotte can only detect if a person has opened a video, not if they have played it.

    Stacks Image 1283
    Edit
    EDIT > Hotspot > Link > Conditional Link
    • EDIT > Hotspot > Link > Index Link

    When a player or student clicks an index hotspot, it will show an interactive list of all the hotspot items in the project.

    Setup.
    1. Double click the canvas to create a hotspot.
    2. Double click the hotspot to set the type.
    3. Select the LINK type.
    4. Select Index Link
    5. Select which hotspots will appear in the list.

    Example
    Set an index that shows an ordered list of all the sounds in your project.

    Stacks Image 2087
    Edit
    EDIT > Hotspot > Link > Index Link
    • EDIT > Hotspot > Link > Web Links

    Add web links to your hotspots that will redirect or show when clicked.

    Setup
    1. Double click the canvas to create a hotspot.
    2. Double click the hotspot to set the type.
    3. Click the LINK icon.

    Options
    Add details including site name, description and link address. You can also set the link address to show on the canvas, in a popup or in a tooltip.

    Video: If you add a Youtube link, Spotte will show additional display options including thumbnails, start/stop times and more.
    Map: If you add a Google Map link, Spotte will show additional display options including thumbnails and more.
    Other: Other types of websites can show in a popup or tooltip.

    Edit
    EDIT > Hotspot > Link > Web Links
    • EDIT > Hotspot > Link > Web Link> Maps

    Display a google map on your canvas, in a popup or in a tooltip.

    Setup
    .
    1. Double click the canvas to create a hotspot.
    2. Double click the hotspot to set the type.
    3. Select the LINK type.
    4. Select Web Link
    5. Add a Google Map address.
    6. Extra options will show after you enter a map address.

    Options
    1. Show a custom hotspot thumbnail.
    2. Show the map on the page.
    3. Show the map in a popup
    4. Show the map in a tooltip

    How to get a Google Map address
    1. Go to https://google.com/maps
    2. Find your location.
    3. Copy the browser web address.
    Do not use the maps share link.

    Stacks Image 2098
    Edit
    EDIT > Hotspot > Link > Web Link> Maps
    • EDIT > Hotspot > Link > Web Link > Video

    Display a Youtube or Youku video on your canvas, in a popup or in a tooltip.

    Setup
    .
    1. Double click the canvas to create a hotspot.
    2. Double click the hotspot to set the type.
    3. Select the LINK type.
    4. Select Web Link
    5. Add a Youtube, Youku, MP4 or other video link.
    Play options may change depending on the video service.

    Display Options
    Redirect to new window.
    When clicked open new window and show video.
    Embed in this hotspot.
    When clicked show the video inside this hotspot
    Embed in another hotspot
    When clicked show the video in a different hotspot

    Thumbnail options
    No Thumbnail.
    Show the hotspot with no image inside. This is useful if you want to overlay the hotspot over another image.
    Custom Thumbnail.
    Use this if you want to show a custom thumbnail image inside the hotspot. When a user clicks it, the image will hide and the video will show. If you select custom and no image, Spotte will display the default thumbnail from the service provider eg Youtube's thumbnail.

    How to get a video address
    1. Go to Youtube or Youku
    2. Find a video you like.
    3. Copy the video share link.
    4. Add it to your hotspot.

    Stacks Image 2171
    Edit,Video
    EDIT > Hotspot > Link > Web Link > Video
    • EDIT > Hotspot > Link > Share Link

    Select 'Share Link' if you want your hotspot to show a list of share options. These include Link, Email, Twitter and Facebook.

    Stacks Image 2160
    Edit,Hotspot
    EDIT > Hotspot > Link > Share Link
    • EDIT > Hotspot > Sound > Import a sound

    Add a sound to any hotspot, that will play when clicked or tapped. You can add your own voice, or use our Amazon text to speech feature.

    Setup
    .
    1. Double click the canvas to create a hotspot.
    2. Double click the hotspot to set the type.
    3. Select the SOUND type.

    Options

    1. Select "Import a sound"
    2. Select the file your want to import (mp3, m4a)
    3. Select all or part of the sound to apply to your hotspot
    4. Set volume.

    Stacks Image 2198
    Edit,Sound
    EDIT > Hotspot > Sound > Import a sound
    • EDIT > Hotspot > Start Pulse

    When a user opens a project, it's important to direct their eyes to a starting position. When a project opens, you can set any hotspot to pulse first.

    Setup
    1. Double click a hotspot.
    2. Click Start in the top/left of the hotspot window.
    3. Start will go green when active.
    4. Click another hotspot if you want to change the starting hotspot.

    Stacks Image 2141
    Edit,Hotspot
    EDIT > Hotspot > Start Pulse
    • EDIT > Hotspot > Style > Pulse Effects

    You can assign a pulse effect to any hotspot. Pulse effects help the user know which items on a page can be touched and what hotspot is currently playing.

    Setup Pulse Effect
    1. On the EDIT page, scroll to your canvas image.
    2. Select the Global Style option on the right of the Canvas tab.
    3. Select the effects tab.

    Effect Options.
    Border Pulse: Shows a pulsing gradient around the edge of a hotspot.
    Fill Pulse: Shows a pulsing colour inside a hotspot.
    Normal Colour: Select a default pulse colour.
    Sound Colour: Select a pulse colour for a playing sound.
    Speed: Set the speed of the pulse colour.

    Stacks Image 1305
    Edit,Hotspot,Styles
    EDIT > Hotspot > Style > Pulse Effects
    • EDIT > Hotspot > Sound > Text to Voice

    Add voice to any hotspot, that will play when clicked or tapped. You can add your own voice, or use our Amazon text to speech feature.

    Setup
    .
    1. Double click the canvas to create a hotspot.
    2. Double click the hotspot to set the type.
    3. Select the SOUND type.

    Options

    1. Select "Convert text to voice with Amazon Polly"
    2. Set your voice and speed
    3. Type in the text you want converted
    4. Click ‘Get Polly Voice’
    5. Select all or part of the sound to apply to your hotspot
    6. Set volume.

    Stacks Image 1360
    Edit,Sound
    EDIT > Hotspot > Sound > Text to Voice
    • EDIT > Hotspot > Text

    Type or add your text to the content field, style it. Embed the text on the page, in a popup or tooltip. It's an easy way to add text to your project.

    Setup.
    1. Double click the canvas to create a hotspot.
    2. Double click the hotspot to set the type.
    3. Select the TEXT type.

    Options.
    1. Add a Title
    2. Add Content.
    3. Display on the page, in a popup, in a tooltip.

    Stacks Image 1396
    Edit,Text
    EDIT > Hotspot > Text
    • EDIT > Hotspot numbers

    When you edit a hotspot, you will see a drop down menu with the hotspot number. This is useful for a number of reasons.

    Benefits
    1. If you change the number, it will change the hotspot details in the window. So if you wanted to edit hotspot #63 you don't have to exit this window. Just change the menu and the details will change to #63. Make your changes then save.
    2. This is also useful for moving objects. For example if you want to move hotspot #62 but it's sitting behind #63 it's going to be hard to select and move it on the canvas. But this feature makes it easy.

    + Edit any hotspot.
    + Change the dropdown to #62 and cancel or save.
    + On the canvas you will see #62 is now selected.
    + Just use your arrow keys to move the item.

    Stacks Image 2021
    Edit
    EDIT > Hotspot numbers
    • EDIT > Preview

    After importing an image for your Canvas, you will see 2 tabs.

    Canvas: Edit and add hotspots to your image.
    Preview: See how it will play when shared.

    You will also see the file size and width of your Canvas image.
    You can also set the maximum width for your image.
    The Save link lets you save (backup) your content at any time.

    Stacks Image 1451
    Edit
    EDIT > Preview
    • EDIT > Project Details

    In the LIST view select NEW or click an existing project.

    In the EDIT page add a project name and description that will also help search engines find you. These details will also show when you share your content on social media. Tags help you find your content in the Project List, and provide another important way for search engines to find you.

    Stacks Image 1462
    Edit
    EDIT > Project Details
    • EDIT > Save and copy

    Spotte provides some extra features that help when saving hotspots.

    Save
    This will save your hotspot changes only. You will also need to save your project for these to be saved with the file.

    Save copy
    This will save a copy (duplicate) of the hotspot. Copies can save you time, file size and convenience.

    Example
    + You record these words in a single hotspot.
    Dog, cat, mouse, rabbit, bird.
    + You copy that hotspot 5 times for each word.
    + If you copied hotspot#1, the copy will be numbered 2.
    + For each of the 5 hotspots, you select a different part of the sound to play. So you select the sound in hotspot 1 to say dog, 2 to say cat etc.

    Benefits
    1. All 5 hotspots use the same sound file, saving on size.
    2. If you change the sound in one hotspot, you get the option to update all copies.
    3. It's faster to load 1 sound file, then 5 seperate sound files.

    Save new
    This will save a blank copy (duplicate) of the current hotspot. This is useful if you want to insert a new hotspot between existing hotspots.

    Example
    + You have 10 hotspots on your canvas.
    + You want to insert a hotspot between 5 and 6.
    + Just open up 5 and select 'Save New'.
    + Spotte will copy 5, and make a new number 6, plus renumber the other hotspots too. So you will end up with 11 total hotspots on your canvas.

    Benefits.
    Every hotspot has a number. High numbers sit above low numbers. So if you have an image hotspot #5, it will sit above all the hotspots below it. This is a useful way to create hotspots above or below existing hotspots.

    Stacks Image 1981
    Edit
    EDIT > Save and copy
    • EDIT > Share

    There are 2 ways to get a share link for a project.

    1. Project list: Find a project, then click the share icon to next it.
    2. Edit screen: Click the Share menu at the top of the page.

    Options
    Copy link: Copy the link to your clipboard.
    Embed code: Code to embed in your website.
    QR code: A QR code you can copy and share.

    Stacks Image 1473
    Edit
    EDIT > Share
    • PROJECT LIST > Groups

    Groups, let you group projects, so you can share them together with just a single link. When a link is shared, the projects in the group will appear in a sliding carousel at the top of the current project.

    Stacks Image 2400

    Setup
    1. Select Groups at the top of your Project List.
    2. Create a new group and name it.
    3. Add projects to your group.

    Sharing
    1. Use the normal share link for any project in the group.
    2. When the link is shared, the other projects will appear at the top of that project.
    3. Click any project in the carousel and it will switch to that project.

    Benefits
    Helps your audience see other content they may be interested in. Gives them more options to keep playing and interacting.


    Stacks Image 2383
    Edit
    PROJECT LIST > Groups
    • PROJECT LIST > Media Library

    Media, let you upload videos or files you can share amongst your projects. For example an MP4 video. After you upload the video you get a spotte link you can use to embed it any of your projects.

    Setup
    1. Click the Media menu at the top of the Project List.
    2. Upload video or images.
    3. From the media list, copy the media link.
    4. Use the link in any of your Spotte projects.
    5. Links can only be used in projects using the Spotte domain.

    Terms of use
    Media upload needs to confirm to our terms of service and conditions of use.

    Stacks Image 2433
    Edit
    PROJECT LIST > Media
    • PROJECT LIST > New

    Click New at the top of the Project List to create a new interactive project. This will take you to the Edit Window.

    List
    PROJECT LIST > New
    • PROJECT LIST > Options

    When you sign in, the first screen you will see is the Project List. This is a list of your current projects.

    New: Create a new project.
    Edit a Project: Click any thumbnail or the blue pencil icon.
    Duplicate a Project: Click the yellow copy icon.
    Share a Project: Click the green share icon.
    Delete a Project: Click the grey trash icon to delete.
    Spots: How many touch areas are on the image.
    Plays: How many times the shared content has been played by users.
    Search: You can search for projects using name, description and tags.

    Stacks Image 1492
    Edit,List,Setup
    PROJECT LIST > Options
    • EDIT > Video > Embed

    When you click a hotspot, shows the video inside a hotspot on the page.

    Setup
    1. Double click on canvas to create hotspot.
    2. Double click hotspot to edit.
    3. Set type as LINK.
    4, Select Web Link from drop down menu.
    5. Add a Youtube or Youku video link.

    Options
    Redirect to new window.
    When hotspot clicked, redirect to a new window.
    Embed in this hotspot.
    When hotspot clicked, play video inside hotspot area.
    Embed in another hotspot.
    When hotspot clicked, play video inside another hotspot area.

    Thumbnail
    No thumbnail.
    Custom thumbnail.
    (If none, then show default video thumbnail from service provider).

    Stacks Image 1951
    Edit,Video
    EDIT > Video > Embed
    • EDIT > Video > Popup

    When you click a hotspot, shows the video in a popup window.

    Setup
    1. Double click on canvas to create hotspot.
    2. Double click hotspot to edit.
    3. Set type as LINK.
    4, Select Web Link from drop down menu.
    5. Add a Youtube or Youku video link.

    Options
    Play video in popup.
    Set Start/Stop time (Youtube)

    Thumbnail
    No thumbnail.
    Custom thumbnail.
    (If none, then show default video thumbnail from service provider).

    Stacks Image 1516
    Edit,Video
    EDIT > Video > Popup
    • EDIT > Video > Tooltip

    When you click a hotspot, shows the video in a tooltip.

    Setup
    1. Double click on canvas to create hotspot.
    2. Double click hotspot to edit.
    3. Set type as LINK.
    4, Select Web Link from drop down menu.
    5. Add a Youtube or Youku video link.

    Options

    Play video in tooltip.
    Set Start/Stop time (Youtube)

    Thumbnails
    No video thumbnail.
    Show default video thumbnail
    Import custom video thumbnail

    Stacks Image 1528
    Edit,Video
    EDIT > Video > Tooltip
    • TIPS > Hotspot > Styles > Corner radius

    SPOTTE lets you change the corner radius of hotspots. Click the switch to change the corner by % or pixels.

    % is better if your hotspot has almost equal sides.
    Pixels (px) is better if your hotspots looks like a rectangle.

    See Custom Style
    See Global Style

    Hotspot,Tips,Styles
    TIPS > Hotspot > Styles > Corner radius
    • TIPS > Canvas Width

    A canvas is an image you add hotspots on. You import the image then use Spotte's unique tools to add different types of hotspots to it.

    When you first import an image, it will import at the default width of the original image, but you can set a different default width when the project is played.

    Setup.
    1. In the EDIT page locate the Canvas Tab.
    2. You will see size, dimensions and width.
    3. Adjust the width to your desired maximum.

    Hotspot,Tips
    TIPS > Canvas Width
    • TIPS > Hotspot > Nudging

    You can move hotspots on your Canvas in a number of different ways.

    Drag: Click on a hotspot and drag it to a new position.
    Nudge 1 pixel: Click on a hotspot to select it. Then use the keyboard arrow keys to move it 1 pixel in any direction.
    Nudge 10 pixels: Click on a hotspot to select it. Next hold the SHIFT key down and use the keyboard arrow keys to move it 10 pixels in any direction.
    Nudge many hotspots 1 pixel: Hold the shift key down and select more than 1 hotspot. Then use the keyboard arrow keys to move the hotspots 1 pixel in any direction.
    Nudge many hotspots 10 pixels: Hold the shift key down and select more than 1 hotspot. Hold the SHIFT key down again and use the keyboard arrows to move the hotspots 10 pixels in any direction.

    Hotspot,Tips
    TIPS > Hotspot > Nudging
    • TIPS > Video > Display Styles

    Spotte provides several cool ways to display video in your project.

    Embed: Show the default Youtube/Youku thumbnail, no thumbnail or a custom thumbnail as your hotspot. When clicked play the video in the hotspot area.
    Popup: Click the hotspot and the video will who in a popup window. You can set the size of the popup.
    Tooltip:
    Click the hotspot and the video will who in a popup window. You can set the size of the popup.

    See Also
    EDIT > Video > Embed
    EDIT > Video > Popup
    EDIT > Video > Tooltip

    Hotspot,Tips,Video
    TIPS > Video > Display Styles
    • TIPS > Text > Adding Links

    You can add a link to your text. But please remember to add https:// to your links or they will not redirect correctly.

    Stacks Image 1571
    Edit
    TIPS > Text > Adding Links
    • TIPS > Links > Web Links > PDFs

    You can display a PDF in a popup or tooltip using Google's online document viewer.

    Requirements
    + You need a URL (address) for a PDF.
    + You need to insert it into a Google URL.
        Format the URL like this.

    https://docs.google.com/gview?url=https://website.com/example.pdf&embedded=true

    Stacks Image 1582
    Edit
    TIPS > Links > Web Links > PDFs
    • TIPS > Sign in

    Your Spotte account is licensed for 1 user only. If another user signs in with the same account details, users who have signed in previously will be signed out. Spotte always gives priority to the latest person who has signed in.

    If you wish to prevent being signed out, always keep your account details private. This also ensures that your account does not incur usage charges created by other people using your account.

    Edit
    TIPS > Sign in