Embed Spark into Adobe Portfolio site [Topic edited for clarity]

[Wilczur_Photo]

Hi Guys,

I've  made website using Spark and wanted to publish it on my website made in My Portfolio. When I embed code got info that code is incorrect. What is the problem?

Michal

[John T Smith]

Spark support is at https://adobespark.zendesk.com/hc/en-us/categories/202688167-Adobe-Spark
-the above link has a full page of over 90 links for help articles
-also https://community.adobe.com/t5/get-started/adobe-spark-helpful-resources/td-p/11003736?page=1
-also https://fonts.adobe.com/collections/spark-font-pack
-also https://blog.adobespark.com/2019/06/10/stand-out-with-sparks-new-premium-templates/

Portfolio help may be obtained at the links below
https://help.myportfolio.com/hc/en-us/requests/new?ticket_form_id=177168
https://helpx.adobe.com/creative-cloud/how-to/create-portfolio-website.html
https://help.myportfolio.com/hc/en-us
https://portfolio.adobe.com/themes
https://portfolio.adobe.com/
And Lighrtroom Integrations
https://blogs.adobe.com/jkost/tag/portfolio
https://lightroomkillertips.com/getting-images-lightroom-adobe-portfolio-just-got-lot-easier/
https://digital-photography-school.com/create-beautiful-online-gallery-lightroom-classic-cc-adobe-po...

[Nancy OShea]

Hi Wilczur_Photo,

Adobe Portfolio only accepts embed code that is inside an <iframe>.  See example code below. 

It goes without saying that your Spark page (xxx) needs to be online for this to work.

<iframe src="https://spark.adobe.com/page/xxx/embed.html" width="512" height="256"></iframe>

Post back if have any questions.

[Wilczur_Photo]

Hi Nancy,

Please find out my code. Is it ok?

<script id="asp-embed-script" data-zindex="1000000" type="text/javascript" charset="utf-8" src="https://spark.adobe.com/page-embed.js"></script><a class="asp-embed-link" href="https://spark.adobe.com/page/Ypbrs3kF8LUNo/" target="_blank"><img src="https://spark.adobe.com/page/Ypbrs3kF8LUNo/embed.jpg?buster=1587969040660" alt="Wilczur Photo" style="width:100%" border="0" /></a>

Regards

Michal

[Nancy OShea]

No, Michal.  I don't know where you obtained that code but it won't work with Adobe Portfolio. 

You must use an <iframe> like this:

<iframe src="https://spark.adobe.com/page/Ypbrs3kF8LUNo/" width="512" height="256"></iframe>

Or insert a screenshot and add an outbound link to your Spark Page. 

[Wilczur_Photo]

Hi Nancy,

Thanks for reply. I got this code directly from Spark. Please find out screenshot.

Michal

[Nancy OShea]

That embed <script> might work on a WordPress site or an ordinary HTML document in a Dreamweaver site but it won't work on Portfolio.  Instead copy the sharable link and put it inside an <iframe>.

[Wilczur_Photo]

Hi Nancy,

It works but not as I want to work. It isn't full screen and can't do it 😞

Michal

[Nancy OShea · Accepted solution]

Right.  Your Spark page is too big to fit inside a Portfolio page.  I think it's a better experience if you add a direct outbound link from Portfolio to your Spark page.  See screenshot.

Add External Link

[Wilczur_Photo]

Hi Nancy,

Yes, that's the solution but it is not so nice as full screen 😉

Thanks for help.

regards

Michal

[shreyagupta1401]

Cannot thank you enough for your response on this