Skip to main content

Why Is My Instant Inventory Widget Not Displaying Properly on My Website?

Troubleshooting common display issues on Wix, Shopify, and WordPress

Written by Philippa Corrick

If your Instant Inventory diamond widget appears too small, gets cut off, or doesn’t load correctly on your website, the issue is often related to how your website’s code is handling the widget. This guide walks you through how to fix these issues on Wix, Shopify, and WordPress.

Widget Is Too Small on Wix or Shopify

When the widget is placed inside a small container on your site, it may appear too short or get cut off. To fix this, you need to manually set a height in the script code.

How to Fix on Wix

  1. Copy the script from Rapaport Trade: Instant Inventory > Actions > Publish to My Website > Copy Script

  2. In your Wix Editor: Site Action > Edit Site > Click your site name

  3. Edit the HTML element where the script is added.

  4. Add style="height:1200px" after width="100%" in the script.

  5. Save and preview your site.

How to Fix on Shopify

Fix Height on Shopify

If you use the standard Shopify widget, you might get a small widget. That's because the web page is putting the widget in a small ‘container’.

Read on to learn how to fix the height and adjust the width

  1. Copy your widget script from Instant Inventory.

  2. In your Shopify admin: Pages > Edit Page > Show HTML (<> icon)

  3. Add style="height:1200px" after width="100%" in the script.

  4. Save the page and check your site.

Adjust Width on Shopify

  1. Go to the website

  2. Open the Inspect element > make sure you see styles

  3. Hover over the code in the Elements Tab > you may need to expand the code

  4. Expand the HTML code until you see what you are looking for

  5. Select HTML code

    1. When you hover over the code and check your site at the same time, the highlight shows the full container that holds the widget.

    2. Go to the Styles tab and play with the CSS code in the styles block

    3. In our case > container == narrow

  6. Navigate to the themes.css file in Shopify

  7. Find that particular CSS Value

  8. Modify Value and click save

  9. Check your Website

    .

Widget Cut Off on WordPress (or Old Widget Versions)

If the diamond inquiry form is not fully visible:

  • You may need a CSS override to extend the pop-up window height.

  • Add a custom style rule or increase the iframe height within your site’s code editor.

Need Help?

Still stuck? Check out our Rapaport Trade Developer Resources for more detailed implementation guides or contact our support team.

Related Articles
Did this answer your question?