All Collections
Setting Up DubBot (for Administrators)
Sites
Remove Banner or Popup Content from Page Previews
Remove Banner or Popup Content from Page Previews

Close content sections for full websites inventoried in DubBot.

Updated yesterday

Many websites have content sections that may make quality assurance tedious when trying to navigate and preview multiple inventoried webpages. This can pertain to Cookie notifications, Survey popups, Alert messages, etc.

Administrators can configure inventoried sites to close these content sections automatically within DubBot. Note, this is a little advanced. Feel free to contact us for help with this item. We can also apply the appropriate settings across your account at once.

Finding the Settings

  1. Select Settings from the top navigation

  2. Select the Site from the Site list where the content needs to be closed.

  3. In the Site Settings panel, select the Advanced tab.

  4. Option 1: Enter a CSS path for the element that will trigger the close event for the content section in the Selector to click on page load text field.

  5. Option 2: Enter the CSS selector for the element you want to close in the Selector to remove matching elements from cached page text field.

1. Settings button in top nav highlighted 2. Site Name highlighted in Name column of Manage Sites panel.

Site Settings panel with the Advanced tab button highlighted, and the Selector text fields are highlighted.

Selector to click on page load

Entries in this field produce a click action, which can be useful for expanding accordions or accepting cookies' terms of use.

Selector to remove matching elements from a cached page

To remove an element from the page to enhance the page preview experience where a JavaScript click action will not remove the content that may be making the page hard to view.

Commonly used for:

  • Cookie consent banners

  • Loader icons that do not close out on their own

  • Chat boxes that take up space or cover important page elements

  • Modals and overlays that appear over pages.

Find the CSS Selector

To find the CSS selector for entering in this field, open a webpage with the content needing to be closed. Inspect Element on the corresponding Close button (sometimes an "X") for the content section. For many browsers, Inspect Element will be accessed by right-clicking on the element and choosing from the menu that appears.

Once the Close element is highlighted in the source code, navigate to the copy submenu (usually via another right-click). Select the Copy CSS Selector . The copied selector may look something like the following: div#popup > button.alert-close or .alert-close.

Note: the CSS selector provided using this Copy method may be more detailed than necessary. Selectors for closing out these content sections are highly specific to website implementation. Technical administrators with an understanding of HTML and CSS may be able to simplify the selector input by referencing just the ID or class of the Close element.

Information on other advanced settings can be found in the Advanced Settings for Sites help article.

If you have questions, please contact our DubBot Support team via email at help@dubbot.com or via the blue chat bubble in the lower right corner of your screen. We are here to help!

Did this answer your question?