Highlighted

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

New Here ,
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

343

Likes

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

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

New Here ,
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

344

Likes

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
Apr 26, 2020 0
Apr 26, 2020 0
Adobe Community Professional ,
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, ACP
Alt-Web.com

Likes

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
Reply
Loading...
Apr 26, 2020 0
New Here ,
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

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 26, 2020 0
Adobe Community Professional ,
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, ACP
Alt-Web.com

Likes

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
Reply
Loading...
Apr 27, 2020 0
New Here ,
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

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 27, 2020 0
Adobe Community Professional ,
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, ACP
Alt-Web.com

Likes

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
Reply
Loading...
Apr 27, 2020 0
New Here ,
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

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 27, 2020 0
Adobe Community Professional ,
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, ACP
Alt-Web.com

Likes

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
Reply
Loading...
Apr 27, 2020 0
New Here ,
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

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Apr 27, 2020 0