Developer Community Lightning Talks @INBOUND24

Hi everyone. They said be loud. We're starting in one minute. Oops. You can stand here together.

Hello.

Hello, Internet. Can everyone who wants to stick around make some room for.

Around?

It doesn't mean leave, just means open up your, your seat, your space and get cozy with each other.

Using the Search API. So it's a single query. You can search across contacts, companies, deals, whatever object in HubSpot, you can search across it and you can search across their association. You can also use filter, sort, offset and limit in your GraphQL queries. Not all HubSpot APIs allow for filter, sort, offset and limit. All GraphQL queries allow for that. So it is a pretty special, it's a pretty special benefit. Instead of API rate limits, you actually have GraphQL score limits. So they're calculated differently. So where usually you have to deal with your 4 second rate limit in the search API, you don't have to deal with that same exact thing in the GraphQL API. It actually benefits you massively. So if you build a really efficient query, you can send it half a million times over a single day, period, and never have to worry about a thing. And you're only sending one request instead of 80 requests at times. Lastly, the GraphQL editor is absolutely amazing. It's a UI to build out your queries, to test your queries, to discover what properties are available across the objects, and all of that other fun stuff. So it's an excellent editor that they've built. Okay. And I thought I had one more slide to talk about why you don't want to use GraphQL. I think I nicked that one. The only reason you would not use GraphQL is. Okay, don't tell them. Don't tell him you don't want to use GraphQL. There's no way to write data into HubSpot with GraphQL. You also can't update data. So if you need to write data and update data, probably don't use GraphQL. But that's why we have the excellent batch upsert APIs. The batch edit APIs, the batch insert APIs, they're all excellent APIs. Use those APIs to batch, upsert, batch update, batch edit, batch create, and all that fun stuff. I'm going to pass it back to sj or actually we might be running straight to Anton. Anton, take it over from here.

Thanks, Carter. One sec. Okay, so, thank you and. Oh, I'm sorry. Okay, so. Hey everybody. What? Laura? Okay, so I'm Anand Buonowski. I'm the founder of Graphispot. Pretty new company, I would say. And previously I worked for several partners and focused on theme development. So just a question, who has modified or created a theme previously? Raise your hand. Awesome. I want to see it. So tell me who felt something like that during the creation of the theme? Right. Okay, great. Something that I want to show you is theme development can be something like this, right? So you get to the ultra instinct, like the most powerful form and how to achieve such an approach. Right. And something that I'm using quite often basically for the last year is called the atomic design mythology. So if you're not familiar with that, and you might be familiar with react components or island development, it's basically the same. If you're not familiar with that, imagine it like Lego blocks that you are just putting together and they're coming and in the end you will get a structure, whatever it might be. And from my experience there is no only this approach is right and what you do is wrong. So always adapted to your requirements, adapted to the thing that you do. And yeah, so what is atomic design? Basically there are only five blocks that you have to think about. The smallest ones are atoms, which you can see as or use for variables and themes. Then once you combine several modules together, they become a molecule. So that might be macros, variable objects and variable arrays and just larger parts. Right. And from molecules, the next evolution step are organisms. So organisms are basically standalone things or elements of your theme. And the best example for that are modules. Right. And then out of organisms you are building templates. And great example for templates, obviously page templates or templates of all sorts, global partials and modules. So modules can be seen as templates as well.

Because.

Yeah, you as a developer, you don't have to put real content into a module. You can stay with Lorem, ipsum, placeholder images, whatever. And last but not least the pages. So yeah, a few examples for that. So those are atoms from something that I've. So what I'm using on my personal website. So I'm creating variable objects here and in this case they are just desktop, mobile and tablet fonts. And at the bottom, like an example for a simple variable.

