⭐ Hubspot Forms for Next.js
Embed HubSpot forms into your Next.js application using hooks.
next/script
component
Install
yarn add next-hubspot
or
npm install --save next-hubspot
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.
import { HubspotProvider } from 'next-hubspot';
const MyApp = ({ Component, pageProps }) => (
<HubspotProvider>
<Component {...pageProps} />
</HubspotProvider>
)
Usage
import { useHubspotForm } from 'next-hubspot';
const HubspotForm = () => {
const { loaded, error, formCreated } = useHubspotForm({
portalId: 'XXXXXXX',
formId: 'XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX',
target: 'husbpot-form-wrapper'
});
return (
<div id="husbpot-form-wrapper" />
)
}
All props are based on the HubSpot docs.
TypeScript
The module is written in TypeScript and type definitions are included.
Contributing
Contributions, issues and feature requests are welcome!
Show your support
Give a