cancel
Showing results for 
Search instead for 
Did you mean: 

Embedded Form in Magento 2 Page Builder

Embedded Form in Magento 2 Page Builder

Hello,

 

I'm completely new to Magento, and I want to embedd a form from Aidaform(Third party) into a page with the pagebuilder.

 

<div data-aidaform-widget="form-2019-12" data-url="https://scleo.aidaform.com/kostenlose-vorlage-bewerbungsformular" data-width="100%" data-height="500px" data-do-resize></div><script>(function(){var r,d=document,gt=d.getElementById,cr=d.createElement,tg=d.getElementsByTagName,id="aidaform-embed";if(!gt.call(d,id)){r=cr.call(d,"script");r.id=id;r.src="https://embed.aidaform.com/embed.js";(d.head || tg.call(d,"head")[0]).appendChild(r);}})()</script>

But when I go to Preview, nothing shows up. I know its my mistake, but I need to learn Smiley Happy. Can anyone help me or give me a little hint what I need to do to embedd this code? I did it in RAW HTML..do I have to choose statc block?

 

Sorry for the noob question, and Cheers!

 

2 REPLIES 2

Re: Embedded Form in Magento 2 Page Builder

To embed a form from a third-party provider like Aidaform in a Magento 2 page using the page builder, you can follow these steps:

  1. Open the page where you want to embed the form in the page builder.

  2. Click on the "Add Content" button and choose "HTML" from the list of available content types.

  3. In the HTML editor, paste the code provided by Aidaform into the editor. The code should look something like this:

<div data-aidaform-widget="form-2019-12" data-url="https://scleo.aidaform.com/kostenlose-vorlage-bewerbungsformular" data-width="100%" data-height="500px" data-do-resize></div><script>(function(){var r,d=document,gt=d.getElementById,cr=d.createElement,tg=d.getElementsByTagName,id="aidaform-embed";if(!gt.call(d,id)){r=cr.call(d,"script");r.id=id;r.src="https://embed.aidaform.com/embed.js";(d.head || tg.call(d,"head")[0]).appendChild(r);}})()</script>
  1. Save the HTML content.

  2. Preview the page to see if the form is displayed correctly.

Note that the HTML content will be rendered as raw HTML in the page, so any styling or formatting will need to be done using CSS.

If you want to embed the form in a specific location on the page, you can use the "Container" content type to create a container and then drag and drop the HTML content into the container.

Also, make sure that the Aidaform script is allowed to run on your website by checking the Content Security Policy settings in your Magento installation.

I hope this helps!

Re: Embedded Form in Magento 2 Page Builder

Hello @scleo 

 

Please use and try the following code once:

<iframe src="https://scleo.aidaform.com/kostenlose-vorlage-bewerbungsformular" frameborder="0" width="100%" height="500"></iframe>

Please add this to the CMS Page from the backend.

 

If you find our reply helpful, please give us kudos.

 

A Leading Magento Development Agency That Delivers Powerful Results, Innovation, and Secure Digital Transformation.

 

WebDesk Solution Support Team

Get a Free Quote | | Adobe Commerce Partner | Hire Us | Call Us 877.536.3789

Thank You,


WebDesk Solution Support Team
Get a Free Quote | Email | Adobe Commerce Partner | Hire Us | Call Us 877.536.3789


Location: 150 King St. W. Toronto, ON M5H 1J9