⭐ Hubspot Forms for Next.js

Embed HubSpot forms into your Next.js application using hooks.

!type definition

🌳 Tiny and Tree-Shakable

🦄 Written in TypeScript

👾 Works with multiple forms

😎 Uses next/script component

Install

``ssh
npm install next-hubspot
`

or

`ssh
pnpm add next-hubspot
`

or

`ssh
yarn add next-hubspot
`

Pure ESM package

This package is now pure ESM. It cannot be require()'d from CommonJS.

Getting Started

Wrap your application with HubspotProvider. This will add Hubspot script to your document.
All props are passed directly to the Script tag, so you can use all props from the next/script documentation.

`TSX
import { HubspotProvider } from 'next-hubspot';

const MyApp = ({ Component, pageProps }) => (



)

`

Usage

`TSX
import { useHubspotForm } from 'next-hubspot';

const HubspotForm = () => {
const { isFormCreated, isError, error } = useHubspotForm({
portalId: 'XXXXXXX',
formId: 'XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX',
target: '#hubspot-form-wrapper'
});

return (