Skip to main content
nilleg57851248
nilleg57851248
Inspiring
September 11, 2017
Answered

How to embed an Indesign document into my Wordpress site using online publishing in Indesign?

  • September 11, 2017
  • 3 replies
  • 11787 views

Is it only in website made by Adobe applications that you can embed Indesign dokuments?

    This topic has been closed for replies.
    Correct answer rob day

    Bit I think that is what I have done all the time? :

    This is the code for embedding:

    <iframe style="border: 1px solid #777;" src="https://indd.adobe.com/embed/fd3ea38b-db6b-417e-ae00-e3c664cb6d05?startpage=1&allowFullscreen=true" width="525px" height="371px" frameborder="0" allowfullscreen=""></iframe>

    This is how the code looks in the text tab after publishing:

    <a href="https://indd.adobe.com/embed/fd3ea38b-db6b-417e-ae00-e3c664cb6d05?startpage=1&allowFullscreen=true">https://indd.adobe.com/embed/fd3ea38b-db6b-417e-ae00-e3c664cb6d05?startpage=1&allowFullscreen=true</a>

    I wonder if this mysterium have something to do with the smal coding tags in the meny bar?

    I would really like to sort this out. The function (when it works) will be brilliant and very timesaving!

    I'm very grateful for this forum and for all you help :-)


    Try searching for something like "wordpress editor changes html code". There are plugins out there that deal with the Visual editor problem.

    Preserved HTML Editor Markup Plus — WordPress Plugins

    3 replies

    AnneMarie Concepcion
    AnneMarie Concepcion
    Community Expert
    September 11, 2017
    1. Open your InDesign layout in InDesign
    2. Click the Publish Online button upper right in the menu bar. This requires InDesign CC 2015 or later, by the way.
    3. Follow the prompts and click View Online so Publish Online does its thing and you're viewing your file in a browser window. Be sure to leave the option to Hide the Embed icon unchecked.
    4. In the browser window, at the bottom of that window, click the embed icon, which looks like this: </>  It may be in a dropdown menu lower right, under an ellipse - "more" - button (...).
    5. A pop-up window appears where you can select embed options (size and so on). When you're done choosing options, click in the Embed Code section at the bottom and copy the code there. It starts with "<iframe style="
    6. Paste that code into your website, wherever you edit the pages ... where the other markup appears. For a Wordpress site you'd paste it into the Text view (not Layout view) of an Edit Post or Edit Page screen.

    Hope that helps!

    -AM

      nilleg57851248
      nilleg57851248Author
      Inspiring
      September 12, 2017

      This is fantastic :-)

      But,

      now I have added the iFrame code and a title, but when you enter the site, only the code is showing up. Is it not possible that the post itself can be displayed?

      nilleg57851248
      nilleg57851248Author
      Inspiring
      September 12, 2017

      Derek Cross
      Derek Cross
      Community Expert
      September 11, 2017

      You can have a link on your website to a Publish Online document, which would be hosted on Adobe Servers. You can include a facility in your Publish Online document that allows users to download a PDF version. Obviously if you have things like animations in your Publish Online document they won't be included in the PDF version.

      BobLevine
      BobLevine
      Community Expert
      September 11, 2017

      You're going to have be more detailed. You cannot embed an InDesign document but you can add a PDF or even an iframe version of Publish Online document.

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