Skip to content

signup: Teams beta step

Warren Gifford requested to merge philipp-spiess/team-beta-form into main

Created by: philipp-spiess

Fixes #29944 (closed)

This is implementing #29944 (closed) which adds a new step to the sign-up flow to sign up for the teams beta. For now, as we don't have the feature yet, we're allowing customers to register for the beta version via our HubSpot form.

The latest state can be seen here:

https://www.loom.com/share/33c5904d9ed04a889fc6e92c0747c2e0

Form submission: https://www.loom.com/share/296f696739e043678c24dacdd92e0048

What's happening here?

  • I had to clean up the <Steps> abstraction to make it work with more than three steps. This is also adding a new tab color (green) which will be used for the last step.
  • As a third step, we now show this new "beta" step.
  • On this new step, a button appears and a HubSpot form is preloaded (We preload the form so that we can have a smoother transition)
  • When the button is clicked, the content will fade out and the height of the container will increase. Then, the new content (= the form) will fade in.
  • We can track form submissions in the HubSpot form and use that to attach a logger call and change the "Skip this step" button to "Continue"
  • I didn't try with the exact form but using a beta form, once submitted the page looks like this: Screenshot 2022-02-01 at 14 57 06
  • After some back and forth of how to make this more streamlined we ended up making every step in the form skippable, see this Figma link

Merge request reports