Exibindo o valor do campo personalizado avançado (ACF) em um gancho do WooCommerce

Desejo exibir o valor de um ACF (Advanced Custom Field) no Woocommerce e estou usando este código nesta função viciada:

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;
}

Mas não está funcionando, está exibindo o valor do campo personalizado acima do href (guia de tamanhos) e o href está vazio assim:

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

questionAnswers(2)

yourAnswerToTheQuestion