I have modified and designed a javascript popup for a client. It works perfectly in a test.html page on my client's site.
Test
I now need to run it in wordpress. I know that I need to enqueue and register the stylesheet and javascript. But where? In a custom-functions.php file? The theme automatically includes that file in it's standard functions.php, if cust.. exists.
After that, what would be the best place to put the html? In the footer? On the home page? My goal is for the pop-up to appear only on the homepage. Right now, putting the pure html in a page doesn't work. The display:none css is added by the javascript. As well as the other form functions.
If you look at the test.html source you can see the references to jquery and javascript in the custom popup.js and the styles.css.
I simply need the easiest way to incorporate this standard ajax/php style form into wordpress. I appreciate any help!