¿Cómo puedo integrar el Trustbadge en mi tienda sin un plugin?

Existen plugins para muchas plataformas de ecommerce. Estos plugins te ayudarán a integrar en tu página web los productos que has contratado de forma cómoda y sencilla.
Comprueba en esta vista general si hay un plugin disponible para tu plataforma de ecommerce: Integra a Trusted Shops en tu tienda
 
  • ¿Hay un plugin disponible? Si es así, sigue las instrucciones de integración que has encontrado en la vista general anterior.
  • ¿No hay ningún plugin disponible? Entonces, vuelve a estas instrucciones y sigue los pasos que se describen a continuación.

Puedes integrar el Trustbadge® desde el primer día de tu adhesión a Trusted Shops. Para ello, solo necesitas seguir estos cinco pasos:

  1. Encuentra tu ID de Trusted Shops ("TS-ID")
  2. Configura el código del Trustbadge
  3. Integra el código del Trustbadge en tu página web
  4. Define la transferencia de datos para la Trustcard
  5. Comprueba la integración del Trustbadge

Paso 1: Encuentra tu ID de Trusted Shops

Para la integración del Trustbadge necesitas tu ID personal de Trusted Shops. Encontrarás tu TS-ID en My Trusted Shops.

  1. Inicia sesión en My Trusted Shops. Se abrirá el panel de control.
  2. En la columna derecha del panel de control encontrarás tu TS-ID.

01_ES.png

Paso 2: Configura el código del Trustbadge

El siguiente código de integración es la base para la integración del Trustbadge:

<script async 
data-desktop-y-offset="0"
data-mobile-y-offset="0"
data-desktop-disable-reviews="false"
data-desktop-enable-custom="false"
data-desktop-position="right"
data-desktop-custom-width="156"
data-desktop-enable-fadeout="false"
data-disable-mobile="false"
data-disable-trustbadge="false"
data-mobile-custom-width="156"
data-mobile-disable-reviews="false"
data-mobile-enable-custom="false"
data-mobile-position="left"
data-mobile-enable-topbar="false"
data-mobile-enable-fadeout="true"
charset="UTF-8"
src="//widgets.trustedshops.com/js/YOUR_TSID.js">
</script>
  1. Busca dentro del código de integración, la siguiente línea de código:
    src="//widgets.trustedshops.com/js/YOUR_TSID.js">
  2. Sustituye la zona marcada en negrita YOUR_TSID por tu ID de Trusted Shops.

02_ES.pngCon esto ya has creado tu código del Trustbadge. Si no realizas más ajustes, el Trustbadge...

... muestra tus valoraciones recopiladas y, tras la certificación, tu Sello de Calidad de forma automática.

... tu Trustbadge será visible en la vista de escritorio, en la esquina inferior derecha 54 píxeles por encima del borde inferior de la pantalla y en la vista móvil, a la izquierda 10 píxeles por encima del borde inferior de la pantalla.

Llegados a este punto, tienes dos opciones:

  • ¿Estás de acuerdo con estos ajustes? Entonces ve directamente al paso 3.
  • ¿Quieres mostrar el Trustbadge de otra forma o integrarlo en otro lugar de tu tienda? Entonces, continúa con la configuración del código del Trustbadge con la ayuda de este artículo: ¿Cómo adapto el Trustbadge® a mis necesidades? Después vuelve a este manual y continúa con el paso 3.

Paso 3: Integra el código del Trustbadge en tu página web

¿Has configurado el código del Trustbadge según tus preferencias? Entonces, intégralo ahora en tu página web.

  1. Abre el archivo de pie de página desde el sistema de software de tu tienda o en el servidor FTP. 
El archivo de pie de página probablemente se llamará footer.php o similar.
  1. Copia todo el código del Trustbadge preparado en el paso anterior. 
  2. Inserta el código del Trustbadge en el archivo de pie de página justo antes de la etiqueta de cierre </body>. 

De este modo, el Trustbadge estará disponible en cada página de tu tienda; también en la página de confirmación del pedido.

Paso 4: Define la transferencia de datos para la Trustcard

Una función importante del Trustbadge es la Trustcard. La Trustcard aparecerá en tu tienda una vez se haya realizado el pedido. A través de la Trustcard, tu clientela puede dar su consentimiento para recibir una petición de valoración y/o asegurar su pedido mediante la Protección al Comprador.

