WAIT: Unable to sign code that is pulled dynamically

Browser: Chrome 110
OS: Windows
URL: (https://accountant3dev.wpenginepowered.com/landing-page/headoffice-booking/)
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

Hi,

I have a custom post type (Landing pages) which has a field “Landing Calendly shortcode” containing html code that displays a Calendly booking form as an iframe.

I pull this field dynamically into the CPT single page using a code block widget:

and sign the code.

The issue is that the iframe doesn’t display on the front end at all as the code is not executed.
Can you please confirm how I can sign code that is dynamically pulled into the code widget.

Thank you

Hey @maya,

does your embed code look something like this?

It seems like Bricks removes the <script> tag while the dynamic data tag is parsed. So on the frontend there is only the <div> element:

Might be security related or a bug. The Bricks team knows more I’m sure. :slight_smile:

Additional note:
If the calendly code is manually inserted in a code block (instead of being parsed through a dynamic data tag) the <script> tag is not removed and everything works as expected.

Best,

André

Hi Andre

Thank you for the investigation. I tried with the code pasted in and it works as you say.
I have submitted a ticket to the Bricks team and will update this with their response.
Appreciate your time!

I have just found this forum item: SOLVED: Iframe embed google map - #2 by ocbroadband that has a similar issue. Have tried the solution however still cannot get to render the output. I am including the <iframe … portion of the Calendly code in the ACF field, but perhaps not quite correct. Will continue to try to solve, but thought I would let you know

I have found a solution where I use dynamic data to populate only a portion of the script (namely a url value) and the rest of the script is fully in the code block.
This resolves the problem.