HubSpot Form Embedding

Developing with Prismic
, ,
3

You're very close my friend... I just:

  1. Created a hubspot account
  2. Created a form
  3. Copied the embed code
  4. Created a Slice Called HubSpot
  5. Tested
  6. Success!

image
image691×445 12.7 KB

import { Content, asText } from '@prismicio/client'
import { SliceComponentProps } from '@prismicio/react'

/**
 * Props for `HubSpot`.
 */
export type HubSpotProps = SliceComponentProps<Content.HubSpotSlice>

/**
 * Component for "HubSpot" Slices.
 */
const HubSpot = ({ slice }: HubSpotProps): JSX.Element => {
  return (
    <section
      data-slice-type={slice.slice_type}
      data-slice-variation={slice.variation}
    >
      <div
        dangerouslySetInnerHTML={{ __html: asText(slice.primary.hubspot) }}
      />
    </section>
  )
}

export default HubSpot

Screenshot
image