03_ES.png

Para que la Trustcard se abra en el momento oportuno, el Trustbadge debe poder reconocer la página de confirmación del pedido. Para ello, integra el siguiente elemento DIV en la plantilla de la página de confirmación del pedido.

A través de este elemento DIV tu tienda transfiere al Trustbadge los datos necesarios para la Protección al Comprador y para el envío de una petición de valoración.

La base del elemento DIV es el siguiente código:

<div id="trustedShopsCheckout" style="display: none;"> 
<span id="tsCheckoutOrderNr">2020-05-21-001</span>
<span id="tsCheckoutBuyerEmail">esto.es.un.ejemplo@mail.de</span>
<span id="tsCheckoutOrderAmount">4005.95</span>
<span id="tsCheckoutOrderCurrency">EUR</span>
<span id="tsCheckoutOrderPaymentType">transferencia</span>
<span id="tsCheckoutOrderEstDeliveryDate">2020-05-24</span>
</div>

A través del elemento DIV se deben rellenar y transferir los datos del pedido de forma dinámica. Por lo tanto, no copies el ejemplo de código anterior en la página de confirmación del pedido sin antes cambiarlo.

  1. Sustituye los valores de los parámetros de ejemplo, es decir los que están marcados en negrita. Para ello, utiliza las variables correspondientes al lenguaje de programación utilizado por tu plataforma de ecommerce. En la siguiente tabla se explican los parámetros individuales: 
Parámetros Función Observaciones
<span id="tsCheckoutOrderNr">2020-05-21-001</span> Transferencia del número del pedido  
<span id="tsCheckoutBuyerEmail">mein.kunde@mail.de</span> Transferencia de la dirección de correo electrónico de tu cliente  
<span id="tsCheckoutOrderAmount">4005.95</span> Transferencia del importe total del pedido Como se puede ver en el ejemplo 4005.95, el separador decimal es un punto. Además se indican dos decimales.
<span id="tsCheckoutOrderCurrency">EUR</span> Transferencia del código de divisa del pedido La norma ISO 4217 establece los códigos de divisa. Si solo se ofrece una moneda, se puede introducir este valor en el código fijo.
<span id="tsCheckoutOrderPaymentType">VORKASSE</span> Transferencia del método de pago utilizado  
<span id="tsCheckoutOrderEstDeliveryDate">2020-05-24</span> Transferencia de la fecha de entrega prevista Necesario si deseas enviar peticiones de valoración en función de la fecha de entrega prevista. El formato de fecha utilizado es AAAA-MM-DD.
En el lenguaje de programación PHP, la transferencia de la dirección de correo electrónico podría ser así, por ejemplo:
<span id="tsCheckoutBuyerEmail"><?php echo $customer_email; ?><span>

$customer_email corresponde a la dirección de correo electrónico del cliente en el sistema de tu tienda. Consulta la documentación de tu sistema de tienda para conocer la definición exacta de las variables a utilizar, ya que estas pueden cambiar de un sistema a otro. Por este motivo, no podemos proporcionar ninguna información válida de forma general.
  1. Abre el archivo de plantilla de la página de confirmación del pedido.
El archivo de plantilla probablemente se llamará finish.tpl, thankyou.php, success.phtml o similar. 
  1. Copia todo el código del elemento DIV recién preparado.
  2. Pega el código en el archivo de plantilla de la página de confirmación del pedido.

De este modo, tras realizar el pedido se abrirá la Trustcard en la página de confirmación de pedido. El Trustbadge está integrado en tu tienda con todas sus funciones.

Paso 5: Comprueba la integración del Trustbadge

Comprueba ahora el funcionamiento del Trustbadge haciendo un pedido de prueba en tu tienda.
Si el Trustbadge se ha integrado correctamente, la Trustcard aparecerá al final del proceso de compra.

Este artículo te ayudará a comprobar tu integración del Trustbadge: ¿Cómo compruebo la integración de mi Trustbadge

Si tienes alguna pregunta o problema con tu integración, no dudes en ponerte en contacto con nuestro equipo de Customer Success escribiendo a members@trustedshops.com
¿Has establecido una política de seguridad de contenido para tu sitio web? En ese caso, comprueba si debes adaptar tu política después de la integración del Trustbadge.

¿Ha sido útil el artículo?

Usuarios a los que les pareció útil: 14 de 24