Insertar código de TrustedShops en el checkout (página de thankyou.php) teniendo DIVI en woocommerce  

Hola Roberto.

.- Accede a tu cuenta de wePanel -> Administrador de archivos.

.- Accede a la carpeta public_html -> creaciones-euromoda.com -> wp-content -> plugins -> woocommerce -> templates -> checkout y edita el archivo thankyou.php

.- Debajo de <div class="woocommerce-order" añade el código.

Si la página de agradecimiento la tienes creada con Divi solo hay que añadir un módulo código a la página y pegar el código facilitado.

.- Edita la página gracias.

.- Añade un módulo Código:

.- Añade el código en el módulo:

Revisa si con alguna de las dos opciones se muestra.

Un saludo

Hola Pepe.

Me ha sido de gran utilidad tu ayuda.

Al final he insertado el código en un objeto código de la pagina de GRACIAS del DIVI y si que lo ha cogido.

El problema es que ahora me da un error y es debido a las variables que estoy usando.

¿Tu me sabrías decirme que variable debería usar?

Esto es lo que me indican desde TrustedShops:

Hola Robert:

El problema viene de que tu sistema no lee las variables que usas:

[ver imagen adjunta]

Como ves en la captura de pantalla, no se interpreta bien tu código.

Necesitarías usar las mismas variables que se usan como para mostrar el resumen del pedido en la página, incluyendo el email, el importe, la referencia de pedido, la forma de pago y la moneda.

gracias

saludos

Hola Roberto.

Ok, instala el siguiente plugin que tiene un integracion para WooCommerce:

-> https://es.wordpress.org/plugins/trusted-shops-easy-integration-for-woocommerce/

Una vez instalado accede a WooCommerce -> Ajustes -> Trusted Shops New

Solo tienes que añadir el ID de cliente y Client Secret paar conectar la tienda

En este enlace tienes una guía:

-> https://help.etrusted.com/hc/en-gb/articles/4905016318237-Using-Trusted-Shops-with-a-plugin

Un Saludo

Hola Pepe.

Como te comente en el primer correo el plugin lo tengo instalado ya desde el principio

Pero se ve que debido al DIVI el codigo de la parte esta del checkout no se instalo.

Al poner el codigo en la pagina del DIVI (tal como me indicaste tu) ya me aparece pero las variables que uso no son correctas

No se como buscar las variable que debo usar.

¿Tu me podrías indicar que variables son?

ver imagen de la respuesta anterior

gracias 

Hola Roberto.

Tienes que consultarlo con su soporte que te digan exactamente qué es lo que necesitan y que te pasen el codigo completo, solo que tengas que modificar la URL.

Lo que muestras en la captura son las son las variables pero no se exactamente como quieren que las implementes en tu código, eso es lo que tienes que consultar y son ellos los que tienen que darte la solución.

Si quieres puedes ponerte en contacto con algún colaborador si ves que tienes problemas para implementarlo:

-> https://www.webempresa.com/directorio-colaboradores.html

Un Saludo

Hola Pepe.

Sigo con el problema.

El problema esta en que al insertar el código indicado en el modulo "codigo" de la pagina de DIVI dicha página no reconoce el PHP.

Por lo que tengo entendido el DIVI no reconoce el PHP.

¿Que puedo hacer?

Otra solución seria insertar el código en el fichero desde el Administrador de archivos, pero no lo encuentro ¿Donde debe estar el archivo?

código a insertar:

 <!-- Trusted Shops Guarantee Card integration - Start  --><div id="trustedShopsCheckout" style="display: none;"><span id="tsCheckoutOrderNr"><?php echo $order->get_order_number(); ?></span><span id="tsCheckoutBuyerEmail"><?php echo $order->billing_email; ?></span><span id="tsCheckoutBuyerId"><?php echo $order->get_user_id(); ?></span><span id="tsCheckoutOrderAmount"><?php echo $order->get_total(); ?></span><span id="tsCheckoutOrderCurrency"><?php echo $order->order_currency; ?></span><span id="tsCheckoutOrderPaymentType"><?php echo $order->payment_method_title; ?></span></div><!-- Trusted Shops Guarantee Card integration - End -->

