WooCommerce: Assigning an endpoint to a custom template in my account pages
<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>