Serverless function, hit and it will return it to your CRM card. I mean I literally 3 minutes over 30 to 40.1 API call one endpoint, a lot of problems and I have this slide in here. Don't believe me? We'll do a live demo. Find me afterwards. We will still do a live demo. It's just not going to be on screen. So it's a little less pressure. So I am thankful for that. Let's dig into a couple more of the benefits of GraphQL. You can query across objects and associations. What that means is say you want to grab a company and you also want to get all the associated contacts. That's a single query versus grabbing the company using the search API and then all the contacts using the search API. So it's a single query. You can search across contacts, companies, deals, whatever object in HubSpot, you can search across it and you can search across their association. You can also use filter, sort, offset and limit in your GraphQL queries. Not all HubSpot APIs allow for filter, sort, offset and limit. All GraphQL queries allow for that. So it is a pretty special, it's a pretty special benefit. Instead of API rate limits, you actually have GraphQL score limits. So they're calculated differently. So where usually you have to deal with your 4 second rate limit in the search API, you don't have to deal with that same exact thing in the GraphQL API. It actually benefits you massively. So if you build a really efficient query, you can send it half a million times over a single day, period, and never have to worry about a thing. And you're only sending one request instead of 80 requests at times. And lastly, the GraphQL editor is absolutely amazing. It's a UI to build out your queries to, to test your queries to discover what properties are available across the objects and all of that other fun stuff. So it's an excellent editor that they've built. Okay. And I thought I had one more slide to talk about why you don't want to use GraphQL. I think I nicked that one. The only reason you would not use GraphQL is, okay, don't tell him, don't tell him you don't want to use GraphQL. There's no way to write data into HubSpot with GraphQL. You also can't update data. So if you need to write data and update data, probably don't use GraphQL. But that's why we have the excellent batch upsert APIs, the batch edit APIs, the batch insert APIs. They're all excellent APIs. Use those APIs to batch, upsert, batch update, batch edit, batch create, and all that fun stuff. I'm going to pass it back to sj, or actually we might be running straight to Anton. Anton, take it over from here.

Thanks, Carter. One sec. Okay, so thank you.

And.

Oh, I'm sorry. Okay, so. Hey, everybody. What? Louder. Okay, so I'm Anand Bujanowski. I'm the founder of Graphisport. Pretty new company, I would say. And previously I worked for several partners and focused on theme development. So just a question. Who has modified or created a theme previously? Raise your hand. Awesome. I want to see it. So tell me who felt something like that during the creation of the theme? Right. Okay, great. Something that I want to show you is team development can be something like this. Right. So you get to the ultra instinct, like the most powerful form and how to achieve such an approach. Right. And something that I'm using quite often, so basically for the last year is called the atomic design mythology. So if you're not familiar with that, and you might be familiar with react components or island development, it's basically the same. If you're not familiar with that, imagine it like Lego blocks that you are just putting together and they're coming and in the end you will get a structure, whatever it might be. And from my experience, there is no. Only this approach is right and what you do is wrong. So always adapted to your requirements, adapted to the thing that you do.

Yeah.

So what is atomic design? Basically, there are only five blocks that you have to think about. The smallest ones are atoms, which you can see as or use for variables in themes. Then once you combine several modules together, they become a molecule. So that might be macros, variable objects and variable arrays and just larger parts. Right. And from molecules, the next evolution step are organisms. So organisms are basically standalone things, elements of your theme. And the best example for that are modules. Right. And then out of organisms you're building templates. And great example for templates, obviously page templates or templates of all sorts, global partials and modules. So modules can be seen as templates as well, because, yeah, you as a developer, you don't have to put real content into our module. You can stay with Lorem, Ipsum, placeholder images, whatever, and last but not least, the pages. So, yeah, a few examples for that. So those are atoms from something that I've. So what I'm using on my personal website. So I'm creating variable objects here. And in this case they are just desktop, mobile and tablet fonts. And at the bottom, like an example for a simple variable.

Stalled an app one time. How did you find it in the app marketplace? It is a whole collection of apps for your HubSpot CRM. All right. Right now, as of probably yesterday, because I'm sure more Apps just launched. There was 1700 apps. All right, we're gonna have 1701 by next week. Okay. David's gonna launch his. All right, I like it. Or tonight even better. Let's do it. All right, now you got this.

Let's.

We'll all hash it out with Carter with GraphQL. We got it. Okay. With that. It is a place to reach HubSpotters. It's an awesome marketplace. You can grow your own app. And if you're a marketing company, a consultant agency, you need to start thinking about productizing your services and how you can do this with an app. So everyone knows how to get to it. I'm not going to act like we're three year olds. Everyone knows how to get to that marketplace, right? Yes. Thank you, sj. If y' all don't know sj, you should know sj. She is amazing. And if you don't know the D hug, you need to join the D hug. All right. Why should you list in the App Marketplace? Because you have two options when you build apps. You can a do your own SEO, you can do your own organic outreach, you can run ads. But why? You're competing against Google. You're competing against Bing. Where do your users find your apps? In the App Marketplace or from other hubspotters. They talk about these apps solve my problems. Did anybody use clearbit before HubSpot? Bottom yeah, because it solves your problem. People look in the App Marketplace for that specific reason. So your app, if you've got a gap and you see a gap in HubSpot, build it, get it out there, launch it. You have no idea how quick it will take off. And I speak from personal experience. All right, with that, how do you get your app listed? Do you just go build the code and it's there? No, you got to get a developer account. If you don't have a developer account, talk to. To sj. No, I'm just kidding. No, you can Google it, or it's very easy. You just Google it, find it, and create your new account. It is a separate portal. I say that because that's very important. You can find all your logs, you can find all your engagement, and more importantly, it's how you list your app. All right, to list an app. Can anybody guess how long it takes to list Your app in HubSpot Marketplace? Come on, just throw some numbers out. One minute. I like that. Three minutes. Three days. After this conference, it will probably take about two weeks, and that is because they get a backlog of submissions. So that's why you submit now. Get it in there. All right, and what I will tell everybody, take the engineering out of your app, get it to market. You can always evolve your app. You can always improve it if you're a developer. Any developers here, we love to over complicate things. I only speak to myself in this presentation. Okay, this is all for me because I'm gonna go watch it on the D hug later. All right, Seriously, go to market, fill the need and then add, then iterate. Get it in the app marketplace. What I will tell you, this is an awesome thing I love about the HubSpot App Marketplace. Once your app is listed, guess what? Reviewing and updating, you'll get it in hours. I was expecting a two week delay again, Boom. Hour later, apps reapproved with an updated. I was like, oh, this is cool. Oh yeah. Now what's One thing that HubSpot does for app developers? Anybody? Besides providing an awesome app marketplace? Anybody? Serverless functions, a good one. They actually promote your app. Did y' all know that? Community sj, I know you know, but in the community forum, they post new apps that are released. HubSpot's marketing, your app did that set in good. Get it to market, David. All right. And those updates, you gotta keep refreshing your listing. Why? Two weeks ago, HubSpot just changed the app marketplace. Adapt the new feature instantly.

Because guess what?

