title: WooCommerce: Assigning an endpoint to a custom template in my account pages
body: <p>This function adds a tab named "Special Page" into "My Account" tab list:</p>
  
  <pre><code>add_filter( 'woocommerce_account_menu_items' , 'jc_menu_panel_nav' );
  
  function jc_menu_panel_nav() {
      $items = array(
          'dashboard'       =&gt; __( 'Dashboard', 'woocommerce' ),
          'orders'          =&gt; __( 'Orders', 'woocommerce' ),
          'downloads'       =&gt; __( 'Downloads', 'woocommerce' ),
          'edit-address'    =&gt; __( 'Addresses', 'woocommerce' ),
          'payment-methods' =&gt; __( 'Payment Methods', 'woocommerce' ),
          'edit-account'    =&gt; __( 'Account Details', 'woocommerce' ),
          'special-page' =&gt; __( 'Special Page', 'woocommerce' ), // My custom tab here
          'customer-logout' =&gt; __( 'Logout', 'woocommerce' ),
      );
  
      return $items;
  }
  </code></pre>
  
  <p>That results in this:</p>
  
  <p><a href="https://i.stack.imgur.com/2yWz9.png"><img src="https://i.stack.imgur.com/2yWz9.png" alt="enter image description here"></a></p>
  
  <p>But the link points to <code>my-account/special-page/</code>, and naturally gives a 404 error.</p>
  
  <p>How I can assign this URL to a file named <code>special-page.php</code>?</p>