All Collections
Installing Sleekplan
How to install the Sleekplan widget on your Vue app
How to install the Sleekplan widget on your Vue app

Install Sleekplan with Vue

Updated over a week ago

Installing Sleekplan with Vue is very easy. Here is the solution:

  • Navigate to Settings > Widget / Website on the admin app

  • You see a dark box containing your ready-to-use code snippet.

  • Copy the code

Add the code to your Vue app

  • Find the index.html in your public folder

  • Add the code snipped before the </head> tag

<!-- Sleekplan Script -->
<script type="text/javascript">window.$sleek=[];window.SLEEK_PRODUCT_ID=YOURPRODUCTID;(function(){d=document;s=d.createElement("script");s.src="https://client.sleekplan.com/sdk/e.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>

Did this answer your question?