📂 CoDesigner Customization

Home » CoDesigner » CoDesigner Customization » How do I set up a My Account page on my website?

How do I set up a My Account page on my website?

Making a personalized WooCommerce My Account page is a simple process with CoDesigner and Elementor. You don’t need any coding skills, follow the steps below to get your custom My Account page up and running.

Step 1: Make sure you have the following WordPress plugins installed on your site –

  • WooCommerce
  • Elementor
  • CoDesigner

Install CoDesigner

Step 2: Go to the Widgets section from CoDesigner, enable the ‘My Account‘ widget, and click to Save Settings.

My Account

Step 3: Once you delete the WooCommerce My Account shortcode, create a new My Account page or edit the existing My Account page. Go to Pages from your site dashboard and Click on ‘Edit with Elementor’  the My Account page.

Open My Account Page with Elementor

Step 4: From your editor, search for the My Account widget and drag the  widget into a particular section.

drag my account page

 

Step 5: You’ll get many options to design your desired account page. Like you can change Tab Position, Typography, Text Color Type, Background Type, Margin, Padding, Border Type, and Border Radius. When you’re done, click on the Publish button. Now your My Account page is ready to set as default.

Add Style to My Account

Step 6: Head towards the WooCommerce > Advanced and Set the newly designed My Account page as default.

My Account set up

For more information, read our latest step-by-step guide to customize my account page with Elementor.

Was this doc helpful?