You're playing the algorithm, you're playing the game. All right, now these are tips that you always want to do when you're launching a new app. Get a beta cohort who joined. I'm gonna date myself. The Google beta for Gmail, you had to have a friend to get in, huh? No, no, Google plus. You talking about Google Wave? No, no, Google plus. No, we're talking about Gmail. Originally Gmail, they ran a beta. What does that do to the brain when people want to use the app? Ooh, I'm gonna open up a limited beta. People love to get into it first. When you do that, you great. You drive that excitement, right? Then you can get some use cases, you can get some tests, you can start getting availability of scalability. All right? Then key get your app certified in the app Marketplace. What does that do? It takes you from the bottom listing and slowly moves you up. All apps that are certified by HubSpot, which Brian right over here will tell you is getting harder, bumps it up higher. All right, why do you want to do that one? It's credibility. HubSpot will actually test your app end to end. All right, you want to have knowledge base support, because the last thing you want to do is launch a product with no help documentation. But if you use Service Hub, it can all be in one view. If you use. Well, I'm not going to go into too much detail there, but the idea is, after you get five installs, you can easily start filling out the form to get certified. It's rigorous. They want to make sure your app is going to work. They don't test. And this question came up in one of Brian's talks yesterday. They don't test if it can scale, if it can handle a hundred thousand portals. That's your job. That's your engineering job. But if you have a hundred thousand installs, you're doing excellent. All right. I think you've already handled the scale problem at that point. Video listings. Every app at the very top has a huge image. Where I see most apps fail is they have an image there. What does an image make the end user do? It makes them think. And the moment you make the end user think, they have to start swiping and reading. Click a button to play a video instantly. You can tell the customer journey and the customer story of that app. That is where 99% of my installs come from. That video play. And then they install the app. You got to have your video listing at the top of the first slide. Then your feature set needs to be amplified with good imagery and good, I guess, descriptions of those feature sets. All right. One of the new things they just released is app features that then show up in the portal itself. It's a great way to then highlight very key features. All right. Because you probably have way too many features to list, but you're only limited. This is where app features come in. So with that again, my name is Justin Givens. I'm happy to provide advice to tell you what not to do. And I love it. And if you run events, use simple events, please. All right. And I've got the stellar Jennifer Nixon. We need jeopardy.

All right, can you hear me?

Good. Louder. All right, this way, this way. All right, I think I got it now. So these three guys are the real stars of the show. Everybody's gonna say it's me, but really, they are the all star devs here. I am going to present some things. And I coded none of this. Okay, so I'm going to talk about CRM customization. This is a little bit like PowerPoint karaoke. I'm gonna go through this. I am not an expert on CRM customization. I am learning how to do CRM customization, mostly from these three guys. So CRM cards, how to build cool things. If you didn't catch it, apps can now do CRM customization. So last year, yes, yes, we had UI extensibility, and that was the big deal for developers last year. This year it's extensive, extending to your app. So now you can combine all those good things Justin just talked about with CRM cards and you can bring your app native to the ui. That is where you need to be headed. So we're going to talk about some CRM cards and how to not how to build extensions. So these are some things. Extensions allow developers to use HubSpot built components to create net new UI elements that display custom information. This is custom, right? Basic definition. You guys have probably seen this. How many people have built a CRM card of some kind? Anybody? Oh, my gosh. Well, somebody else needs to come do this talk. Who wants to come talk about it? I'm gonna let you guys take some turns. Okay? So CRM card. Now, this is really important for those of you who haven't. Carter, this is the HubSpot Academy CRM customization Boot camp. This is how you can learn all about it. There's a blog, it's got videos, and it's all from the first developer boot camp. So you want the og. You want to really learn how to do this. Carter is the one that's going to teach you how to do it if you want to be in the next boot camp. Okay, everybody got that? This is coming up. Registration starts in October, so next month you want to be there. Get in. Get this QR code. Okay. This is really cool. You can be in firsthand. Okay. Learn directly from Carter and Justin. So you got like the powerhouse duo here. All right, now, beginners workshop. This is one from Dennis. So this is a HubSpot admin hug. This is how I learned to do my first CRM card. So don't laugh. Beginners workshop. Watch it. All right, now, CRM customization. The community had a big highlight. This is kind of how I learned about it, how I got started and realized, like, this is going to be changing everything. So if you want to share your ideas, okay, you half of you raised your hands that you've built CRM cards. Go here and share it. Go to the community and put your CRM card in this thread and let people find you. This is how you get found. Everybody got it? All right. Customizing the HubSpot CRM isn't only about what you can code. It's about what you can visualize. You really have to understand the platform and the capabilities of what your clients need. It's not the what, it's the why, what are they trying to achieve and why. And if you can take that, you can build almost anything on this platform. All right, so now I have some examples that I pulled from some of my developer friends. This is Thomas Lane. He's on my team at Aptitude 8. It's a PII, so, you know, personal information. We have sensitive data in HubSpot now, but this is a vault. So if you want a way to lock down social, so you don't want every HubSpot user to see the social, or you don't want them to see a driver's license number, you can put it in a vault. So you can store that externally in an encrypted server, and only specific users have access.

All right, good.

Order management. This is another one. This is from umakant. Is Uma Khan here? Oh, he's not here. Okay, so Umakant, he is in the developer mentorship program with us with Make Web Better. And this is a order management. So on the right sidebar, in HubSpot, you can quickly view the details. And one of the things that I love about HubSpot is how easily you can put emojis and stuff. So this one might be a little bit of emoji overkill. Just my thing. I think you can use it to attract attention to what you really need them to see and visualize. But there's a lot of information happening here, and you want to make sure that it's clear and easy for the users to understand. We also have a deal approval. So this is one of the projects that I worked on with Thomas at Aptitude 8. This was a customer. They had an external platform, and they wanted to control when the data was going to push across. So they had an internal approval process that needed to happen. So essentially, the actions would happen in HubSpot. The approver would go through and verify the five steps, and when they submitted it, that was the trigger to connect to that external platform. Data integrity. Right. When you're connecting multiple platforms, you don't have to take away their process for approval. You can still give them that power. It doesn't have to be instantaneous. Just because you can doesn't mean you should. Right. All right, then we've got a Generate docs. This is another one from Thomas. This is generating loan documents with the click of a button. So it's going to pull all of the deal record information, some contact information and it's going to generate loan documents automatically. Just when you're ready, all the data's in, you're going to generate those documents and it's pulling it in dynamically. Good.

Everybody good?

All right, got another one from Omicant. We've got task tracking. This integrates JIRA and similar tools to track tasks, manage task status, confirm actions and improve project management. So what I really like is they give you actions, you can update the task, you can also mark the task complete. So there's a lot of integration capability here. You can see the status and then you can see what it looks like when you view more or view less collapsing on your sidebar. Think about what the most important information your user needs to have and show that and give them the option to see more. Don't overwhelm them. This is like one of the most, I feel of all the CRM extension things I've seen. It's like information overload, it's all there right away. And I love that they have the collapse feature. Use it. Okay, this is a cpq, so configure price quote directly from the deal record. This is a very specific use case quoting tool not working the way it should. Right. So this is very custom and it's just natively built in, exactly what they wanted. So there are solutions Now I think PandaDoc, that's what they released, right? So PandaDoc, the app, you've got your document signing now they have CPQ built in. So directly in the app, this is kind of like the groundwork of some of those capabilities. We've got AI insights. All the talk here at Inbound has been about AI. We've got breeze, we've got chat, gbt. Well, if you're building AI agents, if you're using AI in other ways, this is one from Umakon and I, I told him, I was like, you really need to come just do a demo of this because it takes AI and it gives you actionable insight. So I mean look at this. It's giving you engagement score and it's telling you there's like an 87% chance, right, that you can follow up and it's telling you key insight, high engagement and follow up emails, lower and initial, increase the recommended action, increasing follow up frequency and personalized outreach. It's analyzing your data and it's giving you these exports. If you want this, you're going to have to go to make one better, right? Like this is not mine. Go there. I Don't know if he has it in the marketplace. I'm gonna have to talk to him about that. But I know that they're working very hard to get these apps available. All right. Also, have fun, right? So this is a knowledge quiz or trivia. It's fun. Look, the thing is that there's so much that you can do with it. This is a trivia game that was built as, like, just a fun thing to do and like, you know, get the sales team waking up in the morning and engaging with the platform. But it's not about, you know, what, what you're asked to build. Anytime somebody says, hey, build xyz, your first question should be why? And understanding why you are building it. Because as the developer, you know it better than I do. And so I might think that you should build it like xyz, but you really need to build it like abc. Thank you.

