• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
Locked
0

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

3.8K

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

Community Expert , 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 LinkAdd External Linkexpand image

 

Votes

Translate

Translate
Community Expert ,
Apr 26, 2020 Apr 26, 2020

Copy link to clipboard

Copied

Votes

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 Expert ,
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— Product User, Community Expert & Moderator

Votes

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

Votes

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 Expert ,
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— Product User, Community Expert & Moderator

Votes

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

Votes

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 Expert ,
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— Product User, Community Expert & Moderator

Votes

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

Votes

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 Expert ,
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 Linkexpand image

 

Nancy O'Shea— Product User, Community Expert & Moderator

Votes

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

Votes

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

LATEST

Cannot thank you enough for your response on this

Votes

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