> ## Documentation Index
> Fetch the complete documentation index at: https://docs.gocertify.me/llms.txt
> Use this file to discover all available pages before exploring further.

# Visibility toolkit

> Start building loyal communities with targeted, gated offers.

The OSM visibility toolkit lets you control exactly when and where your offers are displayed to shoppers. There are six fundamental types of visibility rules.

<AccordionGroup>
  <Accordion title="Path" icon="link">
    Input plain text to match the path ([https://secure.gocertify.me/](https://secure.gocertify.me/) `this/is/the/path`) you want to show/hide the OSM. Use regex for more complex rules. If you add multiple paths
    within one rule, the offer will be displayed if the shopper navigates to any of the paths (i.e path1 OR path2).

    <Frame>
      <img src="https://mintcdn.com/gocertify-db9cc6b8/XUb6vbj2nTBva5Hn/images/osm/visibility-rule-path.png?fit=max&auto=format&n=XUb6vbj2nTBva5Hn&q=85&s=c1c18de78d85cccc453245221e55bca2" alt="Path rule" width="50%" style={{ borderRadius: '0.5rem' }} data-path="images/osm/visibility-rule-path.png" />
    </Frame>
  </Accordion>

  <Accordion title="Date" icon="calendar-days">
    Select a start and end date for when the offer should be displayed.

    <Frame>
      <img src="https://mintcdn.com/gocertify-db9cc6b8/XUb6vbj2nTBva5Hn/images/osm/visibility-rule-date.png?fit=max&auto=format&n=XUb6vbj2nTBva5Hn&q=85&s=f9c324170183f3945cece755bd6a7695" alt="Date rule" width="50%" style={{ borderRadius: '0.5rem' }} data-path="images/osm/visibility-rule-date.png" />
    </Frame>
  </Accordion>

  <Accordion title="Time" icon="clock">
    Select a start and end time for when the offer should be displayed. This will be recurring on every day of the week.

    <Frame>
      <img src="https://mintcdn.com/gocertify-db9cc6b8/XUb6vbj2nTBva5Hn/images/osm/visibility-rule-time.png?fit=max&auto=format&n=XUb6vbj2nTBva5Hn&q=85&s=3fcb7b683cc5ded04f9ff8196c07aeeb" alt="Path rule" width="50%" style={{ borderRadius: '0.5rem' }} data-path="images/osm/visibility-rule-time.png" />
    </Frame>
  </Accordion>

  <Accordion title="Price" icon="money-check-dollar">
    Select a minimum/maximum/exact price for when the offer should be displayed.

    <Frame>
      <img src="https://mintcdn.com/gocertify-db9cc6b8/XUb6vbj2nTBva5Hn/images/osm/visibility-rule-price.png?fit=max&auto=format&n=XUb6vbj2nTBva5Hn&q=85&s=ff58047a926d2a95cf23492b2f4afb19" alt="Path rule" width="50%" style={{ borderRadius: '0.5rem' }} data-path="images/osm/visibility-rule-price.png" />
    </Frame>
  </Accordion>

  <Accordion title="Dwell Time" icon="unlock-keyhole">
    Display the offer based on how long the shopper has spent on the page.

    <Frame>
      <img src="https://mintcdn.com/gocertify-db9cc6b8/XUb6vbj2nTBva5Hn/images/osm/visibility-rule-dwell-time.png?fit=max&auto=format&n=XUb6vbj2nTBva5Hn&q=85&s=e707a6749a9f25575dcd0ee2f7f5caf2" alt="Path rule" width="50%" style={{ borderRadius: '0.5rem' }} data-path="images/osm/visibility-rule-dwell-time.png" />
    </Frame>
  </Accordion>

  <Accordion title="Script" icon="code">
    Display this placement based on data from your DataLayer or any other source that can be accessed via JavaScript.

    <Frame>
      <img src="https://mintcdn.com/gocertify-db9cc6b8/3Nyd4KXY-0b5fiXJ/images/osm/osmScriptVisibilityRule.png?fit=max&auto=format&n=3Nyd4KXY-0b5fiXJ&q=85&s=c4158ac3c2df358196f4263ce08126af" alt="Path rule" width="50%" style={{ borderRadius: '0.5rem' }} data-path="images/osm/osmScriptVisibilityRule.png" />
    </Frame>
  </Accordion>
</AccordionGroup>

## Popular Visibility Rule Use Cases

You can add up to 30 rules to a placement to combine these rules to match your campaign objectives. All rules need to be met for the offer to be displayed.

<img src="https://mintcdn.com/gocertify-db9cc6b8/XUb6vbj2nTBva5Hn/images/osm/visibility-rule.png?fit=max&auto=format&n=XUb6vbj2nTBva5Hn&q=85&s=270e6a49b89f4c4eff429a7fed65814f" alt="Setting visibility rules" style={{ borderRadius: '0.5rem' }} width="3018" height="1892" data-path="images/osm/visibility-rule.png" />

<AccordionGroup>
  <Accordion title="Only show on staging" icon="hammer">
    Set a path rule for `path` `contains` `?my_oms_test=true`. Manually add this query to the end of the URL in staging
  </Accordion>

  <Accordion title="Only show on certain products" icon="rectangle-list">
    Create a path rule for `path` `contains` `category/product`. Placement will only show when for items within that category.
  </Accordion>

  <Accordion title="Don't show on sale items" icon="clipboard-list">
    Create a path rule for `path` `does not contain` `sale` or `discount`.

    Alternatively leverage the CSS selector to anchor inline placements to an element that only shows on non-sale products.
  </Accordion>

  <Accordion title="Only show on to users in certain countries" icon="earth-americas">
    Reach out to your account manager to enable this feature. Placement will only show when to shoppers with IPs from that country.
  </Accordion>
</AccordionGroup>
