Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

GeneratePress GenerateBlocks

How to embed an iFrame that contains JS

  • daveporter
    April 1, 2024 at 9:49 pm

    Hi everyone,

    I am redoing a site and it has a booking form that has an iFrame with Javascript.
    I’ve searched the forums here, but unsure of the best way to get it to work!
    The code I have received from the booking form people starts:
    <script type='text/javascript'>
    And ends
    </script>
    And the details they sent said: “Here is the iframe code to embed the eappointments booking into the website”

    I found one article here that says to create a shortcode, but not sure if that is the right way ?
    Any help appreciated.
    Dave
    ps – I can provide the full code if required ?

  • David
    April 2, 2024 at 4:18 am

    Hi there,

    have you tried adding the script inside a HTML Block ?

  • daveporter
    April 2, 2024 at 5:12 am

    Thanks David,
    I just tried that, and I see the <script> in the source code, but nothing displays.
    Doesn’t it need to be in an iFrame somehow ?
    I see no errors in the console!
    Other thoughts ?
    Dave

  • David
    April 2, 2024 at 5:55 am

    What is the full code ? And can i see the site where the code has been added ?

  • daveporter
    April 2, 2024 at 6:22 am

    Thanks David, info in the Private info

  • David
    April 2, 2024 at 6:33 am

    In the script there is the po.src which contains a URL to the d4w/resources/js/iframe.min.js and that URL is throwing a 403 Forbidden error. The code provider would need to help resolve that.

  • daveporter
    April 2, 2024 at 3:58 pm

    Thanks David,
    Sorry I had the wrong code in there – I found the code from the old site and tried that and forgot to put it back.
    The only difference is the number on the end of that po.src line.
    I tried again, but still no luck – I don’t see any 403’s, but I’m not sure 100% where to look.
    But I’ll run it past the supplier of the booking program as well.
    Dave

  • Alvind
    April 2, 2024 at 6:48 pm

    Hi there,

    When you run the URL in the browser, it indeed returns a 403 error. It should return some JS code if the URL is correct.

    You will definitely need to reach out to the booking app’s support team.

    Let us know how it goes.

  • daveporter
    April 2, 2024 at 6:56 pm

    Ok thanks very much, I’ll wait for their reply! I’ve sent a support request!
    Dave

  • Alvind
    April 2, 2024 at 7:51 pm

    No problem!

  • daveporter
    April 9, 2024 at 10:44 pm

    Closing this one off – the developer of the booking program got back to me with revised code.
    It just required me to add a script to an element and then the page just needed some custom HTML that was just a div with an ID to point it to the script and it all seems to be working OK.
    Thanks, Dave

  • Alvind
    April 9, 2024 at 11:26 pm

    Glad you managed to resolve it!

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.