How to Create an Interactive Image With ThingLink

Shows how we created our first interactive image with thinglink. *Some pics are from iPad view- but process is very similar. This is for @debbyj18, who requested a thinglink tutorial.

3.1k Views 36 Likes
How to Create an Interactive Image With ThingLink
21 Steps
Supplies
Embed
1
2
Clicked the "Sign Up" button

Clicked the "Sign Up" button

Recommended For You
3
We decided to login with Twitter

We decided to login with Twitter

4
View on iPhone

View on iPhone

5
Upon login we were shown a couple interactive picture examples via "image streams" to explore

Upon login we were shown a couple interactive picture examples via "image streams" to explore

6
We selected the create button (because we thought that might be where we could make one of these)

We selected the create button (because we thought that might be where we could make one of these)

7
thinglink made us a lovely icon based on our Twitter profile pic. We selected "Add An Image" (see the white text on the blue square?)

thinglink made us a lovely icon based on our Twitter profile pic. We selected "Add An Image" (see the white text on the blue square?)

8
Here are the import pic options. We selected the "Upload from hard drive" option.

Here are the import pic options. We selected the "Upload from hard drive" option.

9
Next, we navigated to a screenshot on our desktop and opened it in thinglink.

Next, we navigated to a screenshot on our desktop and opened it in thinglink.

10
Next, we selected areas of the image we wanted to link. Here are the icon selection options.

Next, we selected areas of the image we wanted to link. Here are the icon selection options.

11
Once area is selected, thinglink prompts for a link and description that will display when users scroll over the image

Once area is selected, thinglink prompts for a link and description that will display when users scroll over the image

12
We decided to link our Snapguides to different sections of the Teacher Dashboard

We decided to link our Snapguides to different sections of the Teacher Dashboard

13
Here are the many options/ideas for linking! Pretty cool!

Here are the many options/ideas for linking! Pretty cool!

14
We decided to try the Twitter link, to link to a picture we had tweeted relating to our Support tab.

We decided to try the Twitter link, to link to a picture we had tweeted relating to our Support tab.

15
So, we grabbed the link from Twitter, pasted into thinglink and added a description.

So, we grabbed the link from Twitter, pasted into thinglink and added a description.

16
Once we linked to all the things we wanted to link to...we gave our image a name and selected "Save".

Once we linked to all the things we wanted to link to...we gave our image a name and selected "Save".

17
Then we discovered a problem. We made the links to the things too close together.

Then we discovered a problem. We made the links to the things too close together.

18
So, we selected the "Edit" button and rearranged the location of the thinglinks.

So, we selected the "Edit" button and rearranged the location of the thinglinks.

19
Then we noticed an option to embed our new thinglink. So, we copied the embed code and placed on our InfuseCommunity Forum! Love it!

Then we noticed an option to embed our new thinglink. So, we copied the embed code and placed on our InfuseCommunity Forum! Love it!

20
Overall it was a pretty easy process. We think thinglink will also help in our efforts to empower educators with simple, easy to use technology--especially as it helps us explain InfuseLearning!

Overall it was a pretty easy process. We think thinglink will also help in our efforts to empower educators with simple, easy to use technology--especially as it helps us explain InfuseLearning!

21
For more info and resources--connect with us: via twitter @infuselearning, like us on Facebook, follow us on Pinterest, plus us on Google +, or subscribe to our YouTube channel. www.infuselearning.com

For more info and resources--connect with us: via twitter @infuselearning, like us on Facebook, follow us on Pinterest, plus us on Google +, or subscribe to our YouTube channel. www.infuselearning.com

keyboard shortcuts:     previous step     next step
Comments
0 COMMENTS
View More Comments