No funciona cuando agrego un Button

Hola y gracias de antemano.

Cuando agrego un shordcode a la pagina de la tienda de woocommerce este:

add_shortcode( ‘carruselsmall’, function () {

$out = ‘

<div class=»alert » role=»alert»>
Productos Destacados…
</div>
<div clas=»area100″>
<div class=»area50″>
<div class=»area50″>

</div>
<div class=»area50″>
<h3 style=»font-weight: 600;»>Camiseta Luxury de Paull Rassell</h3>
<br>
<p>
Conjunto Rojo de Sada natural con gran escote y espectacular caida
ideal para cenas y galas de noche, descubre su increible tacto, no
esperes más y se la primera en lucirlo en tu entorno más selecto.
</p>
<br>
Comprar Ahora

</div>
</div>
</div>

<div clas=»area100″>
<div class=»area50″>
<div class=»area50″>

</div>
<div class=»area50″>
<h3 style=»font-weight: 600;»>Camiseta Luxury de Paull Rassell</h3>
<br>
<p>
Conjunto Rojo de Sada natural con gran escote y espectacular caida
ideal para cenas y galas de noche, descubre su increible tacto, no
esperes más y se la primera en lucirlo en tu entorno más selecto.
</p>
<br>
Comprar Ahora

</div>
</div>
</div>’;

return $out;
} );

Todo sale perfecto el unico problema que tiene es que los botones no funcionan.

en vez de poner «return» pongo «echo» e incluso «print» los botones si funcionan pero me lo pone al principio de la pagina no respetando el orden del codigo.

¿Alguna sugerencia?

en este enlace se puede ver el problema , son los botones de productos destacados.

La página con la que necesito ayuda: [accede para ver el enlace]