By Orlee Gillis published January 27, 2016

Add Jaw-Dropping, Interactive Visuals to Your Content: 5 Tools to Help

5-tools-jaw-dropping-visuals-cover

I think of myself as a visual content junkie. Visual content tools never cease to amaze me, and lately I’ve realized the added benefits of embedding tools – how much more effective they make your visuals.

Why would you give up the option to integrate your visual content on your site? Why would you ask your readers to go elsewhere to view the content in its natural habitat?

That’s right, there isn’t a good reason.

Embedding visual content is a crucial storytelling method. Storytelling thrives on bringing experiences to life – adding jaw-dropping visuals to your text makes your story that much more engaging.

Map for interaction

Content, in nearly all mediums possible, is much more effective when it’s embedded, and not pasted as a flat, static image on the page.

Just look at the differences in Guesty’s map for its Airbnb host management services.

Here’s the static, unembedded version:

Map-Guesty-services

The map shows the cities where Guesty services are offered. The static map gives an image and understanding that Guesty offers services in numerous cities around the world. But there’s no denying that the map is more powerful when it’s embedded:

When the Guesty map becomes a live, moving element (embedded content), viewers can take the content to so many places (no pun intended). Locations and addresses can be searched. Viewers can zoom in and out, and see the concentration of places in one city compared to the next. The Guesty story comes to life, and is so much more engaging for its audience.

Make deliciously engaging

Embedding your content opens gateways of opportunities and audience reach that wouldn’t be possible through pasted content or visuals.

Consider this taco:

nymag-taco-orlee-gillis

Image source

A standard JPEG image appearing on NYmag.com, it features an appealing, gluten-free taco with all the trimmings. The colors are rich and clear in resolution, and the taco looks vivid.

But you can’t compare the well-photographed taco to the interactive taco that NYmag.com made with ThingLink.

As you hover over each ingredient and learn more about the taco’s tasty features, the brief foodie experience becomes more engaging, almost as if you’re holding the taco in the palm of your hand.

Boost engagement and SEO

Your content is transformed into rich-media previews, a much more engaging entity that draws in your reader’s eye instead of expecting the reader to seek your content.

Whatever visual you are using to communicate your message becomes an integral, natural, and enhanced element in your storytelling. Readers can create their own versions of the story by hovering over embedded images to find pop-up information and annotations that add information.

An embedded video on your site can guide viewers to one of your social media channels, such as your Facebook page or group. The video is a conduit to introduce the audience to your page, and increases their chance of engagement with your community.

SEO efforts are much-fulfilled when your site features embedded content. SEO guru Neil Patel says so himself!

#SEO efforts are optimized when your site features embedded content via @2EEsinOrlee #contentmarketing Click To Tweet

Every time the embedded content gets shared, it adds a link back to your site – another potential SEO boost.

All that being said, embedded content exists as an iFrame in your site (or blog) HTML. iFrames are a type of rich-media file. They cannot necessarily be indexed or available to appear in Google’s search results. Another way to say this is that iFrames aren’t SEO friendly.

By virtue of SEO practices, content needs to be uber-searchable by Google for it to rank well. If the embedded content is what you’re looking to optimize for search,  be sure that you also show that same content in a way that’s searchable for Google. Link to the content’s original location through a regular HTML link (in addition to the iFrame) so that both Googlebot and users without rich-media content options can find your story’s page just as smoothly.

Use a favorite tool

These are my favorite visual content tools for embedding.

1. Slidely

Slidely syncs with your Facebook, Instagram, and Flickr accounts. It uploads your images, videos, and music to produce an interactive multimedia slideshow.

The 3flowers cards company uses Slidely to emphasize all the art materials and fabrics that can be used for its various scrapbooking projects:

3flowers cards by Slidely Photo Gallery

The Slidely-created show lets you see each art material on its own, while simultaneously seeing it on the backdrop of others. While it highlights the visual effects of each material in its own unique light, the combined beauty of them all together also has a strong effect.

When you see a variety together like that, it creates a new content fusion, a new story for the viewer.

Slidely also combines music, moving images, etc., to transform the experience to trigger more senses. Your eyes are seeing tons of content, your ears are grooving to the music. You can’t smell or taste directly, but the experience is so real that you seem to get a scent of what you’re seeing, and taste the experience’s true flavor.

2. Flixel

A cinemagraph tool, Flixel creates “living photos.” Its tagline is: “Bring your campaign to life.” Cinemagraphs, also known as autoplay natives, have a recurring wow-factor.

