Añadir una imagen debajo del botón de pagar en el checkout de WooCommerce

Este snippet de código te permite añadir una imagen justo debajo del botón de «Pagar» en la página de checkout de WooCommerce. El objetivo es mejorar la confianza del usuario al realizar una compra, mostrando, por ejemplo, un sello de seguridad.

// Añadir una imagen debajo del botón de pagar en la página de checkout de WooCommerce
function agregar_imagen_seguridad_checkout() {
    echo '<div class="checkout-security-image">';
    echo '<img src="https://shop.carmen24.es/wp-content/uploads/2020/12/pago-seguro-garantizado.png" alt="Pago seguro">';
    echo '</div>';
}

add_action( 'woocommerce_review_order_after_submit', 'agregar_imagen_seguridad_checkout' );

Ejemplos de uso:

  1. Sello de Seguridad: Puedes usar este snippet para mostrar un sello de «Pago Seguro» y así aumentar la confianza del cliente.
  2. Promociones: También puedes mostrar una imagen que haga referencia a alguna promoción o descuento especial.
  3. Instrucciones: Otra opción es usarlo para mostrar una pequeña guía o pasos a seguir para completar la compra.

¡Más Snippets, Más Opciones!

Al compartir, motivamos a más desarrolladores a contribuir. Ayúdanos a hacer de este directorio un punto de referencia en snippets.

Facebook
Twitter
LinkedIn
Telegram
WhatsApp

¿Cómo implementar este snippet en la web?

Tienes 2 opciones, una de ellas es mediante plugin y la otra pegando el código en tu web.

1. Añadir snippet con plugin

code-snippets

Code Snippets

Por Code Snippets Pro

  1. Descarga el plugin o búscalo en el repositorio de plugins de Wordpress e instálalo en tu web.
  2. En el menú lateral del Escritorio verás un nuevo enlace (Fragmetos de código). Ves a Fragmentos de código > Añadir nuevo.
  3. Se abrirá una página con un título, bloque de código, descripción y etiquetas, rellena el título con el que quieras guardarlo, ejemplo: Añadir Google Analytics.
  4. En la parte código verás que está activo PHP, ahí pega el código del snippet
  5. La descripción y las etiquetas solo son para tu información y para que luego encuentres más fácil los snippets.
  6. Publicar y activar el snippet.

2. Añadir snippet en el functions.php

Diseño web con WordPress

Accede al archivo functions.php de tu tema o tema hijo, pega el snippet y guarda el archivo.

Lo encontrarás en Apariencia > Editor de archivos de tema, pinchas sobre el enlace  functions.php y pegas el código al final del archivo.

Relacionados: