Embedding contact form on Homepage

Here is the URL.
andeesheh.toastmastersclubs.org/
I have to change the video to reflect the form. I wanted to make sure it works first

(I will adjust my signature)

Thanks again.

I would recommend using the club number version of your website url in the iframe. Otherwise, you can get a circular reference... I think I am seeing that in your website... Basically, using the club number version should avoid the circular reference, since it is different than what you normally access your website with.

Also, I would recommend enabling iframe scroll bars. (just in case)

Also, I would recommend appending the following to the url: #contact-form This is the id (reference name) of the form html. Doing this ensures that the form is positioned properly in the iframe. It puts the upper left corner of the element referenced by id in the upper left corner of the iframe.

thank you. I just changed it to that (http://1150549.toastmastersclubs.org?contactus)
I'm not sure if what you're referring to is resolved or not.

Thanks Steve.

the URL: http://1150549.toastmastersclubs.org?contactus#contact-form
is still bringing it up as a popup which I think is the reason it looks the way it does.

I made a couple of tweaks for you.

The form width is 620px (I control that in the code.) ... I set your iframe width as 630 to have extra px just in case.
The form height is "auto" (javascript figures it out on the fly)... so you have to guess that.

I centered the form in the window for you... "middle" attribute on iframes does not always work as intended.

I set the tab index as 1 in the html (can't do that in the dialog) so even tabbing should take you to the form in the window first.

I do recommend having scroll bars on for the iframe and adding a bit on the width and height to accommodate. Reason: biggest challenge with iframes is getting the contents shifted way out of view in the frame. Having scroll bars is an intuitive way to indicate to users that they can reposition the iframe contents. Also, I suggested the #contact-form since that should always position the contents as best as possible. (to prevent wild view shifts.)

Ok, that should give you enough to play with to suit your tastes... If you run into any hiccups with it, let me know and I may have some other things to try .