Transcript for:
Enhancing HubSpot with UI Extensions

customizing the CM record page to give your users the right information at the right time is the key for having a productive scalable business HubSpot is here to help with its developer tools built to bring relevant information to the main record page with UI extensions with UI extensions you can visualize and interact with data from HubSpot and external systems or even create custom business processes for examp example you can create a custom card that gives free meal vouchers from participating restaurants to your contacts if they meet certain criteria you can even personalize the cards to include your contacts name and any other information making the possibilities for UI extensions endless to keep your cards organized you can display them in the middle column tab so pertinent information and tasks are front and center or you can add them to the right side bar if they don't need as much daily interaction UI extensions are supported on standard and custom object record pages to get started use HubSpot CLI to create a new project or download the example cards to speed up your development process then configure the custom cards with react front end and sess functions as back end call pre-build react components to add buttons text tables steps and much more after that use serverless functions to fetch HubSpot all external data and perform custom functions by leveraging hubspot's growing library of react components you can create a functional card quickly you can also manage the layout of UI components with flex and box components which are inspired by CSS flexbox check out the developer documentation for the list of all the available components you can develop locally through the CLI using HS project Dev in the terminal if you would like to code in your preferred code editor and see your changes in real time you can then run HS project upload to deploy it directly into your hopspot account and after that you will be able to navigate to the record page to view your custom card it's really that fast to start building and extending the power of your hopspot account and by using react as front end you can code in a familiar language to get your card up and running very quickly check the documentation quick start guide and our GitHub reposit of sample projects to get started thank you for [Music] listening