Skip to main content
Mark Waldo
Mark Waldo
Participating Frequently
January 3, 2023
Answered

Adobe Portfolio only supports <iframe> embed codes. I need that from Express

  • January 3, 2023
  • 3 replies
  • 8370 views

Hi,

 

I am using Adobe Portfolio but am not happy with the look of my project pages. So I would like to generate a web page in Express that will take over the Adobe Portfolio Page Container and give me the look I can only get through Express. I am using the Embed Module in Portfolio to do this. I started by creating a web page in Express and then used the "Publish and Share" feature to generate code for embeding the page. Here is where things are going of the rails. The code does not have an iFrame tag. Instead it starts as

<script id="asp-embed-script" data-zindex....

 

As a result, Adobe Portfolio is rejecting the embed code. 

 

For some context, if it helps any, I would love to generate a multipage website using Express. I appreciate the flexibility of it - it suits how I design, but, unless I am wrong, I can't do that since it won't generate the navigation and information architecture to connect across pages. So I am beating up Portfolio to get a little closer to that.

 

Thanks for any thoughts. Sorry if this has been answered elsewhere. I did a search but you know how it goes.

Correct answer Myra Ferguson

You're right. You'll need an iframe to embed your Adobe Express content into Portfolio. 

 

Here's the syntax of an iframe from https://www.w3schools.com/tags/tag_iframe.ASP:

<iframe src="https://www.w3schools.com" title="W3Schools Free Online Web Tutorials"></iframe>

 

So after you publish and share your Adobe Express web page, do the following:

  1. Swap out the src above with the URL to your Adobe Express web page
  2. Go to your Adobe Portfolio site
  3. Click the Embed button
  4. Paste your customized iframe into the Embed Code text input area & save the embed

 

If you need the embedded content to be a different size or have additional features, take a look at the additional attributes that you can add from the https://www.w3schools.com/tags/tag_iframe.ASP page.

 

 

3 replies

Myra Ferguson
Myra Ferguson
Community Expert
January 3, 2023

If you want a no-code solution to creating a multi-page website that allows you design it how you'd like, you might try InDesign. Although InDesign is primarily a print layout application, you can include interactivity and use its Publish Online feature to put it online.

 

If you need more features than what Publish Online supports, you can use the in5 plugin for InDesign (which requires a paid subscription) to export HTML5 content. You would need to host that content yourself as opposed to having it hosted on Adobe's servers.

    Mark Waldo
    Mark WaldoAuthor
    Participating Frequently
    January 3, 2023

    Thanks for the suggestion. InDesign with the HTML5 plug-in may be the way to go. I can host content myself if necessary. I'll play with Express>Portfolio just a bit more and then maybe look at it.

      Nancy OShea
      Nancy OShea
      Community Expert
      January 3, 2023
      quote

      I am using Adobe Portfolio but am not happy with the look of my project pages. So I would like to generate a web page in Express that will take over the Adobe Portfolio Page Container and give me the look I can only get through Express.


      By @Mark Waldo

      ==============

      No.  Adobe Express can't replace your main Portfolio layout.  Sorry. 

       

      At best you can embed a sample of your work into a Portfolio project page.  But surrounding elements are all generated by your Portfolio site Theme. 

      https://help.myportfolio.com/hc/articles/360035995733-Themes-features

       

      Portfolio is your website. Anything you embed via <iframe> is essentially an external page within a page.  With that in mind, <iframes> can have unwanted side effects like extra scrollbars, cookie warnings and limited accessibility for users who rely on assistive technologies such as screen readers and robot language translators.   For best results, use embedded iframes sparingly and only for media content (XD prototypes, video, music players, etc...).

       

      Portfolio offers 12 Themes to choose from.  Each theme has different options for customization.   If you're unhappy with your current Theme, try another one.

      https://portfolio.adobe.com/examples/

       

      Compare Portfolio Theme Features:

      https://help.myportfolio.com/hc/articles/360035496294-Comparing-themes

       

      Nancy O'Shea— Product User & Community Expert
        Mark Waldo
        Mark WaldoAuthor
        Participating Frequently
        January 3, 2023

        That worked. I appreciate your help with my experiment!

          Myra Ferguson
          Myra FergusonCorrect answer
          Community Expert
          January 3, 2023

          You're right. You'll need an iframe to embed your Adobe Express content into Portfolio. 

           

          Here's the syntax of an iframe from https://www.w3schools.com/tags/tag_iframe.ASP:

          <iframe src="https://www.w3schools.com" title="W3Schools Free Online Web Tutorials"></iframe>

           

          So after you publish and share your Adobe Express web page, do the following:

          1. Swap out the src above with the URL to your Adobe Express web page
          2. Go to your Adobe Portfolio site
          3. Click the Embed button
          4. Paste your customized iframe into the Embed Code text input area & save the embed

           

          If you need the embedded content to be a different size or have additional features, take a look at the additional attributes that you can add from the https://www.w3schools.com/tags/tag_iframe.ASP page.

           

           

            N
            Nicholas32780729imcl
            New Participant
            February 12, 2024

            Hi Myra, I've tried your link but how do I manage to insert a slideshow I've made from Adobe Express without including the logos and banners that come with it? 

             

            Myra Ferguson
            Myra Ferguson
            Community Expert
            February 12, 2024

            If you make a video/slideshow and publish it, it's hosted on Adobe's servers. So whatever is on the website that includes your slideshow will be embedded along with your content.

             

            Instead, you could download the video and upload it to YouTube, but then you'll be trading Adobe's logo for YouTube's.

             

            A no-code alternative would be to download the video, place it in InDesign, and export it with in5 (a premium plugin for InDesign). Once it's exported, you would need to upload it to your own website. in5 doesn't offer hosting, but there are some free hosting options--especially Tiiny.Host.

            Terms & ConditionsAccessibility statement
            Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices