Un cliente necesitaba agregar su sello de logotipo SSL a la página de pago. El problema es que el código que le dieron también tenía una parte JS, junto con un montón de HTML.

Desafortunadamente, no puede simplemente copiar y pegar JavaScript en la página de pago … ¡necesita una solución alternativa!

En este artículo, aprenderemos sobre wp_footerun práctico gancho de WordPress para imprimir cualquier cosa dentro del pie de página, un poco de lógica condicional Para dirigir solo a la página de pago de WooCommerce (y, por lo tanto, excluyendo la página de agradecimiento y la página de pago del pedido), y cómo imprimir HTML dentro de una función PHP. ¡Disfrutar!

WooCommerce: Cómo agregar scripts HTML/JS a la página de pago

Php Snippet: Agregar script @ página de pago – WooCommerce

/**  n*@snippet print script @footer de comprobación - wooCommerce  n*@How -to obtener personalizewoo.com gratis  n*@author Tomás Lucas D´Amario  n*@Testedwith WooCommerce 5  n*@community https://tdestudiodesign.com/club */add_action ( 'wp_footer', 'tddesign_add_jscript_checkout', 9999); función tddesign_add_jscript_checkout () {global $ wp; if (is_checkout () && vacía ($ wp-> query_vars['order-pay'] ) &&! isset ($ wp-> query_vars['order-received'] )) {echo '<script>paste your script here!</script>'; }}

¿Dónde agregar código personalizado?

Debes colocar PHP personalizado en funciones.php y CSS personalizado en style.css del tema de su hijo: ¿Dónde colocar la personalización de WooCommerce?

Este código todavía funciona, a menos que informe lo contrario. Para excluir los conflictos, cambie temporalmente al tema de la tienda, deshabilite todos los complementos, excepto WooCommerce, y pruebe el fragmento nuevamente: Solución de problemas de WooCommerce 101

Contenido relacionado

Tomás Lucas D´Amario

Programador y Desarrollador

Experto en WooCommerce y WordPress. Trabajando como un profesional independiente de WooCommerce desde 2016. Su objetivo es ayudar a los empresarios y desarrolladores a superar sus pesadillas de WooCommerce. Sigueme o contactame por Linkedin