Back to contents

JetWooBuilder: How to Use My Account Endpoint Templates

From this tutorial, you will learn how to create a custom My Account page and templates for all of its endpoints. You will also find out what an endpoint is and how you can use it for your website.

With the help of the JetWooBuilder plugin, you can create custom templates for all the WooCommerce pages. However, if you create a My Account page template and apply it to the default page, chances are it won’t work correctly. To avoid any difficulties, you should build separate templates for all the My Account endpoints and then display them on the page. But first of all, let’s get to grips with what the endpoint is.

What is a My Account page endpoint?

In simple words, the WooCommerce endpoint is an additional part of the content that is shown after certain conditions are met. That part of the content changes the page’s URL. As to the My Account page, the Edit page, Orders, and Downloads tabs are endpoints. When the user chooses to open them, an additional part will be added to the page URL. For example, it can look like that: “your_website/my_account/downloads”. 

Endpoint functionality allows your website to show different content whenever users need it without generating excess pages and harming the page loading speed. 

When you start using the WooCommerce plugin, all those endpoints are created automatically but you don’t need to use the default design if you don’t want to. The JetWooBuilder plugin allows you to build your own pages and style them any way you need. 

How to create the My Account page endpoint template?

1 Step— Create a template

Log in to your website’s dashboard, go to Crocoblock > Woo Page Builder menu tab, and hit the “Add New Template” button. In This template for drop-down menu, choose the “My Account” option and name the template. For example, it could be a template for the “Orders” endpoint. Click the “Create Template” button.

adding new template

You will be redirected to the Elementor page builder. Find the My Account Orders widget and drop it to the page. Customize its style according to your needs. You can also add any other widgets you consider useful for your users, like the image or product sliders, recently visited pages or text pieces. When you are done, press the “Publish” button at the bottom of the menu.

customizing my account orders widget

2 Step— Enable the custom template usage and apply it to the endpoint

Turn back to the dashboard and go to the WooCommerce > Settings > JetWooBuilder tab. Scroll the window down and find the My Account Page section. Tick the Custom My Account Page endpoints checkbox and choose the template you’ve just created in the My Account Orders Endpoint Template drop-down menu.

applying template to the endpoint

That’s it, the template is created and applied to the endpoint. Repeat the steps for all endpoints you want to customize. When you open the My Account page, the templates you created will be applied to the appropriate endpoints.

NOTE. Be aware that those endpoint templates work correctly only if you select the “Default” option in the My Account Template drop-down menu. If you want to use custom endpoint templates with the custom My Account page template, you will need the My Account Content widget. You can read about its usage below.

How to create a custom My Account page with custom endpoints?

Endpoint custom templates can be used with the default My Account page template. In this case, the navigation will have a design that is defined by your website’s theme and the endpoints – the one you’ve chosen while creating the custom templates. To create a 100% custom page with the same design for every part of it, you will have to build it from scratch.

1 Step— Create a menu with the endpoint URLs

Go to your website’s dashboard and open the Appearance > Menus tab. Give the menu an understandable name and unfold the WooCommerce endpoints section in the Add menu items list. Tich the checkboxes of the endpoints you would like to add to the My Account page menu and hit the “Add to menu” button. You can change the labels if you want to by unfolding the menu options and changing them in the Navigation Label bar. When you are done, hit the “Save Menu” button.

creating new menu

2 Step— Create a custom My Account Page template

Go to the Crocoblock > Woo Page Builder tab and hit the “Add New Template” button. In This template for drop-down menu choose the “My Account” option and type in a template name. Afterward, click the “Create Template” button.

new my account template

The layout of the page is completely up to you. To show the navigation, choose any of the navigation widgets like Vertical Menu or Profile Menu. Drop the navigation widget to the page and choose the menu you created in the Select Menu drop-down list.

customizing navigation widget

In the column/section where you would like to show the clickable endpoints, place the My Account Content widget. Don’t forget to enable it in Crocoblock > JetPlugins Settings> JetWooBuilder > Widgets. The toggle of the My Account Content is in the My Account Page Widgets section.

my account content widget

When you are done, click the “Publish” button.

3 Step— Apply the template to the page

Go to the WooCommerce > Settings > JetWooBuilder and scroll down the page to the My Account Page section. Tick the Custom My Account Page checkbox and choose the template you’ve just created in the My Account Template drop-down menu.

applying new my account template

That is all, you now know how to create a custom My Account template that will show the custom endpoint templates properly. Good luck creating astonishing online stores with WooCommerce and JetWooBuilder.