Skip to main content

Widget Not Showing

If you have added the EquipDash booking widget to your website but it is not appearing — or it appears but does not work correctly — this guide will walk you through the most common causes and how to fix them.

The Widget Does Not Appear at All​

1. Check That the Embed Code Is Correct​

The most common reason a widget fails to load is an incomplete or incorrectly placed embed code.

  1. In EquipDash, go to Settings and select Booking widget.
  2. Scroll down to the Embed options section and select the tab for the type of content you want to embed (Rentals, Experiences, or Store).
  3. Under Option A - Embed as iFrame on your website, click Copy code.
  4. On your website, open the page source or your site editor and find where you pasted the code.
  5. Compare what is on your site with what you just copied. Make sure nothing is missing or altered.
  6. The embed code should be placed inside the <body> section of your page — not inside the <head>.
tip

If you use a website builder like WordPress, Wix, or Squarespace, make sure you are pasting the code into an HTML or Custom Code block — not a regular text block. Regular text blocks will display the code as visible text instead of running it.

2. Check for Ad Blockers or Browser Extensions​

Some ad blockers and privacy extensions block third-party scripts from loading, which can prevent the widget from appearing.

  1. Try opening your website in an incognito or private browsing window (this disables most extensions by default).
  2. If the widget shows up in incognito mode, an extension is likely the cause.
  3. Try disabling extensions one by one to find the culprit, or ask your customers to whitelist your domain.

3. Check for JavaScript Errors​

If something on your website is causing a JavaScript error before the widget loads, it can prevent the widget script from running.

  1. Open your website in Chrome.
  2. Press F12 (or right-click the page and select Inspect) to open Developer Tools.
  3. Click the Console tab.
  4. Look for any red error messages. If you see errors referencing the EquipDash widget script, take a screenshot and send it to support.

4. Check for Content Security Policy (CSP) Headers​

If your website uses Content Security Policy headers, the browser may block the widget script from loading.

  1. Open Developer Tools in your browser (press F12).
  2. Go to the Console tab.
  3. Look for messages that say something like "Refused to load the script" or "Blocked by Content-Security-Policy".
  4. If you see these messages, you or your web developer will need to add EquipDash to your CSP whitelist.

Add the following domains to your Content Security Policy:

script-src: https://*.equipdash.com
frame-src: https://*.equipdash.com
connect-src: https://*.equipdash.com
style-src: https://*.equipdash.com
warning

Editing Content Security Policy headers is a technical task. If you are not comfortable making these changes yourself, share this information with your web developer or hosting provider.

5. Check for CORS Errors​

Cross-Origin Resource Sharing (CORS) issues can sometimes prevent the widget from communicating with EquipDash servers.

  1. Open Developer Tools (F12) and go to the Console tab.
  2. Look for messages mentioning "CORS" or "Access-Control-Allow-Origin".
  3. CORS errors on the EquipDash side are rare — if you see one, please contact support with a screenshot so we can investigate.

Widget Loads but Shows No Products or Experiences​

If the widget frame appears on your page but the inside is empty or says there is nothing to book, check the following:

  1. Make sure your products or experiences are active. Go to Rentals > Products (or Experiences) in EquipDash. Click on an item to open its detail page and confirm the Status is set to Active.
  2. Check that pricing is configured. A product or experience without any pricing will not appear in the widget. On the product detail page, check the Product Price Structure section to verify that a price is set.
  3. Check the Embed tab. Open the product or experience detail page and click the Embed tab. Ensure the item is configured to appear in the widget.

Widget Appears but Looks Broken or Unstyled​

If the widget loads but the layout looks wrong, fonts are missing, or colors are off:

  1. Check for CSS conflicts. Your website's stylesheets may be overriding the widget's styles. Open Developer Tools, click on a widget element, and see if any of your site's CSS rules are being applied to it.
  2. Make sure the widget container has enough width. The widget needs at least 320px of width to render properly. If it is inside a very narrow column or sidebar, try moving it to a wider area.
  3. Clear your browser cache. An outdated cached version of the widget CSS can cause display problems. Press Ctrl + Shift + R (Windows/Linux) or Cmd + Shift + R (Mac) for a hard refresh.

Customers See "No Availability" When Slots Should Exist​

If customers report that the widget says nothing is available, even though you know there are open slots:

  1. Check your timezone settings. Verify your timezone is correct in your business settings. If the timezone is wrong, the widget may be looking at the wrong dates.
  2. Check availability and schedules. For rentals, confirm you have enough inventory for the requested dates. For experiences, confirm you have availability slots set up on the relevant dates.
  3. Check for booking conflicts. Existing bookings reduce available inventory. Open the Calendar to see if the time slots are already fully booked.
  4. Check blackout dates. If you have set any blackout dates on a product or experience, those dates will show as unavailable in the widget.
tip

The Check Availability tool inside EquipDash lets you see exactly what a customer would see for a given date range. Use it to verify availability from the supplier side.

Still Not Working?​

If you have worked through all the steps above and the widget still is not showing, please contact support. Include the following information to help us investigate quickly:

  • Your EquipDash business name
  • The URL of the page where the widget should appear
  • A screenshot of any error messages in the browser console
  • The browser and device you are using (e.g., Chrome on Windows, Safari on iPhone)