Is there a best practice implementation for embedding a hubspot form within a custom type/slice?
Hubspot provides a pair of scripts for embedding a form on your page, ex.
@ianboyte, you can create a custom code component in your Custom Types:
To add a custom embed code or raw HTML, you will first need to set up a unique field or Slice specifically for this. Then you will need to add code to your website application to handle this new field.
1. Create a new field for the HTML
You have two options, using a Key Text field or a Rich Text field.
with a Rich text field
We recommend you using a customized Rich Text field specifically for your custom code. You will need to configure the field to "Allow multiple paragraphs" and set the fi…
@ianboyte, I've done this for many of my clients and the solution doesn't require injecting custom HTML. I'm quite busy right now, but I'll try to write and publish a tutorial over the coming days for you
I'm sure you have already solved your problem, but for everyone else that might come across this post in the future, I just published a blog post explaining of how you can set it up:
@kris, did you ever find time to write a tutorial for this? I'm working on a project that needs a Hubspot form slice and I'm running into issues with having multiple forms on the same page.
@jennifer2, yes, I just posted it 1 hour ago (see my previous comment). Hope it helps!
@kris Perfect timing, thank you! I couldn't find a solution to using a custom target id, so multiple slices can be used on the same page, but everything else works great.
@jennifer2 glad that it works - you could generate a unique random ID per slice and identify the DIV like this