UI extensions
Right inside the record.
Custom UI extensions that live on your HubSpot contacts, companies, and deals — maps, views, and interactive components, deployed through a private app.
01 The extensions
Components that render
on the record itself.
Google Map & Streetview
Embed live Google Maps and Street View imagery directly on any HubSpot CRM record. Two independent modules — one for a static map view, one for Street View — both pulling the address from the record automatically.
- Google Maps module — static aerial or road map for any record address
- Street View module — photographic street-level imagery at record address
- Both modules can be used independently or together
- Configurable Google API key in extension settings
- Works on contact, company, and deal record pages
UI Games
Five classic arcade games — Snake, Breakout, Pong, Space Invaders, and Pacman — playable right inside your CRM. A light, memorable bit of fun with zero setup: no CRM data is read or written, and there is nothing to configure.
- Five games, each its own card tab
- Rendered entirely in the browser — no CRM data, no external calls, no API keys
- Works on contact, company, and deal record pages
- Quote module too — add a playable game via a line-item SKU (
UIgames-pacman); PDFs show a static fallback - On-screen controls with a Start button — no keyboard needed
Product Configurator
Let a rep build the exact product on the deal — product, model, colour, storage, add-ons — by clicking pictures instead of hunting through a product library. One guided panel, a live price in the footer, and a single click from the finished configuration to a quote that is already filled in and ready to send.
- Guided, step-by-step panel — each answer closes its step and opens the next, with picture tiles for products, models and every colour at once
- Driven entirely by your product library: one product per sellable variant and four properties. A new product line is data, not code
- One-click quote, draft or published — buyer contacts, signer and seller contact are filled in for you, and a quote that cannot be published yet becomes a draft that tells you what to add
- Two cards from one app: a compact one for the deal sidebar, a full one for the middle column with images and a line table whose columns you choose
- Discount limits, a no-discounting switch, quote template and expiry — all on a native settings page, no redeploy
- Try it in two minutes: add (and later remove) an Apple-style sample catalogue of 67 products with images from the settings page
- Pairs with the free Quote Module Collection — each configuration rolls up into one priced line with its product picture on the quote
02 Deployment
Through a private app,
not the marketplace.
UI extensions are deployed through a private HubSpot app installed on your portal. Extensions that call an external API need a one-time configuration in the extension settings — for Google Map & Streetview, a valid Google Maps API key.