# develop custom cards

**URL:** <https://community.hubspot.com/t/develop-custom-cards/14455>\
**Category:** APIs & Integrations\
**Tags:** timeline-and-extensions-apis\
**Created:** [May 21, 2019, 6:26am UTC](https://community.hubspot.com/t/develop-custom-cards/14455 "2019-05-21T06:26:50Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Vaishali](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/vaishali/32/102945_2.png) [@Vaishali](https://community.hubspot.com/u/Vaishali)\
**Post date:** [May 21, 2019, 6:26am UTC](https://community.hubspot.com/t/develop-custom-cards/14455/1 "2019-05-21T06:26:50Z")

</div>

I would like to build a card that surfaces CRM data and displays it on the card so the user can see different relationships at a glance.

---

<div class="post-metadata">

**Author:** ![IsaacTakushi](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/isaactakushi/32/70387_2.png) [@IsaacTakushi](https://community.hubspot.com/u/IsaacTakushi)\
**Post date:** [May 21, 2019, 2:09pm UTC](https://community.hubspot.com/t/develop-custom-cards/14455/2 "2019-05-21T14:09:00Z")

</div>

Welcome, @Vaishali.

[CRM Extensions](https://developers.hubspot.com/docs/methods/crm-extensions/crm-extensions-overview) can surface data from non-HubSpot CRMs and apps, but they cannot display data directly from another HubSpot record.

What kinds of relationships are you hoping to see? Perhaps I can pass this feedback to our CRM team.

---

<div class="post-metadata">

**Author:** ![white](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/white/32/102437_2.png) [@white](https://community.hubspot.com/u/white)\
**Post date:** [October 9, 2019, 7:16pm UTC](https://community.hubspot.com/t/develop-custom-cards/14455/3 "2019-10-09T19:16:20Z")

</div>

How do I “publish” the CRM extension?

We’ve added the integration in the DEV, but apparently we have to “publish” an app to marketplace.

It’s a private integration and should not be exposed to anybody external. How should we go about that?

Thanks.

---

<div class="post-metadata">

**Author:** ![IsaacTakushi](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/isaactakushi/32/70387_2.png) [@IsaacTakushi](https://community.hubspot.com/u/IsaacTakushi)\
**Post date:** [October 9, 2019, 7:34pm UTC](https://community.hubspot.com/t/develop-custom-cards/14455/4 "2019-10-09T19:34:33Z")

</div>

Hi, @white.

Your app doesn’t need to be listed on the [HubSpot App Marketplace](https://ecosystem.hubspot.com/marketplace/apps) to be functional. If it’s meant to be used internally, the only step you need to take is to connect it to the desired accounts via [this OAuth flow](https://developers.hubspot.com/docs/methods/oauth2/oauth2-quickstart).

Did any of our messaging lead you to conclude that you had to list the app on the Marketplace before you could use it?

---

<div class="post-metadata">

**Author:** ![white](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/white/32/102437_2.png) [@white](https://community.hubspot.com/u/white)\
**Post date:** [October 9, 2019, 8:25pm UTC](https://community.hubspot.com/t/develop-custom-cards/14455/5 "2019-10-09T20:25:34Z")

</div>

How do I get that custom CRM properties into the production environment, when I have it on DEV only?

> **[Accounts Dashboard | HubSpot](https://app.hubspot.com/myaccounts?next=developerdocs&redirect=%2Fmethods%2Foauth2%2Foauth2-quickstart)**

---

<div class="post-metadata">

**Author:** ![IsaacTakushi](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/isaactakushi/32/70387_2.png) [@IsaacTakushi](https://community.hubspot.com/u/IsaacTakushi)\
**Post date:** [October 9, 2019, 8:41pm UTC](https://community.hubspot.com/t/develop-custom-cards/14455/6 "2019-10-09T20:41:37Z")

</div>

If you need to create or recreate custom object properties in your production account, you can create them manually or have your app leverage the corresponding object property APIs:

- [Create a contact property](https://developers.hubspot.com/docs/methods/contacts/v2/create_contacts_property)
- [Create a company property](https://developers.hubspot.com/docs/methods/companies/create_company_property)
- [Create a deal property](https://developers.hubspot.com/docs/methods/deals/create_deal_property)
- [Create a ticket property](https://developers.hubspot.com/docs/methods/crm-properties/create-property) (replace `:object_type` in the request URL with `tickets`).

---

<div class="post-metadata">

**Author:** ![white](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/white/32/102437_2.png) [@white](https://community.hubspot.com/u/white)\
**Post date:** [October 9, 2019, 8:46pm UTC](https://community.hubspot.com/t/develop-custom-cards/14455/7 "2019-10-09T20:46:59Z")

</div>

I’m confused. How do I show it on the Contact tab? And have the property appear there?

---

<div class="post-metadata">

**Author:** ![white](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/white/32/102437_2.png) [@white](https://community.hubspot.com/u/white)\
**Post date:** [October 9, 2019, 8:51pm UTC](https://community.hubspot.com/t/develop-custom-cards/14455/8 "2019-10-09T20:51:38Z")

</div>

On the doc, it says with CRM extension, it would call that every time the contact is opened.  
How do I make that call on my production account?

---

<div class="post-metadata">

**Author:** ![IsaacTakushi](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/isaactakushi/32/70387_2.png) [@IsaacTakushi](https://community.hubspot.com/u/IsaacTakushi)\
**Post date:** [October 9, 2019, 9:00pm UTC](https://community.hubspot.com/t/develop-custom-cards/14455/9 "2019-10-09T21:00:06Z")

</div>

Hi, @white.

To get your CRM extension (card) to appear on a contact record in your production account, your app must first be installed in your production account.

To install your app in your production account, it does _not_ need to be listed on the App Marketplace but you _do_ have to complete the [OAuth connection flow](https://developers.hubspot.com/docs/methods/oauth2/oauth2-quickstart) manually (i.e. without clicking a **Connect** button on the Marketplace).

Thus far, I have interpreted your statement “We’ve added the integration in the DEV” as meaning you have already connected your app to a [HubSpot developer test account](https://developers.hubspot.com/docs/faq/how-do-i-create-a-test-account) by completing the OAuth connection flow.

It’s important to note that a _developer_ _test account_ is different than the [parent] _developer account_ where your app settings live. An app living in the **Apps** tab of a parent developer account will not do anything unless it is connected to either a production or developer test account through the OAuth connection flow.

Please let me know if I have misunderstood your situation or goal.

---

<div class="post-metadata">

**Author:** ![kaleemmolani](https://avatars.discourse-cdn.com/v4/letter/k/7c8e57/32.png) [@kaleemmolani](https://community.hubspot.com/u/kaleemmolani)\
**Post date:** [November 17, 2020, 10:47am UTC](https://community.hubspot.com/t/develop-custom-cards/14455/10 "2020-11-17T10:47:50Z")

</div>

just to make integration process easy you can go to [hubsapi](https://hubsapi.herokuapp.com/) and to get step by step instruction you can follow this [blog](https://hubsapi.herokuapp.com/blog)

this link can help you to integrate your hubspot app to your hubspot Account

---

<div class="post-metadata">

**Author:** ![sejal\_parikh](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sejal_parikh/32/41764_2.png) [@sejal\_parikh](https://community.hubspot.com/u/sejal_parikh)\
**Post date:** [June 29, 2022, 6:59pm UTC](https://community.hubspot.com/t/develop-custom-cards/14455/11 "2022-06-29T18:59:45Z")

</div>

Hello! I work with Hubspot as a product manager, and currently looking into use cases for UI Extensibility for Hubspot portals.

We are looking to invite Enterprise customers and partners for the upcoming private beta (July 14). This beta enables developers to extend Hubspot’s UI for their business use cases, on multiple extension points - beginning with the CRM records page right side panel and a new middle panel tab. Developers can create new CRM cards and card apps with UI components, deploy and host them on the Hubspot platform using serverless functions. These tools involve using a new developer home, development sandboxes, developer projects, private apps, and a growing library of components.

If you are interested in participating in this beta, please fill out this form, or message me: [Extend Hubspot's UI with Developer Tools](https://forms.gle/5KMV1UUkDHRY58Wv6). If you cannot participate in the beta but still want to chat about it, that’s great too!

Thank you!
