What is the difference between various types of 'Embedding' of a form?

I don't understand how to make the link on my website to the various types of 'Embedding' of the form other than the standard 'Embed'.

i.e. 'Pop-up'  'Lightbox' etc.

Please help

Hello,

I have created a section under my website to test how the EMBEB types works, you can take a look at it here JotForm Embeb types

I hope this answer you question.

If you need help regarding how to implement any of the EMBEB types feel free to ask i will happy to help.

Huberson

That is certainly a good way to see the difference, and thank you for that Huberson.

Now since there is visual, I will try to explain the same with words.

You could say that there are 2 categories of the embed options:

1. forms that get shown from a button - lightbox / feedback / pop-up and

2. forms that are embedded directly into the body - iframe embed, embed (js embed), source code embed

LightBox embed is often used if you wish to show a form within the same window when the page loads or after the user clicks on specific field, etc.

Feedback embed is quite similar to lightbox, but it is often shown on the form in a form of a button - such as in Huberson's example, being orange button on the left.

- What both of these have in common is that once they open, the rest of your website is "locked" as you can only see the form, so it is often used for signups to email newsletters and similar.

Pop-up embed code is great if you want to have the form shown, but in the same time to make the website shown as before. So online the above two methods of embedding it will open up a popup to show you the form. This is great for forms that might need to be filled out with some data from the website as well - for example if you explain all the themes and events available in Disneyland and you offer various purchase options for the same on your form, this would be a great way to allow everyone to read what they want and quickly make decision on their forms.

Now embed or also known as js (javascript) embed code is a great way to embed a dynamically adjusted form on your website. It will capture the full available width and show the form within it and alter its height as needed.

This as the following embed codes are great when you want your form to be part of your website - actually take some space in it. This creates a more welcoming feeling to the form as it is seen as direct part of your website.

The only downside of the js embed code is that sometimes it can be affected by other javascript code on your website and not work properly.

Iframe embed code is as it suggests, your form within the iframe. It is followed by the javascript code that also adjusts its height as in js embed code, but the iframe embed can not be influenced by other codes on your website and as such is a recommended way to embed your form if you are using many plugins on your website.

Source code embed is the best option if you want to make your own edits to the form. While it could be broken by other code on your website and even influenced by CSS of your own website, it is the only way to go if you need to add some extra functionality to it.

This is often used for rare cases where form builder can not create something, while your developers can - such as retrieving data from within your database to add it up to the form, and similar.

Now hopefully you will have a clearer picture of what each is about when you read this and check out the samples provided by Huberson, but if you have any questions, do let us know and me and my colleagues would be happy to assist :)

Thanks Ben, great explanation, and thanks to Huberson also.  I think I know what I'm doing now! Jotform is awesome.

On behalf of my colleague, Ben, and specially Huberson, you are welcome. If you have any additional question, please do not hesitate contacting us. We will be glad to help.