Form's action don't let me redirect to thanks page

Design help General
1

Hello.

I’ve integrated hubspot to a form with an URL in the action field of it. Now, I want to redirect to a thanks-for-contact-us page after submitting the form, but it doesn’t work.

I tried removing the hubspot integration link from the action field and it redirect correctly.

Can I make these two actions work at the same time?

image

Here is my site Read-Only: [https://preview.webflow.com/preview/motion-learning?utm_medium=preview_link&utm_source=designer&utm_content=motion-learning&preview=673e9c693990335e32b14ce3e5fa1439&workflow=preview]
(how to share your site Read-Only link)

2

This post mentions that redirect only works with the standard Webflow action. Looks like if you want to redirect with the Hubspot action you either need to:

  1. Change the Hubspot action to include a redirect
  2. Using custom code - Intercept the Webflow form submission and preform your action + redirect there.

If you cannot change the Hubspot action let me know and we can work up the code you need.

1 Like
3

Hello, learyjk.

Thanks for the reply.

I can’t change the hubspot action actually.

So, I think that I need an eventListener, but I’m not sure.

4

You can use Byteline no-code platform to redirect easily. Here are the steps:

  1. Create a Byteline flow with Webhook trigger and API Connector tasks.
  2. Configure the Trigger node to redirect to the thank you page
  3. Configure the API Connector task to submit to Hubspot forms.
  4. Point the Webflow form to submit to the Byteline flow using the URL from the Byteline Webhook.
    Screen Shot 2022-08-08 at 4.07.48 PM
    Screen Shot 2022-08-08 at 4.07.48 PM1414×1334 96.6 KB
5

Thanks for the answer @dpstechy!

I get an error that I don’t know how to solve.

Appreciate if u could guide me

image
image507×559 22.6 KB

thanks in advance

6

Looks like you’re missing the request body in Byteline’s API Connector task. I have sent you a Loom video to your email with the details.

7

That’s spot on thanks for posting this @learyjk

Another option is to post to Hubspot via Make/Integromat with a Webhook.

  1. Create a Make Webhook
  2. Add the Make Webhook URL to your forms actions
  3. User submits form to Make
  4. Make posts to Hubspot (and does whatever you need)
  5. Create a Make Webhook response that allows you to redirect the web browser wherever you want it to go.

I’ve got some tutorials for this and the Make solution if you want to explore more, just let me know.

8

This issue keeps coming up. I made a video which shows how to get any form functionality you want using Finsweet’s Form Submit Attribute. And here’s the video: Webflow Forms: Any CRM, Totally Customized (No Code) - YouTube

1 Like
9

Nice video, and interesting approach @learyjk thanks for sharing that!

1 Like