Wix Installation

Learn how to install the Notedis feedback widget on your Wix website.

Prerequisites

  • Active Wix website
  • Wix Premium plan (required for custom code)
  • Notedis account with site key

Note: Custom code requires a Wix Premium plan. Free Wix sites cannot add custom JavaScript.

Installation Steps

Step 1: Get Your Site Key

  1. Log in to your Notedis dashboard
  2. Navigate to Sites
  3. Click the Edit button on your site (or create a new one)
  4. Copy your Site Key (starts with site_)

Step 2: Access Wix Custom Code

  1. Log in to your Wix account
  2. Open your site in the Wix Editor
  3. Click Settings in the left sidebar
  4. Scroll down and click Custom Code under Advanced
  5. Click + Add Custom Code at the top

Step 3: Add Notedis Widget Code

In the Add Custom Code panel:

  1. Paste this code snippet:
<!-- Notedis Feedback Widget -->
<script>
  window.notedisConfig = {
    siteKey: 'YOUR_SITE_KEY_HERE',
    apiUrl: 'https://notedis.test',
    position: 'bottom-right',
    color: '#3B82F6'
  };
</script>
<script src="https://notedis.test/js/widget.js" defer></script>
  1. Replace YOUR_SITE_KEY_HERE with your actual site key from Step 1
  2. Name your code: Enter "Notedis Feedback Widget" in the name field
  3. Select "All Pages" under "Add Code to Pages"
  4. Select "Body - end" for code placement
  5. Click Apply

Step 4: Publish Your Site

  1. Click Publish in the top-right corner of the Wix Editor
  2. Wait for your site to publish
  3. Visit your live site
  4. Look for the feedback button in the bottom-right corner

Configuration Options

Customize the widget by modifying the notedisConfig object:

Position

Choose where the button appears:

window.notedisConfig = {
  siteKey: 'YOUR_SITE_KEY_HERE',
  apiUrl: 'https://notedis.test',
  position: 'bottom-right', // Options: bottom-right, bottom-left, top-right, top-left
  color: '#3B82F6'
};

Button Color

Match your brand colors:

window.notedisConfig = {
  siteKey: 'YOUR_SITE_KEY_HERE',
  apiUrl: 'https://notedis.test',
  position: 'bottom-right',
  color: '#FF6B35' // Any hex color code
};

See Configuration for all available options.

Wix-Specific Considerations

Wix Premium Plan Required

Free Plan Limitations:

  • Cannot add custom code
  • Cannot use third-party widgets
  • Must upgrade to Premium plan

Premium Plans That Support Custom Code:

  • Combo
  • Unlimited
  • VIP
  • Business Basic and above

Wix ADI Sites

If you created your site with Wix ADI (Artificial Design Intelligence):

  1. You need to switch to the Wix Editor
  2. Go to Settings → Site Info
  3. Click Switch to Wix Editor
  4. Follow the standard installation steps above

Warning: Switching to Wix Editor is permanent and cannot be undone.

Wix Loading Behavior

Wix sites use AJAX navigation, which means:

  • The widget loads once and persists across page changes
  • No special configuration needed
  • Widget automatically adapts to Wix's navigation

Verification

Test the Widget

After installation:

  1. Visit your live Wix site (not the editor preview)
  2. Look for the feedback button in the corner you specified
  3. Click the button to open the feedback modal
  4. Submit a test feedback
  5. Check your Notedis dashboard to confirm it appears

Troubleshooting Installation

Widget Not Appearing:

  1. Verify Premium Plan
    • Confirm your Wix plan supports custom code
    • Free plans cannot use custom JavaScript
  2. Check Code Placement
    • Ensure code is in "Body - end" position
    • Verify code is applied to "All Pages"
  3. Verify Site Key
    • Double-check your site key is correct
    • No extra spaces or quotes around the key
  4. Clear Cache
    • Clear your browser cache
    • Try in incognito/private mode
    • Hard refresh: Ctrl+F5 (Windows) or Cmd+Shift+R (Mac)
  5. Check Browser Console
    • Open browser developer tools (F12)
    • Look for JavaScript errors in console
    • Common issues: CORS errors, 404 errors
  6. Verify Site is Published
    • Changes only appear on published site
    • Editor preview won't show custom code
    • Publish site and test on live URL

Common Wix Issues

Issue: Code Removed After Site Edit

Symptom: Widget disappears after editing site in Wix Editor.

Solution:

  • This shouldn't happen with custom code
  • Go to Settings → Custom Code to verify code is still there
  • If missing, re-add the code snippet
  • This may occur if you restored a backup or duplicated the site

Issue: Widget Appears Multiple Times

Symptom: Multiple feedback buttons appear on the page.

Cause: Code added multiple times in Custom Code section.

Solution:

  1. Go to Settings → Custom Code
  2. Look for duplicate Notedis code entries
  3. Delete the duplicates, keep only one
  4. Publish your site

Issue: Widget Conflicts with Wix Chat

Symptom: Widget and Wix Chat overlap in same corner.

Solution:

  • Change widget position to different corner:
position: 'bottom-left' // If Wix Chat is on bottom-right

Advanced Configuration

Hide on Specific Pages

If you want to exclude the widget from certain pages:

  1. In Custom Code settings, change "All Pages" to "Choose Pages"
  2. Select only the pages where you want the widget
  3. Click Apply

Custom Styling for Wix Theme

Match the widget to your Wix theme:

window.notedisConfig = {
  siteKey: 'YOUR_SITE_KEY_HERE',
  apiUrl: 'https://notedis.test',
  position: 'bottom-right',
  color: '#FF6B35' // Match your Wix theme colors
};

Mobile Responsiveness

The Notedis widget is fully responsive and works on:

  • Wix mobile sites
  • Wix mobile apps
  • Tablet views
  • All screen sizes

The widget automatically:

  • Adjusts size for mobile screens
  • Repositions if needed
  • Maintains touch-friendly button size
  • Adapts modal to viewport

Wix Performance Impact

Widget Performance:

  • Loads asynchronously with defer attribute
  • No impact on Wix page load speed
  • Minimal JavaScript payload
  • Won't affect Wix SEO scores

Best Practices:

  • Widget loads after page content
  • Doesn't block Wix page rendering
  • Safe to use on all Wix sites

Removing the Widget

To remove the Notedis widget from your Wix site:

  1. Go to Settings in Wix Editor
  2. Click Custom Code
  3. Find "Notedis Feedback Widget"
  4. Click the trash icon to delete
  5. Click Publish to apply changes

The widget will be removed from your live site immediately.

Support for Wix Users

Getting Help

Common Resources:

Need More Help?

  • Email: [email protected]
  • Include your Wix site URL
  • Mention your Wix plan type
  • Describe the issue with screenshots

Next Steps

Wix Plan Comparison

Feature Free Plan Premium Plans
Custom Code ❌ ✅
Notedis Widget ❌ ✅
Third-party Apps Limited ✅
Remove Wix Ads ❌ ✅

Recommendation: Upgrade to at least the Combo plan to use Notedis on your Wix site.

WebflowSquarespace