How to add Lightbox form in Jimdo?

Hello!

Is there a way to embed a form in Jimdo as a lightbox?

Thank you,

Georg

Yes it is possible to add script embed code by adding "Widget/HTML" element in Jimdo. You may like to take a look at the following guide which should help you:   https://support.jimdo.com/basics/working-with-elements/widget-html/

Hope this helps.

Do try it out and get back to us if you have any questions. 

Hi!

So the generated Code for the lightbox was:

Anmeldung Zusatzeineiten

 

So I put the first part into the head and the second part

Anmeldung Zusatzeineiten

into a "widget" on the site.

 

It is working so far, just the link to open is not what I really like because it is just a text link.

I can let it open when the site was loaded by setting "openOnLoad: true".

So I wonder if

* it would be possible to create a picture to open it?

* I could create a better looking button to open it?

 

Thank you,

 

Georg

Yes, you can use an image or you can even style the button using CSS.

Here is a DEMO: https://tinyurl.com/y8w6ut3b

You can find the Source Code used on that page here: https://pastebin.com/raw/nRtfVcnQ

I added this part to the head:

<script src ="https://form.jotformeu.com/static/feedback2.js" type="text/javascript"></script><script type="text/javascript"> var JFL_80661181814354 = new JotformFeedback({ formId: '80661181814354', base: 'https://form.jotformeu.com/', windowTitle: 'Anmeldung Akademie', background: '#ff008e', fontColor: '#FFFFFF', type: '0', height: 700, width: 1100, openOnLoad: false }); </script>

If I put this code into an widget I get the button and its is working fine:

<a class="btn lightbox-80661181814354" style="margin-top: 16px; background-color: #ca276f; display: inline-block; padding: 15px 30px; color: #fff; border-radius: 5px; cursor: pointer; font-family: sans-serif; font-size: 18px;"> Anmeldung Zusatzeineiten </a>

But the picture as Button I don't get working.

:-((

Make sure that you change the src attribute of the image element (replace the code in the orange background with  the desired image URL).

<!-- IMAGE -->
<a class="btn lightbox-80661181814354" style="margin-top: 16px; display: block; cursor: pointer;">
    <img src="http://placehold.it/300x50" style="display: block;" />
</a>

If you are still having issues, let us know the URL of the website where the form is embedded. It is working on my example, so there must be something blocking the image on your website. You can also try changing the protocol of the image from http to https.