Lead Capture Tools

JanakD
Member | Gold Partner
Member | Gold Partner

Using the same form on multiple pages

SOLVE

Hello,

 

I am looking to create a lead gen form and implement on numerous web pages. After submission, I want contacts redirected to specific webpages based on the page they filled out the form. This is so I don't need to create multiple copies of the same form.

 

Ideally, i'd also like each contact in HS tagged with the webpage they filled out the form.

 

Any help on this would be greatly appreciated!

 

Thanks

0 Upvotes
2 Accepted solutions
karstenkoehler
Solution
Hall of Famer | Partner
Hall of Famer | Partner

Using the same form on multiple pages

SOLVE

Hi @JanakD,

 

As far as I know, different redirects based on the page the form is embedded on are currently not possible. You would have to create separate forms.

 

Best regards!

Karsten Köhler
HubSpot Freelancer | RevOps & CRM Consultant | Community Hall of Famer

Beratungstermin mit Karsten vereinbaren

 

Did my post help answer your query? Help the community by marking it as a solution.

View solution in original post

DebSchleede
Solution
Participant | Gold Partner
Participant | Gold Partner

Using the same form on multiple pages

SOLVE

It's possible to change many things about forms via the embed code. https://legacydocs.hubspot.com/docs/methods/forms/advanced_form_options

 

Have custom "Thank You" redirects per landing page via editing HTML on your form embedd code by altering 

redirectUrl

 

As for tagging the page ...


For Hubspot Landing Pages: The Form Submit activity does tag both the form and the page. You can see it on Contact pages, use it in Workflows, etc. (see image)

Screen Shot 2021-01-04 at 10.22.32 AM.png

 

For External Landing Pages:

You can do this with a Hidden Field and editing custom embed code like above.

  1. Add a hidden field to the form to capture the URL.
  2. Edit your custom embed code. Use Javascript to grab the URL of the page the visitor is on -- I use 
    window.location.href  
  3. Edit the custom embed code to input that URL value into the Hidden Field on your Hubspot form

 

View solution in original post

4 Replies 4
DebSchleede
Solution
Participant | Gold Partner
Participant | Gold Partner

Using the same form on multiple pages

SOLVE

It's possible to change many things about forms via the embed code. https://legacydocs.hubspot.com/docs/methods/forms/advanced_form_options

 

Have custom "Thank You" redirects per landing page via editing HTML on your form embedd code by altering 

redirectUrl

 

As for tagging the page ...


For Hubspot Landing Pages: The Form Submit activity does tag both the form and the page. You can see it on Contact pages, use it in Workflows, etc. (see image)

Screen Shot 2021-01-04 at 10.22.32 AM.png

 

For External Landing Pages:

You can do this with a Hidden Field and editing custom embed code like above.

  1. Add a hidden field to the form to capture the URL.
  2. Edit your custom embed code. Use Javascript to grab the URL of the page the visitor is on -- I use 
    window.location.href  
  3. Edit the custom embed code to input that URL value into the Hidden Field on your Hubspot form

 

Clemencedlb
Participant

Using the same form on multiple pages

SOLVE

thank you for sharing this.

 

Could you please share what would be the required code to add the page URL in the Javascript?

I added a hidden custom property called "from_conversion_url" and am hoping to populate the page URL upon form submission

Thank you!

0 Upvotes
kvlschaefer
Community Manager
Community Manager

Using the same form on multiple pages

SOLVE

Thanks for sharing, @DebSchleede!

0 Upvotes
karstenkoehler
Solution
Hall of Famer | Partner
Hall of Famer | Partner

Using the same form on multiple pages

SOLVE

Hi @JanakD,

 

As far as I know, different redirects based on the page the form is embedded on are currently not possible. You would have to create separate forms.

 

Best regards!

Karsten Köhler
HubSpot Freelancer | RevOps & CRM Consultant | Community Hall of Famer

Beratungstermin mit Karsten vereinbaren

 

Did my post help answer your query? Help the community by marking it as a solution.