How can I add a jotform card to magento

Hello JotForm team

I recently used one of your card templates to create a nice opt-in. In WordPress, the script is quite easy to introduce and it behaves correctly - meaning it will open in an overlay and close when filling the form has finished. 

But with your Magento instructions, all I can get is always display a static CMS block in the footer - definitely what I wanted to get. 

So, what do I need to do to make it work?

Thanks!

Sandra

Hi Sandra,

I think, after you choose the Magento platform, make sure your fullscreen mode is "ON" when you are on the Publish tab.

If it still doesn't work the way you want it, you can always try out the LIGHTBOX embed methods that will let you place a button that will open the form in a lightbox modal.

Hi,
choosing the full screen doesn’t do the trick. And I don’t want to do the button, that’s not the intended usage for that card. Isn’t there any way to make it appear as a popup? Without installing any magento extensions?
All the best,
Sandra
Please consider the environment - do you really need to print this email?
CONFIDENTIAL: This e-mail may contain confidential and/or privileged information. If you are not the intended recipient or have received this e-mail in error, please notify the sender immediately and destroy this e-mail. Any unauthorized copying, disclosure or distribution of the material in this e-mail is strictly forbidden.
...

You can click on the CUSTOMIZE button in the LIGHTBOX Embed method to enable the "Open On Page Load" method.

Ok, thanks. I’ll try that.
All the best,
Sandra
Please consider the environment - do you really need to print this email?
CONFIDENTIAL: This e-mail may contain confidential and/or privileged information. If you are not the intended recipient or have received this e-mail in error, please notify the sender immediately and destroy this e-mail. Any unauthorized copying, disclosure or distribution of the material in this e-mail is strictly forbidden.
...

Hi,
so, the open on page load function is better. But, the form appears on every page I open. Is there a way to limit the display based on cookie or something similar?
Thanks,
Sandra
Please consider the environment - do you really need to print this email?
CONFIDENTIAL: This e-mail may contain confidential and/or privileged information. If you are not the intended recipient or have received this e-mail in error, please notify the sender immediately and destroy this e-mail. Any unauthorized copying, disclosure or distribution of the material in this e-mail is strictly forbidden.
...

As you have embedded your form to the footer of your website, and as every page of your site includes a footer, your form appears on every page of the website.

What you can do about this is to assign a function to your on page load. Instead of assigning true to openOnLoad like this:

openOnLoad : true

You can use this:

openOnLoad:(function () {

            var currentUrl = window.location.href;

            if (href === 'https://YOUR.SITE.WHERE.YOU.WANT.THE.FORM.com') {

              return true;

            }

            return false;

          })() 

Just write the URL to the page where you would like to get your form to appear, next to the href field above. And add that next to the openOnLoad function of your lightbox embed code. That way, on page load function will only work in your desired page.

Hope it helps! Feel free to contact us again if you need any further assistance.