Netflix, for example, uses Flixel to dramatize the image of Francis and Claire Underwood from House of Cards. Not only is a dramatic effect created by the segment of the image that’s moving, the static elements also become dramatized because of the contrast to what’s moving.

If you didn’t embed them, cinemagraphs would lose half their splendor. Part of the magic is that they catch you off-guard with their unexpected movement. Suddenly, you’re experiencing what you see with much greater complexity.

3. Interlude

Using Interlude, Kobo does a phenomenal job of taking the literature industry and engaging viewers in an interactive, personal, so-real-you-can-touch-it storytelling.

Please note: Video requires app download to be viewed on mobile.

For Interlude, interactive video means that viewers are asked to choose options or answer questions via buttons that appear throughout the course of the video. Interlude’s interactive content infuses any message or value proposition with so much more weight and value.

Viewers who interacted three or more times with an Interlude video showed:

  • 30% lift in brand appeal
  • 39% increase in consideration
  • 45% growth in purchase intent

If these interactive visuals couldn’t be embedded, the interactive experience would be disrupted because:

  • A screenshot or a link to a video directs the reader to a different site. That detaches the readers from your story, lessening its impact. It’s as if your readers are on the edge of their seat and abruptly told to go next door for the story’s ending.
  • Pasted or redirected elements in a story limit the voice of your visual content. It forces a superficial, one-way view.

We want the story we’re telling to excite people beyond their anticipation. Interactive and responsive? Always the better choice.

4. HSTRY

HSTRY is a visual timeline tool. You choose the visual content to piece together into an interactive timeline. You can select prompts to navigate to different information points, and you can shift content back and forth to meet the sequence that makes most sense for your topic.

HSTRY is a top-notch example of how visual content tools can be embedded to guide the user through a storyline or through a process which involves presenting new information and giving over a new skill.

This example, Pictures for the People, is a timeline on an art exposition at the Art Gallery of New South Wales in Australia.

5. embed.ly

If you’re hesitant to dabble with your own HTML code or simply want an easier way to start embedding content, embed.ly can be a huge help. It is an easy-to-use, quick bookmark tool that converts the content you want to embed into an iFrame.

embedly-code-generator

Last words

When you want to truly engage viewers, it’s most important to excite them and to make your story feel as real as ever. Embedded content makes that possible because it blends interactive visual content into your storytelling naturally.

Please note: All tools included in our blog posts are suggested by authors, not the CMI editorial team. No one post can provide all relevant tools in the space. Feel free to include additional tools in the comments (from your company or ones that you have used).

To integrate content marketing tips, tools, and insights into your routine, sign up for CMI’s daily or weekly blog.

Cover image by Viktor Hanacek, picjumbo, via pixabay.com

Author: Orlee Gillis

Orlee Gillis is a visual content loyalist. Among all her Content Writing endeavors, posts about visual content are always first on her list of ideas. Content with background music and combinations of still with moving images is what really gets her creativity moving and shaking. Orlee will never pass up a chance to deliberate about Grammar nuances. You can follow her on Twitter @2EEsinOrlee or on LinkedIn.

Other posts by Orlee Gillis

Join Over 170,000 of your Peers!

Get daily articles and news delivered to your email inbox and get CMI’s exclusive e-book Get Inspired: 75 (More) Content Marketing Examples FREE!

  • https://flixel.com/ Flixel

    Hi Orlee. Thanks for including Flixel in your post. Great to see you using our embed code to share the Cinemagraph we created for Pizza Hut. Best to use the responsive settings as that’ll make for a better experience on mobile.

    • Orlee Gillis

      thanks Flixel! Good to know! Love your product.

  • George Stenitzer

    Hey Orlee, good stuff, nice ideas. Thanks for posting it!

    • Orlee Gillis

      Thanks George :)

  • https://marketproinc.com/ Olena Eaton

    Visual is definitely key. I think the next big thing for content marketers to embrace is video content, both for engagement and SEO. It would be great to see a list of tools you recommend for video.

    • Orlee Gillis

      Indeed, Olena! Will try not to let you down!

  • Ashley Taylor Anderson

    Great post, Orlee! We’re big fans of Flixel here at Ceros, and will check out some of the others you mentioned as well. We also have clients using our cloud-based design platform to create interactive infographics, maps, blog graphics, and other visuals—my team would love to show you around the platform if you’re interested.

  • Mr. William Davis

    Thanks for this post. I was unfamiliar with these tools. Definitely will check them out.

  • http://www.conqueror.ae/ Anne chen

    Great tools.. I’ll check them out.

    Are these for free?