Installation Overview

Notedis works with any website that has HTML. Choose your platform below for detailed installation instructions.

Requirements

  • Any website with HTML (access to add code before closing </body> tag)
  • A Notedis account with a site key
  • That's it! No server-side requirements or dependencies

Installation Platforms

We provide detailed guides for popular platforms:

Website Builders

JavaScript Frameworks

  • React - Create React App, Vite, or any React setup
  • Vue.js - Vue 2 or Vue 3 applications
  • Next.js - App Router and Pages Router

Basic Installation

For most platforms, installation is as simple as copying this code:

<script>
  window.notedisConfig = {
    siteKey: 'your-unique-site-key-here',
    apiUrl: 'https://notedis.com',
    position: 'bottom-right',
    color: '#3B82F6'
  };
</script>
<script src="https://notedis.com/js/widget.js" defer></script>

Where to place the code:

  • Before the closing </body> tag
  • In your site's footer or layout file
  • Using your platform's custom code injection feature

Getting Your Site Key

  1. Log in to your Notedis dashboard
  2. Navigate to Sites
  3. Click on your site or create a new one
  4. Copy the Site Key from the site details

Verification

After installation:

  1. Visit your website
  2. Look for the feedback button (default: bottom-right corner)
  3. Click the button to test
  4. Submit a test feedback
  5. Check your dashboard to confirm it was received

Troubleshooting

If the widget doesn't appear:

  • Verify the site key is correct
  • Check browser console for JavaScript errors
  • Make sure the code is before </body>
  • Try disabling ad blockers or privacy extensions
  • See our Troubleshooting guide

Next Steps

Getting StartedHTML / Static