Onboarding Wizard

[JohnPixle]

I have completely re-done the experience so I am updating the original issue.

This is a two-step setup. Please view Loom video at the bottom of the page

Figma

Let me know your thoughts.

Loom video:

https://www.loom.com/share/19f45a621ca14dc1b7fee63bacca3daa

[JohnPixle]

@mauryaratan @lushkant I have updated the comment with the latest mockups. Let me know ypour thoughts and let's see if we can get started with that and see what's possible.

[JohnPixle]

The wizard is great so far, just a couple of improvements:

Hello theme

• [x] Elementor Hello Toggle can be enabled by default, like the other toggles

Imported SK should be set as global

• [x] When importing a Starter SK from the wizard, then it should be enabled by default as Global.

Settings page

• [x] Let's re-organise the settings page please like this:

Restart wizard, everything in place

• [x] When we restart the wizard and everything is in place, I would suggest that we show the list of what actually is in place.

• [x] I would also suggest that we show things like this, whenever the user is restarting the wizard, and some of the things are already taken care of.

Change Notice text

As you have suggested, we can change some of the notices. Here is what I suggest:

• [x] At the Enable Elementor container Experiment let's turn the text into:

The latest Style Kits version works best with flexbox containers. We will enable the Containers experiment in Elementor

• [x] At the Import a starter theme style preset toggle, let's revise the text to:

Use a basic Style Kit as your starting point. This will replace your site’s default kit but you can always revert back to it later.

Update learn more link

• [x] Let's update the link to take the users to this docs article that I just created: https://docs.analogwp.com/article/661-wizard-setup