# Adding button or clickable link to a contact record card

**URL:** <https://community.hubspot.com/t/adding-button-or-clickable-link-to-a-contact-record-card/124274>\
**Category:** APIs & Integrations\
**Tags:** contacts\
**Created:** [January 17, 2025, 9:33pm UTC](https://community.hubspot.com/t/adding-button-or-clickable-link-to-a-contact-record-card/124274 "2025-01-17T21:33:26Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![AlanGrace](https://avatars.discourse-cdn.com/v4/letter/a/e9bcb4/32.png) [@AlanGrace](https://community.hubspot.com/u/AlanGrace)\
**Post date:** [January 17, 2025, 9:33pm UTC](https://community.hubspot.com/t/adding-button-or-clickable-link-to-a-contact-record-card/124274/1 "2025-01-17T21:33:26Z")

</div>

Im looking to add a button or a clickable link within a contact record - behind the button I want it to have a URL which is a specific string concatonated with the Content record id.

So for example when I click on the button it will go to https:myurl.com/?[Record ID]

If a button isnt possible then a regular link as text would do where I can decide what the text says and then have it use that same url structure where it should populate the [Record ID] part with that of the contact record it is on.

Right now I have it working off a property in the About This Contact Card (see below) but the little green open in a new window icon that triggers the URL is super small and not very user friendly for what I need - I need a big old button or URL that the user can see on a card and click on

![lead-convert.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/6/6983bd5b5296db8c5e624ecdadcf5e15fd3a458d.png)

Any ideas on how to do this in any of the recent updates or changes that came out?

---

<div class="post-metadata">

**Author:** ![RSchweighart](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/rschweighart/32/28924_2.png) [@RSchweighart](https://community.hubspot.com/u/RSchweighart)\
**Post date:** [January 17, 2025, 9:47pm UTC](https://community.hubspot.com/t/adding-button-or-clickable-link-to-a-contact-record-card/124274/2 "2025-01-17T21:47:09Z")

</div>

Hi @AlanGrace,

There’s a way to put a URL button in the center, but it’s a static URL, which it doesn’t sound like would work for your use case.

Here’s how to add the URL button in case it’s helpful:

 ![Record Customization 2025-01-17 at 1.40.34 PM.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/6/3/63564cd2ae63ddb7d33abc43beda2ff418df14b0.jpeg)

 ![Page editor 2025-01-17 at 1.42.19 PM.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/2X/3/342fb061a101d20a8d3a492d59d4d59e424f620f.jpeg)

 ![Page editor 2025-01-17 at 1.43.18 PM.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/2X/7/7b4fa26f2a3c2b3c1854d12c1e736a326053cbd3.jpeg)

All the Best,

_ **Ryan Schweighart** _

Whole Hart Impact, LLC

[whimpact.co](http://www.whimpact.co)

_I help businesses with HubSpot and Zapier._

---

<div class="post-metadata">

**Author:** ![AlanGrace](https://avatars.discourse-cdn.com/v4/letter/a/e9bcb4/32.png) [@AlanGrace](https://community.hubspot.com/u/AlanGrace)\
**Post date:** [January 17, 2025, 10:28pm UTC](https://community.hubspot.com/t/adding-button-or-clickable-link-to-a-contact-record-card/124274/3 "2025-01-17T22:28:29Z")

</div>

Thanks Ryan - good to know this is there but I agree this probably wont work if its just a static URL as I would need to append the record ID to the static part of the URL I want to use.

---

<div class="post-metadata">

**Author:** ![zach\_threadint](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/zach_threadint/32/46318_2.png) [@zach\_threadint](https://community.hubspot.com/u/zach_threadint)\
**Post date:** [January 17, 2025, 9:56pm UTC](https://community.hubspot.com/t/adding-button-or-clickable-link-to-a-contact-record-card/124274/4 "2025-01-17T21:56:33Z")

</div>

Hi @AlanGrace 👋

This could be achieved reasonably easily by using [HubSpot’s UI Extensions feature](https://developers.hubspot.com/docs/guides/crm/ui-extensions/overview). You’d likely want to use [the “Button” component](https://developers.hubspot.com/docs/reference/ui-components/standard-components/button). Using this feature would allow you to customise HubSpot’s UI -- adding your button to either the right sidebar or centre panel of a CRM record view.

Please note that at least 1 Enterprise Hub subscription is currently required in order to use this feature within HubSpot Private Apps.

I hope this helps. Please let me know if you have any follow-up questions.

---

<div class="post-metadata">

**Author:** ![AlanGrace](https://avatars.discourse-cdn.com/v4/letter/a/e9bcb4/32.png) [@AlanGrace](https://community.hubspot.com/u/AlanGrace)\
**Post date:** [January 17, 2025, 10:43pm UTC](https://community.hubspot.com/t/adding-button-or-clickable-link-to-a-contact-record-card/124274/5 "2025-01-17T22:43:17Z")

</div>

Hi Zach,

Thanks - yeah I had added that as something I had stumbled across after I initially posted and it does seem to be the best way to approach it. I have access to Sales Hub Enterprise on the account so I think that covers that requirement. Then I just need to see if I can pass in the Record ID of the particular contact that the button is on as part of the URl but it looks like you can access properties so it should be doable.

---

<div class="post-metadata">

**Author:** ![AlanGrace](https://avatars.discourse-cdn.com/v4/letter/a/e9bcb4/32.png) [@AlanGrace](https://community.hubspot.com/u/AlanGrace)\
**Post date:** [January 17, 2025, 10:00pm UTC](https://community.hubspot.com/t/adding-button-or-clickable-link-to-a-contact-record-card/124274/6 "2025-01-17T22:00:18Z")

</div>

It seems that this may be doable using the new UI Extensions - anyone tried it and know if its possible?

> **[Understanding the CRM APIs - HubSpot docs](https://developers.hubspot.com/docs/api-reference/latest/crm/understanding-the-crm)**
>
> HubSpot’s CRM is a system for managing customer relationships and data. Learn about objects and the related CRM APIs.

> **[Accounts Dashboard | HubSpot](https://app.hubspot.com/myaccounts?next=developerdocs&redirect=%2Fapps%2Fdeveloper-platform%2Fadd-features%2Fui-extensibility%2Fui-components%2Fstandard-components%2Fbutton)**
