X-Frame Origin Embed Error

Sorry, I know there have been other topics about this, but I cannot seem to get it figured out at this point. I have a fresh install of discourse on DigitalOcean using the App, and a Ghost blog. I have the allowed host as the root of my website, and have pasted the code into Ghost, but constantly get the "Refused to display 'http://community.howtoghost.com/embed/comments?embed_url=https%3A%2F%2Fwww.ghostforbeginners.com%2Fhosting-and-installing-ghost%2F' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'." error.

From what it looks like, since I have the host in discourse, this shouldn’t be a problem, but after a few days of trying, I cannot get it to work. Have tried both www.site.com and just site.com, neither work. Does anyone have any ideas? I would really appreciate the help.

Actual Embedded Ghost Code:

<div id='discourse-comments'></div>

<script type="text/javascript">
  DiscourseEmbed = { discourseUrl: 'http://community.howtoghost.com/',
     discourseEmbedUrl: 'https://www.ghostforbeginners.com' + {{url}} };

   (function() {
    var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
    d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);

David B

Fill out the “cors origins” site setting with www.ghostforbeginners.com and restart the server ./launcher restart app.

1 Like

Thank you for the reply riking. Do you make these changes in the app.yml? In the app.yml I have tried:



DISCOURSE_CORS_ORIGIN: 'www.ghostforbeginners.com'


DISCOURSE_CORS_ORIGIN: 'www.ghostforbeginners.com*'

and a few others like including https and what not.

None of which change the outcome. Still get the same x-frame problem. I tried adding them under the env: section, and also near the bottom with no change.

Well, that should have worked as well.

1 Like

Any other ideas by chance? It seems like Discourse is restarting, but is it possible it isn’t taking the configs for whatever reason?

Hi I Tried multiple option by adding into app.yml. But its not working. Still throwing error "

Refused to display ‘’ in a frame because it set ‘X-Frame-Options’ to ‘SAMEORIGIN’.

Actually I’m trying to render ‘’ in iframe local host.

** DISCOURSE_DB_PASSWORD: ‘discourse’**

How to fix it.?

I think you would be better off coming up with a different approach

Can you tell us how to do it if we want to integrate it in my website ?

If I wanted to include Discourse content into a non-Discourse site I would use either the RSS or JSON or both.

Do you have any reference so I can get more info how to do it and to identify pros/cons for my requirement ?

Like demo or integration steps ?

Hey Guys,
Its working now, I forgot to rebuild the app.
./launcher rebuild app.

1 Like

I solved it using this plugin…

Can you plese provide steps as to how to install and use the plugin.