How to Block Rufus Beta Popups on Amazon?

Recently, Amazon introduced a new AI-powered shopping assistant called Rufus Beta, which has been integrated into its website and app. Rufus uses generative AI to help customers by answering questions, providing product recommendations, and offering comparisons. While this feature is intended to improve the shopping experience, many users have found the pop-up distracting or intrusive as it appears during their browsing.

Though Rufus cannot be completely removed since it’s built into Amazon’s system, there are ways to hide or block it from appearing using ad blockers or custom CSS.

Note: This Rufus feature is unrelated to the Rufus Windows USB flashing tool, which is used for creating bootable USB drives.

1. Use Adblocker to Block Rufus

Adblockers not only block ads, but they can also prevent annoying pop-ups that disrupt your browsing experience. To block these pop-ups, simply add a custom filter to your ad blocker, which will trigger as soon as the element appears in the HTML code of the webpage. Follow these steps:

For demonstration purposes, we will use the uBlock Origin ad blocker, but you can use any ad blocker you’re comfortable with.

1. Open uBlock Origin and click the Settings icon to open the Dashboard.
2. Go to My Filters at the top and enter the following lines to block Rufus completely:

   www.amazon.com##.nav-rufus-disco
   www.amazon.com##.nav-rufus-disconav-flyout-rufus
   www.amazon.com##.rufus-view-filler
   www.amazon.com##.rufus-conversation-container-inner
   www.amazon.com##.rufus-conversation-container
   www.amazon.com##.rufus-container-peek-view
   www.amazon.com##.rufus-panel-header-right-section
   www.amazon.com##.rufus-panel-header-content-row
   www.amazon.com##.rufus-panel-header-container
   www.amazon.com##.rufus-container-default-text-style.rufus-container
   www.amazon.com##.nav-rufus-content
   www.amazon.com##.rufus-panel-closed-to-peek.rufus-panel-container

   

3. Once done, reload the page, and all the pop-ups should be gone.

2. Use Custom CSS Code to Block Rufus

Another way to disable the pop-ups is by embedding a simple line of CSS code into the webpage. This will instantly hide Rufus as soon as it appears in the code. While the pop-up will still technically exist on the webpage, you won’t be able to see it since it will be hidden.

To add custom CSS code, you will need to install the Stylus extension on your browser. Without this extension, you will not be able to embed CSS code. Even if you insert the code, it will disappear as soon as you reload the page.

1. Once you’ve installed the extension, open it and select Write a new style for www.amazon.com. 
2. Then, click on amazon.com to open the page where you can add custom CSS code.
3. Now enter the following line of code where it says “/* Insert code here… */”:

   div#nav-flyout-rufus { display: none !important; }

   

4. Once done, click Save from the left, and you should be good to go.

3. Contact Amazon Support

If you want more in-depth information about the Rufus pop-up, you can reach out to Amazon support. Let them know how this pop-up is affecting your browsing experience, and they might be able to help you or provide an official solution. To contact Amazon Support, visit the Amazon support webpage and select the appropriate category to get in touch with them.