Skip to main content

Configure the Signup Flow

A signup flow preset decides which steps customers see, the order of those steps, and which steps share one screen. The signup shortcode and the WaaS Signup block both load a preset by slug.

Navigate to Waas → Settings → Signup Flow (/wp-admin/admin.php?page=grabwp-tenancy-waas-settings&tab=signup_flow).

Signup Flow tab with the Create preset panel

Named presets control step order, merging, visibility, and labels. The built-in Default preset cannot be overwritten.

Load a preset​

  1. Choose a preset in Preset.
  2. Click Load.

Switching presets does not save. Load only opens that preset.

The built-in Default preset​

Open Edit preset while Default is loaded.

Edit preset for the built-in Default flow

Default is read-only. Its fields are disabled, and Save preset and Delete preset are not shown. Create your own preset when you need a different order or different labels.

Default uses these groups:

Group headingSteps on that screen
(none)Create your account (account)
PlansChoose a plan (plan) and Billing Cycle (cycle)
(none)Optional Services (addons)
(none)Payment Method (payment)

Steps in the same group render as one signup screen, under one heading, with one set of navigation controls.

Note: Verify your email (otp) and Create your website (free) are not cards in the builder. The form adds them when they apply: email verification when WaaS Auth is on and the visitor is logged out, and the free-site step when there are no plans and the account step is not shown.

Create a preset​

  1. Load the preset you want to copy (Default, or one you already saved).
  2. Open Create preset.
  3. Enter New slug (lowercase letters, numbers, and hyphens).
  4. Enter New label (the name shown in the Preset dropdown and in the block inspector).
  5. Click Create from followed by the loaded preset's label (for example Create from Default).

Verify: the notice Signup flow preset saved. appears, and the new preset is available in Preset.

Edit a preset​

  1. Load the preset you created.
  2. Open Edit preset.
  3. Set Preset label if you want a different display name.
  4. Drag a step by its handle to reorder it or move it into another group. Steps that are not on the canvas sit in the palette. Drag one onto a group to place it.
  5. Click Add group to add an empty group, then drag steps into it. Use the group text field (placeholder Group heading) when that screen needs a heading.
  6. Click Remove group to drop a group. A group must contain at least one step before you save.
  7. Click Save preset.

Verify: the notice Signup flow preset saved. appears. Reload the preset and confirm the groups and labels stuck.

To remove a custom preset, open it and click Delete preset. Verify: the notice Signup flow preset deleted. appears. Default cannot be deleted.

Tip: With JavaScript off, the same screen uses Up, Down, Remove, Add step, and Add as new group instead of drag-and-drop.

Step controls​

Each placed step shows its built-in name, its id, and these controls:

ControlNotes
DefaultValue prefilled on the signup form. None leaves it unset. Optional Services accepts more than one service. Choosing a value is what unlocks Hidden for Choose a plan.
DetailsShown on Choose a plan and Optional Services. Chooses what each card shows under its name and price: Description, Features (plans only), or Benefits.
StateRequired, Optional, or Hidden.
LabelHeading for this step. Leave it matching the placeholder to keep the built-in wording.
StateWhat the customer gets
RequiredThe step stays in the form until it is completed.
OptionalThe step can be skipped once it already has a value, including a Default.
HiddenThe step is left off the form. Choose a plan offers Hidden only after you set Default. Billing Cycle, Payment Method, and Optional Services offer Hidden immediately.

Steps you can place​

StepIdNotes
Create your accountaccountShown for logged-out visitors when authentication is WaaS Auth.
Choose a planplanAdvances when the customer picks one plan.
Optional ServicesaddonsMust come after Choose a plan. Does not auto-advance.
Billing CyclecycleMonthly or Yearly. The form skips it when nothing in the order renews.
Payment MethodpaymentMust come after Choose a plan. The form skips it when nothing in the order is payable.

Saving fails when a dependency is missing or out of order, when a group is empty, when a step is listed twice, or when Choose a plan is Hidden without a Default.

Use the preset on the signup page​

Put the preset slug on the page that already contains the signup form. See Set Up Frontend Pages if that page is not created yet.

Shortcode​

[grabwp_waas_signup flow="quick-checkout"]

flow must match the preset slug. An empty flow, default, or an unknown slug uses Default.

AttributeNotes
flowPreset slug.
hide-titles1, true, yes, or on hides the heading at the top of each step.
hide-labelsSame truthy values. Hides the short description under each step heading.
hide-thumbnailSame truthy values. Hides the template thumbnail.
label-accountReplaces the account step heading. Blank keeps the preset or built-in label.
label-planPlan step heading.
label-addonsOptional Services heading.
label-cycleBilling Cycle heading.
label-paymentPayment Method heading.
label-otpEmail verification heading.
[grabwp_waas_signup flow="quick-checkout" hide-titles="1" hide-labels="1" hide-thumbnail="1"]

Block​

  1. Edit the signup page.
  2. Insert the WaaS Signup block (grabwp-waas/signup). The editor shows a placeholder. The wizard renders on the frontend.
  3. In the block sidebar, open Signup flow and set Flow preset.
  4. Open Display and turn on any of Hide step descriptions, Hide step titles, or Hide template thumbnail.
  5. Open Step labels to override Account, Plan, Add-ons, Billing cycle, Payment, or Email verification. Leave a field blank to keep the preset or built-in label.
  6. Update the page.

Verify: open the signup page in a private window. The steps, headings, and card details match the preset. A hidden step does not appear, and its Default is the value that gets submitted.


Next: Appearance