My Account Page

My Account page is actually a normal Webflow page where you can add the My Account Elements, it has no attribute on body, the only thing that makes this page different from a normal page is that you have to declare the page you are using as My Account in WooCommerce settings, following the path: WooCommerce > Settings > Advanced > Account Page.

To create it follow these steps:

1. Add a div with attribute:

2. Inside this div add a button (It will be repeated to create the menu of the account)

3. Add a richtext (This is a placeholder where the various tab content will be placed)

4. Add a form (This will allow the adapter to copy and paste the classes of your forms and apply them to Forms that will be generated by WooCommerce)

Below you can find an example of a my account page

Probably is way better if you add your own style 🎨.

⚠️⚠️⚠️

Probably, it's way better if you disable the woocommerce layout and smallscreen css, following the path: Udesly > Settings > WooCommerce, for compatibility reason the adapter adds few classes used by WooCommerce, and for this particular element WooCommerce adds a bunch of floats that can really destroy 🔨🔨 💣💣 your style.