Adding Info Button to Cards Linking to External Site

My team wants to enhance user experience by adding an "info" button (or icon) to each card. Ideally, when users click this button, it would open a link to an external site that contains additional documentation or context related to the data in that card.

I've explored some of the card and dashboard customization options but haven't found a clear way to do this. Is it possible to add an external link button or icon directly on a card?

Answers

  • A couple of options:
    1. Utilize the card description. This is what we use to explain each card in detail on my team. It doesn't require any extra clicking and is right above the chart, which leads to a greater likelihood of it actually being read by users.
    2. Change the card action for the card on a dashboard or app. Instead of filter interactions or drill down, change the card action to link to open URL

    Screenshot 2025-05-30 at 8.23.32 AM.png

    3. My least favorite option would be to add a link in the card description that users copy and paste to external documentation. Not a great user experience and I think options 1 and 2 would be better.

    If I solved your problem, please select "yes" above

  • There are several ways you can add buttons. You said - to a card, rather than a dashboard. You can put a button on an app and set the card in the app. But not on the card directly - except for putting a link or something in the card such as a link in a table. I don't think I've seen a way to put a link in smart text like on a headline. If someone has a way, please comment.

    <a href="https://your-website.com" target="_blank">My Link</a>

    You can use a DDX brick and put links anywhere you want. Since a brick is basically a web page as a card using html, css, and javascript.

    <div style="display: flex; justify-content: space-between; align-items: center; padding: 10px;">
    <div>
    <h2>Sales Total</h2>
    <p>$2,450,000</p>
    </div>
    <div>
    <a href="https://your-website.com/sales" target="_blank" title="More Info">My Link</a>
    </div>
    </div>

    On an app, just place it on the app. In this example, my Domo logo graphic is the link back to my instance (home).

    image.png

    ** Was this post helpful? Click Agree or Like below. **
    ** Did this solve your problem? Accept it as a solution! **