Webapp Registration from HubSpot (COS) Hosted Website


#1

We are migrating our website to HubSpot and having trouble figuring out the best way to allow website visitors to register for our webapp from a landing page.

Today we host both website and webapp on megalytic_com. We are migrating the website to Hubspot and it will be on the megalytic_com domain. Our webapp is moving to app.megalytic_com. The app is built on the LAMP stack. We want to have a registration form on various website (HubSpot) landing pages where a visitor can register for an account on our webapp and be logged into their account from that landing page and then forwarded over to app.megalytic_com as a logged-in user who is logged-in to their new account.

For example, here is a the kind of landing page we'd like to create in HubSpot: https://landing.megalytic.com/seo-reporting. When the user completes the form, he is logged in to app.megalytic_com and starts the product onboarding process. Here's a video that that shows the screens and explains the use case: http://www.youtube.com/watch?v=sAt873P7QRs

Thanks in advance for any help.

Mark


#2

Hi @khookguy,

Just to make sure that we're on the same page, the process should be as follows:

  1. Visitor navigates to a HubSpot-hosted landing page
  2. Visitor submits sign up form
  3. Visitor is redirected to a thank you page, with a button to start using your app
  4. Upon clicking that button, the visitor is brought to your app's onboarding flow.

If that's the case, that's all 100% doable on the HubSpot CMS. The trickiest part will likely be the signup form; HubSpot forms don't natively support the Facebook/Google sign in buttons. You'd likely need to create a custom form that submits to your app, and then passes that submission to HubSpot afterwards. I'll include the docs for the Forms API at the bottom of this post.

The custom form can be created in a custom HTML module on your page, and the button to redirect visitors to your app can be done in-app with a CTA, or by creating a custom button. Let me know if you have any other specific technical questions here!


#3

HI @Derek_Gervais,

Yes, you have the process correct. That all makes sense. So we'll need to do the Google/Facebook sign up/in in our app, as we do now, and then update HubSpot via the Forms API.

Thanks for your help.

Mark


#4

One more question for you @Derek_Gervais -

Can we include JavaScript code along with the custom form(the custom HTML module on our page)? We need to do the form submission via AJAX because if validation fails, we want to remain on the same HubSpot page and let the user fix it (e.g., wrong password, duplicate account name, etc) rather than redirect to app.megalytic.com.

Thanks,

Mark


#5

Hi @khookguy,

The form submission endpoint I linked above accepts AJAX submissions; if you're creating a custom form to submit to HubSpot, you can do any custom Javascript that you need to do before passing the submission.