Embed code to add WordPress into another website.

• 

  stjosephs3 · Member · Nov 7, 2017 at 7:11 pm

  • Copy link
  • Add topic to favorites

  Hello, myself and a colleague are trying to embed our class blog (WordPress) into a our school website (School Jotter). We have contacted Jotter and they have said that we need to have an embed code to be able to do this. Where can I find an embed code to do this? At the moment it is inserted as an RSS Web feed but we would like to show the whole blog including the pictures and not just a link. Thanks.

  The blog I need help with is: (visible only to logged in users)

• 

  jessestu · Member · Nov 7, 2017 at 7:36 pm

  • Copy link

  Hi @stjosephs3,

  There’s HTML code that allows this to happen.

  <iframe src="https://stjosephs3.wordpress.com/" width="640px" height="480px">

  If you used this, you would size the iframe’s width and height to something that fills the School Jotter page nicely. There’s more advanced code to help make it look good on different sized screens.

  Try this and let us know how it works!

  Best,
  Jesse

• 

  jessestu · Member · Nov 7, 2017 at 7:37 pm

  • Copy link

  *My link for better iframe in responsive designs was messed up.

• 

  stjosephs3 · Member · Nov 7, 2017 at 8:25 pm

  • Copy link

  Hello @jessestu,

  I have tried this and it inserted, however it deleted the rest of my webpage below where it was inserted and wouldn’t allow me to scroll past it. Any ideas?

• 

  jessestu · Member · Nov 7, 2017 at 9:23 pm

  • Copy link

  Thanks for checking back in.

  When you say you inserted it, I assume you mean on your School Jotter site. Can you share the URL where you want to embed your WordPress.com page?

  When I first provided that code, I knew I was offering something that was not very elegant. For example, we don’t allow iframe code to be put in any posts on WordPress.com pages. They create a security risk and can bring down a page, as you experienced.

  I wonder what School Jotter’s support will say if you provide them with that code? It’s pretty basic HTML, but it’s also unclear to me what they need when they say, “…we need to have an embed code to be able to do this.” It might help if they give you a little more information regarding what they need for the platform powering their site if that code enough isn’t sufficient.

  It might also be a situation where their editor can’t handle the code and it breaks your page, but if the support team inserts the code it will not bring the page down.

  Let us know and we’ll keep trying to help!