• Before purchasing:
    Please review the product description and compatibility requirements before placing your order. Contact us with any questions to confirm the product meets your needs. Refunds are not available once the product has been downloaded. By purchasing, you agree to our License Agreement.
  • Save More with Paid Membership

    Access over 150 add-ons from Basic and Premium pack for less than buying them individually.

    See membership levels
[XB] Page Builder: Visual Constructor for Custom & Landing Page

[XB] Page Builder: Visual Constructor for Custom & Landing Page 1.0.1 1

You must log in or register to purchase ($55.00)
Version: Current
Block reference

Use Instruction steps for onboarding, account setup or another short sequence.

Configure​


  1. Choose Add block > Instruction steps.
  2. Add an optional introduction.
  3. Add between 1 and 12 steps.
  4. Enter each step's title and description.
  5. Add an optional URL and link label.
  6. Reorder steps using their movement controls.
  7. Choose Vertical or Cards and save.

Descriptions are plain text. Titles allow 150 characters, descriptions 2,000 and link labels 100. A step URL and its link label must be supplied together or both left empty. Use Content when you need a full rich-text article or uploaded attachments.

block-steps-editor.webp


Build numbered instructions with optional links and a shared order.

block-steps-editor-options.webp


Additional presentation and behavior settings.

Translations​


Translate titles, descriptions, link labels and introduction. Step URLs and ordering are shared. A completely empty translated step falls back to the complete master item; fill required translated fields together.

Reordering preserves the translations associated with each step.

Layout​


Choose Vertical for a longer process and Cards for a short overview. Review cards on phones and keep action labels short.

Example​


Use three onboarding steps linking to account settings, the introduction forum and the posting guide.

block-steps-result.webp


Instruction steps turn onboarding into a readable sequence.

block-steps-result-mobile.webp


The same content at a phone viewport width of 390 pixels.
Was this document helpful?
Back
Top