Beaverbuilder Elfsight Bug

Mikeveail2021 · September 10, 2021, 9:27am

Hi there, I am using a review plugin called Elfsight, this uses a JS script tag that is deployed within Beaver Builder. When the code is deployed on page, I am unable to edit background photos.

When i remove the script I can edit background images in BB.

I get a javascript(0)void thing at the bottom left when I hover over Edit or Remove in BB.

[script src=“https://apps.elfsight.com/p/platform.js” defer>
[div class=“elfsight-app-f2f0f64e-0ecb-4377-8782-bfb816299571”>

(I have used [ tags just for the post :))

Any ideas why the conflict is arising?

Mikeveail2021 · September 10, 2021, 9:37am

Is there a way to embed script tags in page aside from using the HTML module?

pross · September 10, 2021, 12:17pm

You can create a shortcode something like the following, then the shortcode will only render when the builder is NOT open

gist.github.com

https://gist.github.com/Pross/4bfc57617668ccbfc180bf98044fd234

functions.php

add_shortcode( 'my-form', function() {
  if ( ! isset( $_GET['fl_builder'] ) ) {
    return 'Your IFRAME CODE HERE';
  }
});

Mikeveail2021 · September 10, 2021, 10:23pm

Thank you Simon, much appreicated, that worked.

Much love to the BB team

system · September 13, 2021, 1:03pm

This topic was automatically closed 36 hours after the last reply. New replies are no longer allowed.