Locked

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

New Here ,
Apr 26, 2020 Apr 26, 2020

Copy link to clipboard

Copied

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

TOPICS
New user

Views

779

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct Answer

Adobe Community Professional , Apr 27, 2020 Apr 27, 2020
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  

Likes

translate

Translate

Translate
Most Valuable Participant ,
Apr 26, 2020 Apr 26, 2020

Copy link to clipboard

Copied

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Apr 26, 2020 Apr 26, 2020

Copy link to clipboard

Copied

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.

 

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 26, 2020 Apr 26, 2020

Copy link to clipboard

Copied

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

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Apr 27, 2020 Apr 27, 2020

Copy link to clipboard

Copied

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. 

 

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 27, 2020 Apr 27, 2020

Copy link to clipboard

Copied

Hi Nancy,

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

MichalScreenshot_1.jpg

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Apr 27, 2020 Apr 27, 2020

Copy link to clipboard

Copied

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>.

 

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 27, 2020 Apr 27, 2020

Copy link to clipboard

Copied

Hi Nancy,

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

Michal

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Apr 27, 2020 Apr 27, 2020

Copy link to clipboard

Copied

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 LinkAdd External Link

 

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 27, 2020 Apr 27, 2020

Copy link to clipboard

Copied

Hi Nancy,

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

Thanks for help.

regards

Michal

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Feb 22, 2021 Feb 22, 2021

Copy link to clipboard

Copied

Cannot thank you enough for your response on this

Likes

translate

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines