Can you believe that we are in December and 2023 is almost gone? Just because the year is almost gone, that doesn't mean that the HubSpot teams are done pumping out new and updated features for you all to sink your teeth into. Let's close out the year with a bang with the final Developer Rollup!
As you say goodbye to 2023, I hope you take some time to reflect on all of your accomplishments as well as take a moment to rest. 2024 is going to be a great year and I need you to bring your A game!
Enough of the sappy stuff, let's get on with the rollup!
We are introducing new commerce sections to our default assets allowing you to quickly build commerce focused websites helping your customers visualize a touchless commerce experience. These drag and drop pre-configured components are a step in improving discoverability for your professional services like paid consultations, design services and more. They are ready for immediate use and can be added to your website through the content editor without having to change the page template adopting a touchless purchase and checkout flow with HubSpot.
We’ve released a new Product module that allows you to add products from your product library to any page, blog post, or blog listing page. To begin using this module, simply find the product module in the editor and drag it onto your page. You will be able to select a product from your existing library or create a new one. We also provide the ability to override the following details of the product:
Previously, users could only trigger webhooks in contact workflows and were limited to using the email property as the unique identifier. Now you can trigger a webhook in contact, deal, ticket, and a custom object workflow. Additionally, for the unique identifier, you can now use record ID or set up a custom property requiring unique values.
To ensure we are supporting the most up-to-date and secure libraries in the Custom Code Action, HubSpot API client v10 (^10.1.0) and v8 are now supported for Node16x and Python3.9 runtimes. The v4 Associations API is also supported in these latest client versions, and can now be used in the Custom Code Actions.
We have expanded the billing terms for Products and Line items adding a 4 year and 5 year interval allowing users more flexibility over billing and contract frequencies. If you are billing on 4 or 5 year contracts, these longer options can be added within your product library for billed line items.
We’ve released a new UI for the in-app product updates area. This new UI allows you to view and filter on product updates by status (Live, Coming Soon, In Beta, In Development, Sunset), type of change, HubSpot app feature, and product tier.
You can opt into this beta by going to your in-app product updates area and choosing to join it through the beta prompt on the bottom of the screen.
The latest public beta for UI extensions has added new features and improvements. This month, we bring you new features, UI components, and enhancements and, introduce a new sample project to improve your UI extension beta experience. Here's what's new:
Support for Multiple Apps Inside Developer Project:
Multiple Apps Management: Your project structure just got more flexible! You can now house multiple apps within a single developer project. Simply create a new folder for each app within your root project folder, and you're set to scale up your project easily.Support for Multiple Extensions in Local Development:
Enhanced Local Development: Say goodbye to the hassle of testing one extension at a time. With our latest update, you can run multiple extensions within the same private app during local development. When you start your local environment with hs project dev, you can now select multiple extensions that belong to the same app using the Space Bar. This allows for a more integrated and efficient local development experience.
Toggle:
Introducing the Toggle Component: Easily switch between two states with our new Toggle. It's perfect for settings that need to be turned on or off with a simple click.Dropdown:
New Dropdown Component: Organize your menu options neatly with our new Dropdown component. It's designed for better navigation and selection of action items within your UI.Checkbox:
Checkbox Component: The Checkbox component allows users to make a selection from a set of options. Each checkbox operates independently, enabling multiple choices.RadioButton:
RadioButton Component: The RadioButton component lets users select one option from a set of mutually exclusive choices. Radio buttons are typically managed in a group, tied by the same name attribute.
Statistics component:
The CrmStatistics component renders data summaries calculated from the currently displaying CRM record's associations. For example, you can use this component to display data such as:
To render data, you'll specify the properties you want to read from the associated records along with the type of calculation to perform on the property values. For each property, you can also include filters to narrow down the records that are included in the calculation.
Button Sizes:
Extra Small (xs) and Small (sm) Button Sizes: We've added two new sizes to our button components to give you more design flexibility. These smaller buttons are perfect for tighter spaces or secondary actions.Text Component - String Truncation:
String Truncation Feature: Keep your UI clean and tidy! Our Text component now supports string truncation, allowing you to maintain a neat appearance even with lengthy content.
Display an iFrame Modal Sample Project:
Users can now access a sample project to understand and utilize an iFrame modal in a custom card. The project serves as a reference for opening a popup iFrame modal from within the custom card. It provides a visual representation to make the process easier to understand and implement.
This sample includes a single iFrame modal with an embedded link to the Wikipedia site:
By clicking on the button, it enables the modal to pop-up with the embedded link.
If you have any inquiries or concerns, please contact us via the Developer Slack channel, #crm-customization-beta.
Questions or comments? Discuss this changelog on our developer community forums.