How can I put this JavaScript into WordPress?
<p>I've got a client who is using WordPress and WooCommerce.  </p>

<p>I'm trying to add a button to a file.  I can get the button to show up, both in the front end editor, and in the template files.  But I can't get it to function, nothing happens on hover or on click.  No matter which theme I try.  </p>

<p>I assume it's the way WordPress handles JavaScript, but I'm not 100% sure.  What the button is supposed to do is when clicked on a pop up from myregistry.com appears and the user can then add a product to the registry.  </p>

<p>I don't know very much JavaScript yet, I have used a little jQuery but mostly in the form of plugin's, with some minor changes here and there.</p>

<p>So, how could I get this to work inside of Wordpress?</p>

<p>Any help or tips would be great.</p>

<pre><code>    &lt;!-- Start AddToMyRegistry Button Tag --&gt; 
 `&lt;script id='scriptMyRegistryWebWidgetButtonScript' type='text/javascript'&gt;` 
 `document.write("&lt;img id='ImgAddToMyRegistryButton' src='http://images.myregistry.com/Images/MyRegistry/WebWidgetImages/netSol/742.jpeg' onmouseover='ImgAddToMyRegistryButton_onmouseover(this);' onmouseout='ImgAddToMyRegistryButton_onmouseout(this);' style='border-width: 0px; cursor: pointer;' onclick='CreateAddToMyRegistryWidget();' /&gt;"); 
 function ImgAddToMyRegistryButton_onmouseover(elementParam) 
 {elementParam.src = 'http://images.myregistry.com/Images/MyRegistry/WebWidgetImages/netSol/742.jpeg';} 
 function ImgAddToMyRegistryButton_onmouseout(elementParam) 
 {elementParam.src = 'http://images.myregistry.com/Images/MyRegistry/WebWidgetImages/netSol/742.jpeg';}` 
 `&lt;/script&gt;` 
 `&lt;!-- End AddToMyRegistry Button Tag --&gt;`
</code></pre>
