En este video te mostraré como añadir mensajes personalizados y condicionales en el checkout de tu tienda online de wordpress.
En este caso, el mensaje aparecerá dependiendo de la provincia seleccionada en el checkout, para mostrar tiempos de entregas distintos.
Este es el código de debes usar:
// TEXTO CONDICIONAL "ADUANAS y PLAZOS DE ENTREGA CANARIAS" EN CHECKOUT
add_action('woocommerce_after_checkout_billing_form', 'custom_checkout_message_aduanas');
function custom_checkout_message_aduanas() {
?>
<div id="custom-checkout-message-aduanas" class="custom-checkout-message-aduanas" style="display:none; background-color: green; border: 1px solid black; color: white; padding: 10px; margin: 10px 0; border-radius: 5px; font-family: Arial, sans-serif; font-size: 14px;">
Atención: Gastos de aduana no incluídos. <br>
Recibirás tu pedido en un plazo de 7/15 días laborales.
</div>
<script type="text/javascript">
(function($) {
function showCustomMessage() {
var province = $('#billing_state').val();
if (province === 'GC' || province === 'TF') {
$('#custom-checkout-message-aduanas').show();
} else {
$('#custom-checkout-message-aduanas').hide();
}
}
$(document).ready(function() {
showCustomMessage();
$('#billing_state').on('change', function() {
showCustomMessage();
});
});
})(jQuery);
</script>
<?php
}
// TEXTO CONDICIONAL "PLAZOS DE ENTREGA BALEARES" EN CHECKOUT
add_action('woocommerce_after_checkout_billing_form', 'custom_checkout_message_baleares');
function custom_checkout_message_baleares() {
?>
<div id="custom-checkout-message-baleares" class="custom-checkout-message-baleares" style="display:none; background-color: green; border: 1px solid black; color: white; padding: 10px; margin: 10px 0; border-radius: 5px; font-family: Arial, sans-serif; font-size: 14px;">
Recibirás tu pedido en un plazo de 5/6 días laborales.
</div>
<script type="text/javascript">
(function($) {
function showCustomMessage() {
var province = $('#billing_state').val();
if (province === 'PM' || province === 'ME'|| province === 'IB'|| province === 'FO') {
$('#custom-checkout-message-baleares').show();
} else {
$('#custom-checkout-message-baleares').hide();
}
}
$(document).ready(function() {
showCustomMessage();
$('#billing_state').on('change', function() {
showCustomMessage();
});
});
})(jQuery);
</script>
<?php
}