Mostrar el valor del campo personalizado avanzado (ACF) en un enlace de WooCommerce

Quiero mostrar el valor de un Campo personalizado avanzado (ACF) en Woocommerce y estoy usando este código en esta función enganchada:

add_action( 'woocommerce_single_product_summary', 'charting', 20 );

function charting() {
    if( get_field('size_chart') ) { 
       echo '<p><a href="'.the_field('size_chart').'" data-rel="prettyPhoto">size guide</a></p>';
    }
    return;
}

Pero no funciona, muestra el valor del campo personalizado sobre la href (guía de tamaño) y la href está vacía así:

<a href="" data-rel="prettyPhoto">size guide</a>

Respuestas a la pregunta(2)

Su respuesta a la pregunta