Before you begin, make sure that you have installed and activated Sastra Addons Pro plugin on your website. Without the Sastra Addons Pro activated, you cannot use this elements.
How to Configure and My Account Page #
Access all your account information conveniently in one place with our My Account Page widget. View your profile details, downloads, track orders, and more, all from a user-friendly interface designed for simplicity and efficiency.
How To Set Up WooCommerce My Account Page #
First of all, you must make sure that you already have installed and configured the WooCommerce plugin. To use My Account Page, you will need to replace the default My Account page with another page of yours. If you want, you can even create a new page and assign it as WooCommerce My Account page.
Afterward, navigate to WooCommerce -> Settings from your WordPress Dashboard and click on the ‘Advanced’ tab. From here, you can assign your desired page as your My Account page.
Simply click on the ‘My Account Page’ option and pick any of the pages from the drop-down menu as your WooCommerce My Account page. You will be all set to go and hit the ‘Save changes’ button from the bottom.
Basic preparations #
First, navigate to the Sastra Addons -> Widget Settings tab. Here, you can type My Account inside the search bar on your right and find the widget. Then turn on the widget’s switcher.
How to Activate My Account Page #
After finishing the previous step, let’s edit your WooCommerce My Account Page using the Elementor Editor.
To use this Sastra Addons element, find the ‘My Account‘ element from the Search option under the ‘ELEMENTS‘ tab. Simply just Drag & Drop the ‘My Account’ into the ‘Drag widget here‘ or the ‘+’ section.
After you are successfully done with step 1, this is how the element is going to look like.
Note: The My Account Page will exclusively be visible or proper design on the Frontend (live pages), not within the Elementor editor interface.
How to Configure the Content Settings #
Under the ‘Content’ tab, you will find the ‘Settings‘ and ‘Tab Labels‘ section to configure the my account page.
Settings #
From this section, you can use drop-down for change layout and change text alignment. Besides, you can use slider bar for distance with supported all devices.
Tab Labels #
From this section, you can change tab name for dashboard, orders, downloads, addresses, account details, wishlist and logout.
Click to see Live Demo #
How to Style My Account Page #
To customize My Account Page, click on the ‘Style’ tab, and you will find many different options here.
Tab Labels #
From the ‘Tab Labels’ section, you can set tab label color, background, border color and typography with hovered, active and normal options. Than you can change transition duration, padding, margin and width.
Moreover, you can styling to border and border radius as well.
Other Styles #
From the ‘Tab Content’ settings, you can you can set content color, link color, border color, spacing and many more. On the other hand, customize your ‘Orders Table’, ‘Wishlist’, ‘Addresses’, ‘Table Buttons’, ‘Forms’ and ‘Form Buttons’ from these settings according to your choice.
Besides, you can also customize your ‘Notice’ and your ‘Notice Buttons’ from these settings as per your preference.
Final Outcome #
By following these simple steps, you can create a stunning My Account page for your website in keeping with your wish.
Experience seamless account management with our intuitive My Account Page. It’s your personalized portal for effortless control and convenience.
Should you need any help, please contact our support team for additional assistance
