Shorcode inside field

Hello @ensedese

No, the plugin does not replace third-party shortcodes. We cannot guarantee the generated code does not break the form’s structure.

To display the information generated by third-party plugins into the form, you must follow the steps below.

– Insert the third-party shortcode into a DIV tag directly on the page’s content:

<div class="outer-tag">[the-shortcode-here]</div>

– Insert an “HTML Content” field in the form with the following piece of code as its content:

<div class="inside-tag"></div>
<script>fbuilderjQuery(document).one('showHideDevEvent', function(){
jQuery('.outer-tag').appendTo('.inside-tag');
});</script>

Best regards.

Thanks for the quick response I tried to use the script but doesn’t work to me, shows again the shortcode.

I better try to explain what I did. I built a calculator form to obtain a volumen of a room, if the multiplication is less than 100 shows a determinated content but how I said before this content was designed in a template of elementor, please if you give a quick checking maybe you could see the this issue, thanks

my web site go to “Enter room dimension” section

• This reply was modified 3 years, 3 months ago by ensedese.
• This reply was modified 3 years, 3 months ago by ensedese.

Hello @ensedese

You cannot insert third-party shortcodes directly into the form because our plugin will not replace them.

Please, follow the steps below:

1. Insert the following piece of code directly into the page’s content. I’m talking about the page’s content and not the form:

<div class="outer-tag" style="display:none;">[elementor-template id="43608"]</div>

2. Replace the content of the “HTML Content” field fieldname8 with the following piece of code:

<div class="inside-tag"></div>
<script>fbuilderjQuery(document).one('showHideDevEvent', function(){
jQuery('.inside-tag').html(jQuery('.outer-tag').html());
});</script>

And that’s all.
Best regards.

Thanks again for your quick response!, I tried it again how you explained but still doesn’t work, I presume that is because the form is not in a page but is in a woocommerce product template made with elementor, in this case first I put the div tag in the woocommerce product editor and then inside the product template but in both cases not worked, is a shame! the plugin is aweson and saved my head with this calculator!
Well I very aprecited your help! Thanks any way!

• This reply was modified 3 years, 3 months ago by ensedese.

Hello @ensedese

When the shortcode is inserted directly on the page’s content, its replacement does not depend on our plugin. It should be replaced by Elementor. The code I sent you previously should take the HTML tags generated by Elementor after replacing the shortcode, and move it into the form.

If you check the source code of your web page, you can see that Elementor has not replaced the shortcode (please, look at the screenshot below). But as I see above, this time our plugin does not participate in this process:

Best regards.

Hello @ensedese

I’ve visited your website and it is working fine now.

Best regards.