react-use-hubspot-form
v0.0.8
Published
Embed HubSpot forms into your React components using hooks! Works with Create React App, Gatsby and other platforms.
Downloads
163
Maintainers
Readme
React Use HubSpot Form Embed
Embed HubSpot forms into your React components using hooks! Works with Create React App, Gatsby and other platforms.
Install
$ npm install --save react-use-hubspot-form
$ yarn add react-use-hubspot-form
Getting Started
Wrap your application with HubspotProvider
. This will add Hubspot script to the head of your document.
import React from 'react';
import { HubspotProvider } from 'react-use-hubspot-form';
const MyApp = () => (
<HubspotProvider>
<MyPage />
</HubspotProvider>
)
Usage
import React from 'react';
import { useHubspotForm } from 'react-use-hubspot-form';
const MyPage = () => {
const { loaded, error, formCreated } = useHubspotForm({
region: 'XXXXXXX',
portalId: 'XXXXXXX',
formId: 'XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX',
target: '#my-hubspot-form'
});
return (
<div>
<h1>Embed Form Below</h1>
<div id="my-hubspot-form"></div>
</div>
)
}
Breaking Changes
2.0.0
- Introduction of the
HubspotProvider
component. This needs to be included in your App foruseHubspotForm
to work.
Support
If you feel like sending some sats to [email protected] my Lightning Address it would be much appreciated.