{"id":27173,"date":"2022-09-20T12:00:00","date_gmt":"2022-09-20T09:00:00","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=27173"},"modified":"2025-06-05T15:53:53","modified_gmt":"2025-06-05T12:53:53","slug":"woocommerce-my-account-widget","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/","title":{"rendered":"WooCommerce My Account widget"},"content":{"rendered":"\n<p>Personalize the account page of WooCommerce with the My Account widget. Change the layout, tab names, tab alignment, as well as colors, and fonts. When publishing, you will be prompted to automatically assign this as your default My Account page in the WooCommerce settings.<\/p>\n\n\n\n<p>[callout type=&#8221;note&#8221;]You must have WooCommerce installed in order to use its features, including products and WooCommerce widgets.[\/callout]<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Use the WooCommerce My Account Widget in Elementor [PRO]\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/mopa9BdQwpw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Content<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/10\/My-Account-Content.png\" alt=\"\" class=\"wp-image-27176\" style=\"width:331px\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Tabs<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Layout:<\/strong> From the dropdown menu select between vertical or horizontal<\/li>\n\n\n\n<li><strong>Spacing:<\/strong> Use the slider or manually enter a value in PX, EM, or %<\/li>\n\n\n\n<li><strong>Tab Names:<\/strong> Click each tab name to edit the value<\/li>\n\n\n\n<li><strong>Alignment:<\/strong> Use the icon to select between left, center, or right alignment<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Additional Options<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/05\/additional-options-for-my-account-widget.png\" alt=\"\" class=\"wp-image-29787\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Customize your My Account dashboard<\/h4>\n\n\n\n<p>You may replace the default WooCommerce customer dashboard screen with a template you create in your saved template library. By using dynamic tags in the template, you can personalize the user experience. As an example, a support form may be added to allow a customer to ask a question about an order.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2022\/05\/Custom-Account-Dashboard.jpeg\" alt=\"\" class=\"wp-image-29788\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li>In your saved template library, create a new template for the content region and publish it<\/li>\n\n\n\n<li>Activate the feature using the toggle button<\/li>\n\n\n\n<li>Choose the desired template by clicking the field and entering a few letters. The template you created can then be selected from the list that appears<\/li>\n\n\n\n<li>&nbsp;The template will now be displayed in the My Account content area in dashboard tab<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Style<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Tabs<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/10\/Style-My-Account-Tabs.png\" alt=\"\" class=\"wp-image-27177\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Typography: <\/strong>From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options<\/li>\n\n\n\n<li><strong>Background Type<\/strong>: Use the icons to choose between a solid or gradient background for the normal, hover, and active states<\/li>\n\n\n\n<li><strong>Color<\/strong> (background): From the color picker, select the color(s) of the tab for the normal, hover, and active states<\/li>\n\n\n\n<li><strong>Image<\/strong>: Click to select or upload an image to the media library to use as the background image of your tab for the normal, hover, and active states<\/li>\n\n\n\n<li><strong>Box Shadow<\/strong>: Click the pencil icon to open the shadow properties options<\/li>\n\n\n\n<li><strong>Color<\/strong> (Text): From the color picker, choose the color for your field text.<\/li>\n<\/ol>\n\n\n\n<p><strong>Borders<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Border type<\/strong>: From the dropdown menu select between solid, double, dotted, dashed, or grooved<\/li>\n\n\n\n<li><strong>Width<\/strong> (border): Enter a chosen value in the fields based on px, em, or %<\/li>\n\n\n\n<li><strong>Color<\/strong> (border): From the color picker, choose the background color for your border<\/li>\n\n\n\n<li><strong>Border Radius<\/strong>: Enter a chosen value in the fields based on px, em, or %<\/li>\n\n\n\n<li><strong>Padding<\/strong>: Enter a chosen value in the fields based on px, em, or %<\/li>\n<\/ol>\n\n\n\n<p><strong>Dividers<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Color<\/strong>: From the color picker, choose the color for your Divider<\/li>\n\n\n\n<li><strong>Weight<\/strong>: Use the slider or manual enter a value in the field (PX, EM)<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Sections<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/10\/Style-My-Account-Sections.png\" alt=\"\" class=\"wp-image-27178\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Background Color<\/strong>: From the color picker, select the color for your sections<\/li>\n\n\n\n<li><strong>Box Shadow<\/strong>: Click the pencil icon to open the shadow properties options<\/li>\n<\/ol>\n\n\n\n<p><strong>Borders<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Border type<\/strong>: From the dropdown menu select between solid, double, dotted, dashed, or grooved<\/li>\n\n\n\n<li><strong>Width<\/strong> (border): Enter a chosen value in the fields based on px, em, or %<\/li>\n\n\n\n<li><strong>Color<\/strong> (border): From the color picker, choose the background color for your border<\/li>\n\n\n\n<li><strong>Border Radius<\/strong>: Enter a chosen value in the fields based on px, em, or %<\/li>\n\n\n\n<li><strong>Padding<\/strong>: Enter a chosen value in the fields based on px, em, or %<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Typography<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/10\/Style-My-Account-Typography.png\" alt=\"\" class=\"wp-image-27179\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Section Titles<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Color<\/strong>: From the color picker, choose the color for your titles. This color will apply to all section titles.&nbsp;<\/li>\n\n\n\n<li><strong>Typography<\/strong>: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options<\/li>\n\n\n\n<li><strong>Text Shadow<\/strong> (Titles Only): Click the pencil icon to open the shadow properties options.<\/li>\n\n\n\n<li><strong>Spacing<\/strong>: Use the slider to increase or decrease the spacing between components.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">General Text<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Color<\/strong>: From the color picker, choose the color for your text. This color will apply to all text.<\/li>\n\n\n\n<li><strong>Typography<\/strong>: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Login Messages<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Color<\/strong>: From the color picker, choose the color for your messages<\/li>\n\n\n\n<li><strong>Typography<\/strong>: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Checkboxes<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Color<\/strong>: From the color picker, choose the color for your messages<\/li>\n\n\n\n<li><strong>Typography<\/strong>: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Links<\/h4>\n\n\n\n<p>The following options are available for normal and hover states.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Color<\/strong>: From the color picker, choose the color for your links<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Forms<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/10\/Style-My-Accout-Forms-233x1024.png\" alt=\"\" class=\"wp-image-27180\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Layout<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Column Gap<\/strong>: Use the slider or enter the value in the field in PX<\/li>\n\n\n\n<li><strong>Rows Gap<\/strong>: Use the slider or enter the value in the field in PX<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Labels<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Color<\/strong>: From the color picker, choose the color for your labels. This color will apply to all labels.<\/li>\n\n\n\n<li><strong>Typography<\/strong>: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options<\/li>\n\n\n\n<li><strong>Spacing<\/strong>: Use the slider to increase or decrease the spacing between components.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Fields<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Typography<\/strong>: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options<\/li>\n\n\n\n<li><strong>Color<\/strong> (Text): From the color picker, choose the color for your field text. This color will apply to all field text.<\/li>\n\n\n\n<li><strong>Background Type<\/strong>: Use the icons to choose between a solid or gradient background<\/li>\n\n\n\n<li><strong>Color<\/strong> (background): From the color picker, select the color(s) for the field<\/li>\n\n\n\n<li><strong>Image<\/strong>: Click to select or upload an image to the media library to use as the background image of your field<\/li>\n\n\n\n<li><strong>Box Shadow<\/strong>: Click the pencil icon to open the shadow properties options.<\/li>\n<\/ol>\n\n\n\n<h5 class=\"wp-block-heading\">Borders (Fields)<\/h5>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Border type<\/strong>: From the dropdown menu select between solid, double, dotted, dashed, or grooved<\/li>\n\n\n\n<li><strong>Width<\/strong> (border): Enter a chosen value in the fields based on px, em, or %<\/li>\n\n\n\n<li><strong>Color<\/strong> (border): From the color picker, choose the background color for your border<\/li>\n\n\n\n<li><strong>Border Radius<\/strong>: Enter a chosen value in the fields based on px, em, or %<\/li>\n\n\n\n<li><strong>Padding<\/strong>: Enter a chosen value in the fields based on px, em, or %<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Button<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Typography<\/strong>: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options<\/li>\n\n\n\n<li><strong>Color<\/strong> (Text): From the color picker, choose the color for your field text. This color will apply to all field text. You may apply a custom color to a sections field text in the <em>Customize<\/em> options shown below<\/li>\n\n\n\n<li><strong>Background Type<\/strong>: Use the icons to choose between a solid or gradient background<\/li>\n\n\n\n<li><strong>Color<\/strong> (background): From the color picker, select the color(s) for the field<\/li>\n\n\n\n<li><strong>Image<\/strong>: Click to select or upload an image to the media library to use as the background image of your field<\/li>\n\n\n\n<li><strong>Box Shadow<\/strong>: Click the pencil icon to open the shadow properties options.<\/li>\n<\/ol>\n\n\n\n<h5 class=\"wp-block-heading\">Borders (Button)<\/h5>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Border type<\/strong>: From the dropdown menu select between solid, double, dotted, dashed, or grooved<\/li>\n\n\n\n<li><strong>Width<\/strong> (border): Enter a chosen value in the fields based on px, em, or %<\/li>\n\n\n\n<li><strong>Color<\/strong> (border): From the color picker, choose the background color for your border<\/li>\n\n\n\n<li><strong>Border Radius<\/strong>: Enter a chosen value in the fields based on px, em, or %<\/li>\n\n\n\n<li><strong>Padding<\/strong>: Enter a chosen value in the fields based on px, em, or %<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Order Details<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/10\/Style-My-Account-Order-Details-265x1024.png\" alt=\"\" class=\"wp-image-27181\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Layout<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Rows Gap<\/strong>: Use the slider or enter the value in the field in PX<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Titles and Totals<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Color<\/strong>: From the color picker, choose the text color for your titles and totals.&nbsp;<\/li>\n\n\n\n<li><strong>Typography<\/strong>: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options<\/li>\n\n\n\n<li><strong>Text Shadow<\/strong>: Click the pencil icon to open the shadow properties options.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Items<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Color<\/strong>: From the color picker, choose the text color for your items<\/li>\n\n\n\n<li><strong>Typography<\/strong>: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Product Link<\/h4>\n\n\n\n<p>The following options are available for normal and hover states.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Color<\/strong>: From the color picker, choose the color for your product links<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Dividers<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Border Type<\/strong>: From the dropdown menu select between solid, double, dotted, dashed, or grooved<\/li>\n\n\n\n<li><strong>Color<\/strong>: From the color picker, choose the color for your Dividers<\/li>\n\n\n\n<li><strong>Weight<\/strong>: Use the slider or manual enter a value in the field (PX, EM)<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Buttons<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Typography<\/strong>: From the pencil icon, click to open the font option panel to choose the family, weight, transform, style, decoration, line height, and letter spacing options<\/li>\n\n\n\n<li><strong>Color<\/strong> (Text): From the color picker, choose the color for your field text. This color will apply to all field text. You may apply a custom color to a sections field text in the <em>Customize<\/em> options shown below<\/li>\n\n\n\n<li><strong>Background Type<\/strong>: Use the icons to choose between a solid or gradient background<\/li>\n\n\n\n<li><strong>Color<\/strong> (background): From the color picker, select the color(s) for the field<\/li>\n\n\n\n<li><strong>Image<\/strong>: Click to select or upload an image to the media library to use as the background image of your field<\/li>\n\n\n\n<li><strong>Box Shadow<\/strong>: Click the pencil icon to open the shadow properties options.<\/li>\n<\/ol>\n\n\n\n<h5 class=\"wp-block-heading\">Borders (Button)<\/h5>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Border type<\/strong>: From the dropdown menu select between solid, double, dotted, dashed, or grooved<\/li>\n\n\n\n<li><strong>Width<\/strong> (border): Enter a chosen value in the fields based on px, em, or %<\/li>\n\n\n\n<li><strong>Color<\/strong> (border): From the color picker, choose the background color for your border<\/li>\n\n\n\n<li><strong>Border Radius<\/strong>: Enter a chosen value in the fields based on px, em, or %<\/li>\n\n\n\n<li><strong>Padding<\/strong>: Enter a chosen value in the fields based on px, em, or %<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Advanced<\/h2>\n\n\n\n<p>Global <a href=\"https:\/\/elementor.com\/help\/advanced-tab\/\">Advanced tab<\/a> options are available for this widget.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Personalize the account page of WooCommerce with the My Account widget. Change the layout, tab names, tab alignment, as well as colors, and fonts. When publishing, you will be prompted to automatically assign this as your default My Account page in the WooCommerce settings. [callout type=&#8221;note&#8221;]You must have WooCommerce installed in order to use its [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65a3f1e2a0303d0c0330005a"],"footnotes":""},"categories":[1454],"tags":[1389,1388,1382,1390,1398,1235],"class_list":["post-27173","post","type-post","status-publish","format-standard","hentry","category-woocommerce-widgets","tag-advanced","tag-agency","tag-ecommerce","tag-expert","tag-legacy-essential","tag-pro"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>WooCommerce My Account widget | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about WooCommerce My Account widget in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WooCommerce My Account widget | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about WooCommerce My Account widget in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-20T09:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-05T12:53:53+00:00\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"WooCommerce My Account widget\",\"datePublished\":\"2022-09-20T09:00:00+00:00\",\"dateModified\":\"2025-06-05T12:53:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/\"},\"wordCount\":1612,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/10\/My-Account-Content.png\",\"keywords\":[\"Advanced\",\"Agency\",\"eCommerce\",\"Expert\",\"Legacy Essential\",\"Pro\"],\"articleSection\":[\"WooCommerce widgets\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/\",\"url\":\"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/\",\"name\":\"WooCommerce My Account widget | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/10\/My-Account-Content.png\",\"datePublished\":\"2022-09-20T09:00:00+00:00\",\"dateModified\":\"2025-06-05T12:53:53+00:00\",\"description\":\"Learn everything about WooCommerce My Account widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Online Commerce\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/online-commerce\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"WooCommerce widgets\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/online-commerce\/woocommerce-widgets\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"WooCommerce My Account widget\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WooCommerce My Account widget | Elementor","description":"Learn everything about WooCommerce My Account widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/","og_locale":"en_US","og_type":"article","og_title":"WooCommerce My Account widget | Elementor","og_description":"Learn everything about WooCommerce My Account widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/","og_site_name":"Help","article_published_time":"2022-09-20T09:00:00+00:00","article_modified_time":"2025-06-05T12:53:53+00:00","author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"WooCommerce My Account widget","datePublished":"2022-09-20T09:00:00+00:00","dateModified":"2025-06-05T12:53:53+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/"},"wordCount":1612,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/10\/My-Account-Content.png","keywords":["Advanced","Agency","eCommerce","Expert","Legacy Essential","Pro"],"articleSection":["WooCommerce widgets"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/","url":"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/","name":"WooCommerce My Account widget | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2021\/10\/My-Account-Content.png","datePublished":"2022-09-20T09:00:00+00:00","dateModified":"2025-06-05T12:53:53+00:00","description":"Learn everything about WooCommerce My Account widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/woocommerce-my-account-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Online Commerce","item":"https:\/\/elementor.com\/help\/elementor-editor\/online-commerce\/"},{"@type":"ListItem","position":4,"name":"WooCommerce widgets","item":"https:\/\/elementor.com\/help\/elementor-editor\/online-commerce\/woocommerce-widgets\/"},{"@type":"ListItem","position":5,"name":"WooCommerce My Account widget"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/27173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=27173"}],"version-history":[{"count":4,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/27173\/revisions"}],"predecessor-version":[{"id":58519,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/27173\/revisions\/58519"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=27173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=27173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=27173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}