Your 3-step installation instructions

Hi there,

In your
– Add domains
– Add upload location
– Install on your site
3-step installation instructions, it says,

“Copy the following code and paste it directly above the closing </head> of the HTML in your website on every page you want the Clipchamp API to work on.”

<script type= "text/javascript" src= "https://api.clipchamp.com/XF0TqFCf9WLgE1mM1VN-lregv6U/button.js">
</script>

Sorry that I’m not techie. Could you please tell me how to do that. When you said “every page you want the Clipchamp API to work on”, do we add this code when we are creating a new page at backend admin? If so, I don’t know where to access the </head> code you were referring to. I only see the editor there.

“Copy the following code and paste it in the HTML in your website where you want a Clipchamp button to appear.”

<div id="clipchamp-button"></div>
<script type="text/javascript">
  var el = document.querySelector("#clipchamp-button");
  // For more customization options refer to our Documentation.
  var options = {
      output: "dummy",
        style: {
            url:   "https://api.clipchamp.com/static/button/themes/modern-education.css"
       }
  }
  clipchamp(el, options);
</script>

So this means this is the code for the button and we should paste it on the page where we want the button to be inside the editor at backend, correct?

If correct, do we place the first set of codes right over this second set of codes inside the editor at backend admin? That doesn’t seem to be correct though because when I did that, I can see the button on that page at frontend but when clicking on it, nothing came up.

Thank you.

• This topic was modified 7 years, 8 months ago by newance.