gracias

Hola Roberto.

El problema es que estas utilizando una página de agradecimiento personalizada de Divi, no utilizas la de WooCommerce.

Prueba añadirlo en el archivo order-receipt.php que encontrarás en la ruta creaciones-euromoda.com -> wp-content -> plugins -> woocommerce -> templates -> checkout

Debajo de este código lo añades:

if ( ! defined( 'ABSPATH' ) ) {
exit;
}
?>

Un saludo

Hola Pepe.

Lo he puesto tal como me indicas pero no hace nada.

He borrado cache, etc. pero nada.

Parece que por ahí no pasa.

<?php
/**
* Checkout Order Receipt Template
*
* This template can be overridden by copying it to yourtheme/woocommerce/checkout/order-receipt.php.
*
* HOWEVER, on occasion WooCommerce will need to update template files and you
* (the theme developer) will need to copy the new files to your theme to
* maintain compatibility. We try to do this as little as possible, but it does
* happen. When this occurs the version of the template file will be bumped and
* the readme will list any important changes.
*
* @see https://docs.woocommerce.com/document/template-structure/
* @package WooCommerce\Templates
* @version 3.2.0
*/

if ( ! defined( 'ABSPATH' ) ) {
exit;
}
?>
<!-- Trusted Shops Guarantee Card integration - Start -->
<div id="trustedShopsCheckout" style="display: none;">
<span id="tsCheckoutOrderNr"><?php echo $order->get_order_number(); ?></span>
<span id="tsCheckoutBuyerEmail"><?php echo $order->get_billing_email(); ?></span>
<span id="tsCheckoutBuyerId"><?php echo $order->get_user_id(); ?></span>
<span id="tsCheckoutOrderAmount"><?php echo $order->get_total(); ?></span>
<span id="tsCheckoutOrderCurrency"><?php echo $order->order_currency; ?></span>
<span id="tsCheckoutOrderPaymentType"><?php echo $order->payment_method_title; ?></span>
</div>
<!-- Trusted Shops Guarantee Card integration - End -->

¿Se te ocurre algún otro archivo donde pueda ser?

gracias

saludos

Hola Roberto.

Añadelo en el archivo thankyou.php y si lo tienes añadido en otras partes lo eliminas y así lo revisaremos.

Al final he insertado el código en un objeto código de la pagina de GRACIAS del DIVI y si que lo ha cogido

Eso quiere decir que sí que se muestra pero tienes problemas con las variables, eso lo tienes que consultar con ellos.

Un Saludo

Hola Pepe.

Lo he puesto en el thankyou.php de plugings/woocommerce/templates/checkout  de woocommerce (lo veras al final) y no hace nada.

Estoy desesperado. Menos mal que estas tu ayudando... GRACIAS.

Si lo pongo en el modulo código de la pagina de DIVI de gracias si que lo lee pero claro el PHP no lo lee (ya que DIVI no lee php) y por lo tanto no funciona bien.

¿Donde se pondrá el código?

<?php
/**
* Thankyou page
*
* This template can be overridden by copying it to yourtheme/woocommerce/checkout/thankyou.php.
*
* HOWEVER, on occasion WooCommerce will need to update template files and you
* (the theme developer) will need to copy the new files to your theme to
* maintain compatibility. We try to do this as little as possible, but it does
* happen. When this occurs the version of the template file will be bumped and
* the readme will list any important changes.
*
* @see https://docs.woocommerce.com/document/template-structure/
* @package WooCommerce\Templates
* @version 3.7.0
*/

defined( 'ABSPATH' ) || exit;
?>

<div class="woocommerce-order">

<?php
if ( $order ) :

do_action( 'woocommerce_before_thankyou', $order->get_id() );
?>

<?php if ( $order->has_status( 'failed' ) ) : ?>

<p class="woocommerce-notice woocommerce-notice--error woocommerce-thankyou-order-failed"><?php esc_html_e( 'Unfortunately your order cannot be processed as the originating bank/merchant has declined your transaction. Please attempt your purchase again.', 'woocommerce' ); ?></p>

