Tell your story with Spark Page and Video Embeds on Portfolio

Adobe Portfolio
Apr 28, 2016 · 3 min read

A couple of embeds that we’ve recently added to our lineup are Adobe Spark Video and Adobe Spark Pages. Spark Videos allow you to quickly and easily create animated videos and Spark Pages let you create a beautiful “story” in the form of a simple, but dynamic, webpage. They’re both incredibly easy to use, but also amazingly effective creative tools. On top of that, they’re both completely free!

Sharing Adobe Spark Videos on Portfolio

We’ll start with Videos since it’s actually very, very simple. When you’re done creating a Spark Video log into Spark on a desktop computer. From the video’s share menu, there’s an option to copy an embed code.

Image for post

When you’ve selected the dimensions you’d like, copy the embed code. Whether you’re creating or editing a new Page or Project in Adobe Portfolio, you should see in the Edit Remote an option to create an Embed Module. Once you see the embed module, paste the code you’ve copied. Save your project and you’re done!

Image for post
Embed Media Popup on Adobe Portfolio

Embedding Adobe Spark Pages

There are two options for Adobe Spark Pages depending on what version of the app you’re currently using:

  1. Embed the embed.html via an <iframe>

You can use the code snippet below as a guidline — just be sure to replace the ‘XXX’ with the the ID of your spark page. You can also adjust the width and height to fit your Behance/Portfolio page.

<iframe src="https://spark.adobe.com/page/XXX/embed.html" width="512" height="256" border="0" style="border:0;"></iframe>

Benefits:

  • Author, view, like information shown
  • Clear call to action button to “Read More”
  • Subtle hover effects when you mouse over the embed

Drawbacks:

  • Only available in projects published (or re-published) with the latest version of Spark Page
  • Doesn’t show the full title section (only the title text)
  • Theme font is used, but other theme elements are not

2. Embed the embed.jpg as an image with a link

This approach is available to any published Spark Page, even the older ones. Here you download the embed.jpg image which represents the title section and insert that as a normal image which you then link.

To embed in this manner follow these directions:

1. Go to https://spark.adobe.com/page/XXX/embed.jpg

2. Download that image to your desktop

3. Click “Upload Files” in Adobe Portfolio and select that image

4. Click the Pencil icon on that image, then click Edit Link

5. Enter the URL to your Spark Page then check Open in New Window

(Be sure to replace the XXX with the id of your Spark Page)

Benefits:

  • Works on all published Spark Pages (even old ones)
  • Shows an exact screenshot of the full title section (including subtitle and theme)
  • Improves the search engine visibility of the Spark Page

Drawbacks:

  • Less immersive experience
  • No author information shown
Image for post
Adding a link to an image within Portfolio

Adobe Portfolio is a great platform to bring together all of your creative work from around the web, wherever it is. If you’ve got embeddable content we don’t support yet, let us know at help.myportfolio.com.

Behance Blog

Use Behance to showcase and discover creative work.

Adobe Portfolio

Written by

Beautifully simple. Free with Creative Cloud, showcasing your creativity is easy with Portfolio

Behance Blog

Use Behance to showcase and discover creative work. We’re on a mission to empower the creative world to make ideas happen.

Adobe Portfolio

Written by

Beautifully simple. Free with Creative Cloud, showcasing your creativity is easy with Portfolio

Behance Blog

Use Behance to showcase and discover creative work. We’re on a mission to empower the creative world to make ideas happen.

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store