Installation

Install tokwork widget in 2 minutes.

Install tokwork in 2 minutes

Get your widget up and running quickly with these simple steps.

Step 1: Get Your Widget Script

  1. Log in to your tokwork account
  2. Navigate to DashboardWebsites
  3. Click Add Website and enter your website URL
  4. Copy your unique widget script

Your script will look like this:

<!-- tokwork Widget -->
<script async src="https://js.tokwork.com/loader.js" 
  data-website-id="YOUR_WEBSITE_ID" 
  data-website-domain="yourdomain.com">
</script>

Step 2: Install the Script

Choose your platform below for detailed installation instructions:

Next.js

Install in Next.js apps (App Router & Pages Router)

React

Install in React and React Router apps

Vue.js

Install in Vue.js and Nuxt apps

WordPress

Install using WordPress plugin or code injection

Webflow

Install in Webflow custom code

Shopify

Install in Shopify theme

HTML/Static

Install in any HTML website

Other Platforms

Wix, Squarespace, Framer, and more

Step 3: Verify Installation

After installing the script:

  1. Visit your website
  2. Look for the tokwork widget (usually appears in the bottom-right corner)
  3. Click to test the social media connection flow

You should see a widget popup allowing visitors to connect their social accounts.

Step 4: Configure Your Campaign

  1. Go to your tokwork dashboard
  2. Set your campaign budget
  3. Configure reward parameters
  4. Customize widget appearance (optional)

That's it! Your widget is now live 🎉

Need Help?

What's Next?