WordPress.org

Ready to get started?Download WordPress

Forums

Using iframe in wordpress (13 posts)

  1. OureMollen
    Member
    Posted 11 months ago #

    Hi - I'm in love with a timeline tool, but i can't figure out how to embed it into my site.
    The provided wordpress embedding plugin is not up to date, and as an alternative it says that you can embed it via iframe. How do i do that, and wich iframe plugin should i use? - Yeah, this may be very simple but i need some easy instructions here!

    The timeline i'm talking about

    The embed code it gives me:

    <iframe src='http://embed.verite.co/timeline/?source=0Agl_Dv6iEbDadHdKcHlHcTB5bzhvbF9iTWwyMmJHdkE&font=Bevan-PotanoSans&maptype=toner&width=600&height=600' width='600' height='600' frameborder='0'></iframe>

    The site i want it embedded into

    And finally an example of the timeline here

    Thanks in advance!

    [Note: Duplicates will be deleted]

  2. helpfulwebhosting
    Member
    Posted 11 months ago #

    One of our customers had a good experience using a plug-in called Advanced iFrame.

    They used it to incorporate property listings on an Estate Agency site (British English for 'realtor').

  3. OureMollen
    Member
    Posted 11 months ago #

    Thanks! I use that plugin too, but do you know why my page is blank when i want this page embedded?

    I haven't got a clue!

  4. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 11 months ago #

    Your page is blank because the iframe leads to a blank page.

  5. OureMollen
    Member
    Posted 11 months ago #

    I don't understand - is this a blank page?

    Can you please explain it to me?

  6. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 11 months ago #

    No, this is your iframe source from your webpage.

  7. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 11 months ago #

    Also please don't duplicate threads.

  8. OureMollen
    Member
    Posted 11 months ago #

    Ok - sorry for being a noob here - but i still can't see what i'm doing wrong:

    In the "Advanced iframe plugin" it says:

    Enter the full URL to your page. e.g. http://www.site.com. You can also add parameters to this url like http://www.site.com/test.php?iframe=true. then you can check this variable and use it to e.g. hide some elements in the iframe.

    So I copy paste this url and you say it's my iframe source. I can't use the aforementioned embed code right?

    It's works fine with a couple of other sites i tested by the way!

  9. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 11 months ago #

    You just need to make sure you use the correct URL.

    So I copy paste this url and you say it's my iframe source.

    It is already in your webpage. That URL leads to a blank page, therefore your iFrame is blank in your webpage.

    I can't use the aforementioned embed code right?

    Why not?

  10. OureMollen
    Member
    Posted 11 months ago #

    I mean, because the embed code is not a URL?

    <iframe src='http://embed.verite.co/timeline/?source=0ApnNAEv3xtDldGxkV0h1VUk3SU52Q0JOU2NmVUhheVE&font=Bevan-PotanoSans&maptype=toner&lang=en&height=650' width='100%' height='650' frameborder='0'></iframe>

    If i just paste the embed code it looks like this.

  11. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 11 months ago #

    Can you use the 'src' URL from your embed code?

    http://embed.verite.co/timeline/?source=0ApnNAEv3xtDldGxkV0h1VUk3SU52Q0JOU2NmVUhheVE&font=Bevan-PotanoSans&maptype=toner&lang=en&height=650
  12. Pioneer Valley Web Design
    Member
    Posted 11 months ago #

    This iframe code is improper.
    Try:

    <iframe src="http://embed.verite.co/timeline/?source=0ApnNAEv3xtDldGxkV0h1VUk3SU52Q0JOU2NmVUhheVE&font=Bevan-PotanoSans&maptype=toner&lang=en&height=650" width="100%" height="650" frameborder="0"></iframe>

    Test here:
    http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_iframe_frameborder

  13. OureMollen
    Member
    Posted 11 months ago #

    Ok - in my theme it loads in a tenth of a second and then it's just blank.
    With the standard theme (on a test site) however it's working perfectly! So my theme seems to be the problem.

    I've done exactly the same thing with both themes (My real site here, and my test side here) and the only difference between the two iframes on the sites are the URL 's

    Here is the url of the iframe on the real site with an added "?wmode=transparent" at the end:

    http://embed.verite.co/timeline/?source=0ApnNAEv3xtDldGxkV0h1VUk3SU52Q0JOU2NmVUhheVE&font=Bevan-PotanoSans&maptype=toner&lang=en&height=650?wmode=transparent

    Could that change something?

Reply

You must log in to post.

About this Topic