Confirm Account

confrimAccount is a Web-only template where the user enters their name and email to continue onboarding. It supports supports showing the logo and back button.

confrimAccount example

  {
      "type": "confirmAccount",
      "stepId": "confirmAccount",
      "title": "Let’s save your progress so far and reveal your final results.",
      "backgroundColor": "#FFF4EE",
      "textColor": "#251C93",
      "inputPlaceholderColor": "#B4B4F2",
      "inputTextColor": "#251C93",
      "inputPlaceholder": "Write here",
      "inputType": "text",
      "ctaText": "Show my results",
      "ctaColor": "#FFF",
      "ctaBackgroundColor": "#3425B8",
      "ctaHoverBackgroundColor": "#2A1E93",
      "backButtonColor": "#FFA133",
      "backButtonBackgroundColor": "#FFF",
      "backButtonText": "Back",
      "emailPlaceholderText": "E-mail",
      "namePlaceholderText": "Name",
      "invalidEmailMessage": "Please enter a valid email address.",
      "logoWithProgressBar": {
          "logoImage": "https://www.thefabulous-staging.co/images/shape-logo.png",
          "logoWidth": "126px",
          "logoWidthMobile": "102px",
          "logoHeight": "40px",
          "logoHeightMobile": "32px",
          "progressBarBackground": "linear-gradient(270deg, #8CDBDF 15.63%, #251C93 83.85%)"
      }
  },

Key	Notes
`type`	`confrimAccount`
`stepId`	Unique step id
`title`	The title of the template
`backgroundColor`	The page’s background color.
`inputPlaceholderColor`	The text color of the placeholder
`inputTextColor`	The text color of the input text
`emailPlaceholderText`	Text of the email placeholder (e.g Enter your email)
`namePlaceholderText`	Text of the email placeholder (e.g Enter your name)
`invalidEmailMessage`	An error message that shows up when the user enter an invalid email.
`textColor`	The main textColor on the page
`ctaText`	The text of the main button
`ctaColor`	The text color of the main button
`ctaBackgroundColor`	The background color of the main button
`ctaHoverBackgroundColor`	The background of the main button on hovering.
`backButtonText`	The text of the back button
`backButtonColor`	The text color of the back button
`backButtonBackgroundColor`	The background color of the back button