So much. I guess I'm on the Internet now, too. Thanks so much, everyone for hanging out. We can do a couple of things now. Let me just see if there's any questions for our speakers. Raise your hand if you have any questions. Yes.

So I want to get Power BI data into, and it's not something that's already in our ERP integration. If I want to get like, embedded BI statistics on an account on a company record, how could I create like, a custom tab that shows maybe specific data? Excellent question. Yeah, yeah, question was a Power BI on a custom CRM card. Power BI has some APIs and you can't get data from Power BI. It's the problem. How do you want to display that data on CRM card? HubSpot has built out an excellent set of components, actually just released chart components and report components. You can build out your own custom reports, your own custom chart, your own custom table with Power BI data in it, or whatever data you want. So bring in stripe data. Display a chart of stripe data. You can do that. So, yeah, definitely. Just go to the dev docs, look at CRM cards, Join our next boot camp if you want to learn how to do it from scratch. And we'll definitely be using the chart component and showing how to, how to grab external data and display it in the chart component in the next weekend.

Any other questions?

Hey. Hey.

CRM user extension on reports or documents. It's for you, Carter.

Well, well, well.

I, I, I, I don't work for HubSpot, so I have no. And the HubSpot developers know me too well. And no, I, I get too excited about things. So they don't give things externally, so we, we don't know. The team is thinking about it though, and.

But it's on the road now.

It's, it's. They're. They're thinking about it. They, they want to hear good use cases, so, so they want to hear your opinions and we'll connect you with them. Okay, thank you. He wanted, he wanted CRM parts on reports and dash on dashboards. Yeah, the team is, the team is. The team is really excited about building it. They just want to know, uh, they just want more use.

You can embed external content on a dashboard that could be a REACT.

Site.

So you can get creative with external content and embed it in that dashboard right now. Okay. Or you can embed the REACT card that's on another screen into that same dashboard. Not that I've ever done HubSpot Dashboard in a dashboard, but I have. Okay. So that, that's a, that's a fast way to solve it.

Okay. Yeah.

Any other questions? Do you have a question?

It is complicated. Does anybody else have any questions? You can probably take one more.

No.

Okay, well, we are going to go ahead and wrap up the lightning box. I just want to thank all of our presenters again for packing such great information in such a short period of time. I'm an advocate and I learned a lot, so much from our Developer Hub. So have you all seen the HubSpot for developers at Inbound Track with all of the different sessions that you might be interested in? Okay, perfect. So the day is drawing to a close, but we do have a couple more events for developers we have taking a platform approach to business reinvention. That's going to be happening at 4 o' clock and I'll be speaking there about CRM customization and UI extensions. And then we also have Coding for Marketers, which is your guide to coding on Content Hub. That's going to happen tomorrow at 12:45. And then also, if you haven't stopped by our Build Apps demo booth, then go ahead and do that because we have some fun things there that would demo.

Thank you, Bri. We love you. Thank you. One last thing. This, this thing on. Hello. This year we launched our first ever developer mentorship program. Some of those folks are here today. Anton, Jennifer, Evelyn, and I think Tune is also. Oh, he's in. He's not here. He's not inbound, unfortunately, but he's here in spirit. Spirit. And Uma Khan, who also referenced some of the talks, is one of our mentors. And we're going to be expanding it next year. So please stay tuned if you want to be a mentor or mentee, you want to learn from our developers, or you have things to share yourself. I think we would love to hear from you. So stay tuned for updates on that in the developer blog. And that's it. I think we can mingle with our speakers and have a wonderful rest of your afternoon. We're here until 3:30, so lots of time to hang out. Sorry. 3:15, right? That was amazing.

Y' all still on?

I think.