<p class="woocommerce-notice woocommerce-notice--error woocommerce-thankyou-order-failed-actions">
<a href="<?php echo esc_url( $order->get_checkout_payment_url() ); ?>" class="button pay"><?php esc_html_e( 'Pay', 'woocommerce' ); ?></a>
<?php if ( is_user_logged_in() ) : ?>
<a href="<?php echo esc_url( wc_get_page_permalink( 'myaccount' ) ); ?>" class="button pay"><?php esc_html_e( 'My account', 'woocommerce' ); ?></a>
<?php endif; ?>
</p>

<?php else : ?>

<p class="woocommerce-notice woocommerce-notice--success woocommerce-thankyou-order-received"><?php echo apply_filters( 'woocommerce_thankyou_order_received_text', esc_html__( 'Thank you. Your order has been received.', 'woocommerce' ), $order ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></p>

<ul class="woocommerce-order-overview woocommerce-thankyou-order-details order_details">

<li class="woocommerce-order-overview__order order">
<?php esc_html_e( 'Order number:', 'woocommerce' ); ?>
<strong><?php echo $order->get_order_number(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></strong>
</li>

<li class="woocommerce-order-overview__date date">
<?php esc_html_e( 'Date:', 'woocommerce' ); ?>
<strong><?php echo wc_format_datetime( $order->get_date_created() ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></strong>
</li>

<?php if ( is_user_logged_in() && $order->get_user_id() === get_current_user_id() && $order->get_billing_email() ) : ?>
<li class="woocommerce-order-overview__email email">
<?php esc_html_e( 'Email:', 'woocommerce' ); ?>
<strong><?php echo $order->get_billing_email(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></strong>
</li>
<?php endif; ?>

<li class="woocommerce-order-overview__total total">
<?php esc_html_e( 'Total:', 'woocommerce' ); ?>
<strong><?php echo $order->get_formatted_order_total(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></strong>
</li>

<?php if ( $order->get_payment_method_title() ) : ?>
<li class="woocommerce-order-overview__payment-method method">
<?php esc_html_e( 'Payment method:', 'woocommerce' ); ?>
<strong><?php echo wp_kses_post( $order->get_payment_method_title() ); ?></strong>
</li>
<?php endif; ?>

</ul>

<?php endif; ?>

<?php do_action( 'woocommerce_thankyou_' . $order->get_payment_method(), $order->get_id() ); ?>
<?php do_action( 'woocommerce_thankyou', $order->get_id() ); ?>

<?php else : ?>

<p class="woocommerce-notice woocommerce-notice--success woocommerce-thankyou-order-received"><?php echo apply_filters( 'woocommerce_thankyou_order_received_text', esc_html__( 'Thank you. Your order has been received.', 'woocommerce' ), null ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></p>

<?php endif; ?>

</div>
<!-- Trusted Shops Guarantee Card integration - Start -->
<div id="trustedShopsCheckout" style="display: none;">
<span id="tsCheckoutOrderNr"><?php echo $order->get_order_number(); ?></span>
<span id="tsCheckoutBuyerEmail"><?php echo $order->get_billing_email(); ?></span>
<span id="tsCheckoutBuyerId"><?php echo $order->get_user_id(); ?></span>
<span id="tsCheckoutOrderAmount"><?php echo $order->get_total(); ?></span>
<span id="tsCheckoutOrderCurrency"><?php echo $order->order_currency; ?></span>
<span id="tsCheckoutOrderPaymentType"><?php echo $order->payment_method_title; ?></span>
</div>
<!-- Trusted Shops Guarantee Card integration - End -->

Hola Roberto, 

En este caso veo todo correcto, como comenta Pepe debes consultarlo con el soporte de TrustedShops para que indiquen de forma precisa que debes modificar para que tome de forma correcta → Contenido solo visible a usuarios registrados

De igual forma puedes consultar con nuestro directorio de colaboradores de esta forma pueden ayudarte de forma específica como añadir de forma correcta el código. 

Un Saludo