Endpoints tab

You can find all endpoints that are visible the “My Account” page, in the “Endpoints” section. All WooCommerce endpoints are already available in the plugin.
Go to YITH > Customize My Account Page and click on the ‘Endpoints‘ tab to start configuring your endpoints.

Endpoints

You can customize every endpoint in the list, by changing a variety of options. Like slug, label, icon, content and the user role to whom this endpoint is visible.

endpoint options

By hovering over the different endpoints a ‘moving’ simbol appears, so you can change the sorting order. Simply drag and drop the elements.

move and enable

To (temporarily) disable the visibility of the endpoint on the my account page, use the ‘yes/no’ toggle.

How to create a new endpoint

Click on the “Add new” button, to create a new endpoint.

add endpoint

A new empty endpoint opens and you can start customizing it:

Endpoint creation

  • Endpoint label: The label shown on the ‘My account’ page menu.
  • Endpoint slug: The slug that is shown in the link.
  • Endpoint icon: There are 3 options:
    • Don’t show an icon
    • Show a default icon (select a pres-set icon from a list).
    • Upload a custom icon (upload an image of your choice).

Endpoint creation 2

  • Show endpoint to: Either all users, or users with a specific role.
  • User roles: Only the user roles you select here, will be able to see this endpoint.
  • Content: The content you wish to show in the endpoint. You can add text, shortcodes, images, banners etc. Check out this page on how to edit and add banners. Below an example of content with images:

content with images

  • Place content: Where to show the content:
    • Before the default content
    • After the default content
    • Overriding the default content
  • CSS class: Add additional CSS classes to this eindpoint container.
Frontent example:

Example endpoint1

Frontent example with images:

images frontent

How to link a custom URL

You can add a new menu item in My Account with a custom URL.

add new link

To create it, just go to YITH > Customize My Account Page > ‘Endpoints’ and click on the ‘+ Add link’ button.

link creation

  • Link url: Clicking on this endpoint will redirect you to this link.
  • Link label:  Name of the endpoint
  • Link icon: There are 3 options:
    • Don’t show an icon
    • Show a default icon (select a pres-set icon from a list).
    • Upload a custom icon (upload an image of your choice).
  • Show link to: Either all users, or users with a specific role.
  • User roles: Only the user roles you select here, will be able to see this endpoint.
  • Open link in new tab: Decide if the link will open in a new tab or on the same page.

link my account

Once you click on the endpoint in the my account page, you will be redirected to the linked page immediately.

How to create a new Group

Endpoints or custom links on My Account page can be grouped to keep your page usable and easy to navigate. To create a new group go to YITH > Customize My Account Page > ‘Endpoints’ and click on the + Add group button.

add group

For every group, you can edit the following information:

  • Group label: Name of the endpoint.
  • Show open: Group is open by default (only for vertical style).
  • Group icon: There are 3 options:
    • Don’t show an icon
    • Show a default icon (select a pres-set icon from a list).
    • Upload a custom icon (upload an image of your choice).
  • Show group to: Either all users, or users with a specific role.
  • User roles: Only the user roles you select here, will be able to see this endpoint.

new group creation

After that, you can create all the endpoints or links you want to include or simply move the ones that you’ve previously created.

You can order items by dragging and dropping them. Make sure you indent the item to include it in the group, so they become subitems of the group.

group and subendpoints

The my account page will now have a more organized outlook.

group frontend

 

How to reset an endpoint

You can reset to default values for your endpoints, just click on the button “Reset Defaults” on the bottom of the ‘Endpoints‘ page.

reset default

If you want to reset the content of WooCommerce endpoints to its default value, leave the content text area empty.