¿Puedo integrar también el Trustbadge® en otro lugar de mi tienda?

¿Todavía no has integrado el Trustbadge? Entonces continua al siguiente enlace: Integra a Trusted Shops en tu tienda y comprueba si tenemos algún plugin disponible para el software de tu tienda online, en caso contrario realiza la integración estándar siguiendo estos pasos: ¿Cómo puedo integrar el Trustbadge® en mi tienda sin un plugin?
En el artículo enlazado arriba (¿Cómo puedo integrar el Trustbadge® en mi tienda sin un plugin? ) encontrarás el código del Trustbadge, que es la base para todos los ajustes descritos en el siguiente texto.

Dentro de la integración estándar, el posicionamiento del Trustbadge® está por defecto configurado de la siguiente manera:

  • El Trustbadge se muestra en la vista de escritorio en el lado derecho de la pantalla y en la vista móvil en el lado izquierdo de la pantalla.
  • El Trustbadge se muestra en la vista de escritorio a 54 píxeles y en la vista móvil a 10 píxeles por encima del borde inferior de la pantalla.

Obviamente puedes adaptar la configuración a tus requisitos individuales. El código del Trustbadge te ofrece la posibilidad de colocar el Trustbadge de forma independiente en diferentes lugares de tu página web en la vista de escritorio y móvil.

¿Cómo puedo cambiar el posicionamiento en la vista de escritorio?

En la vista de escritorio puedes...

... mover el Trustbadge horizontalmente de la derecha a la izquierda de la pantalla.

... desplazar el Trustbadge verticalmente hacia arriba o hacia abajo.

... colocar el Trustbadge en tu sitio web de forma totalmente flexible.

Colocar el Trustbadge en la vista de escritorio en el borde izquierdo de la pantalla

  1. Dentro del código del Trustbadge encontrarás la siguiente línea de código:
    data-desktop-position="right"
  2. Sustituye esa línea de código por la siguiente:
    data-desktop-position="left"

De esta forma, habrás colocado el Trustbadge correctamente en el borde izquierdo de la pantalla.

Desplazar el Trustbadge hacia arriba o hacia abajo en la vista de escritorio

  1. Dentro del código del Trustbadge encontrarás la siguiente línea de código:
    data-desktop-y-offset="0"
  2. Sustituye el 0 por el número de píxeles que debe desplazarse el Trustbadge hacia arriba o hacia abajo.

Dos ejemplos:

  • ¿Deseas desplazar el Trustbadge 20 píxeles hacia arriba? Entonces utiliza la siguiente línea de código:
    data-desktop-y-offset="20"
  • ¿Deseas desplazar el Trustbadge hacia abajo? Entonces usa valores negativos. Para desplazar el Trustbadge 20 píxeles hacia abajo, utiliza la siguiente línea de código:
    data-desktop-y-offset="-20"

Si el valor es -54, el Trustbadge se coloca sin distancia en el borde inferior de la pantalla. Por lo tanto, te recomendamos utilizar únicamente valores hasta -44.

Con ello, habrás desplazado correctamente el Trustbadge hacia abajo o hacia arriba.

Colocar el Trustbadge de forma flexible en la vista de escritorio

Además de la variante estándar del Trustbadge descrita hasta ahora, también puedes integrar la variante custom (personalizada) en tu sitio web.

La variante personalizada se diferencia de la variante estándar en tres puntos:

  1. Su aspecto es diferente al de la variante estándar. Aquí puedes ver la variante personalizada:
    01_ES.png  02_ES.png
          (con estrellas de valoración)                                             (sin estrellas de valoración)
  2. Puedes colocar la variante personalizada en tu sitio web de forma totalmente flexible.
  3. Puedes modificar el tamaño de la variante personalizada.

De forma predeterminada, la variante personalizada tiene una anchura de 156 píxeles y una altura de 78 píxeles. A continuación te explicamos cómo cambiar el tamaño del Trustbadge en la vista de escritorio.

¿Estás de acuerdo con los valores estándar mencionados anteriormente? Entonces omite los dos pasos siguientes y continúa con el paso 3.

  1. Dentro del código del Trustbadge encontrarás la siguiente línea de código:
    data-desktop-custom-width="156"
  2. Sustituye el 156 por el número de píxeles que quieres establecer como anchura del Trustbadge.

El número de píxeles que puedes seleccionar aquí depende de si has ocultado las estrellas de valoración en la vista de escritorio.

  • ¿Has ocultado las estrellas de valoración? Entonces selecciona un número de píxeles entre 32 y 58.
  • ¿No has ocultado las estrellas de valoración? Entonces selecciona un número de píxeles entre 100 y 500.

El número de píxeles para la altura del Trustbadge resulta automáticamente del ancho que hayas seleccionado. No tienes que establecerlo tú.

  1. Dentro del código del Trustbadge encontrarás la siguiente línea de código:
    data-desktop-enable-custom="false"
  2. Sustituye esa línea de código por la siguiente:
    data-desktop-enable-custom="true"
  3. Abre el código fuente de tu página web.
  4. Coloca la siguiente línea de código en la posición de tu página web en la que debe aparecer el Trustbadge:
    <div id="trustbadgeCustomContainer"></div>

Las posibles posiciones serían, por ejemplo, la cabecera o el pie de página.

De este modo, habrás integrado correctamente el Trustbadge en el lugar que hayas elegido en tu página web.

¿Cómo puedo cambiar el posicionamiento en la vista móvil?

En la vista móvil puedes...

... mover el Trustbadge horizontalmente del borde izquierdo de la pantalla al centro o a la derecha.

... desplazar el Trustbadge móvil verticalmente hacia arriba o hacia abajo.

... colocar el Trustbadge en tu sitio web de forma totalmente flexible.

Colocar el Trustbadge en la vista móvil en el borde derecho de la pantalla o en el centro

  1. Dentro del código del Trustbadge encontrarás la siguiente línea de código:
    data-mobile-position="left"
  2. Sustituye la línea de código por una de las siguientes:
    - Si quieres colocar el Trustbadge en el lado derecho:
    data-mobile-position="right"
    - Si quieres colocar el Trustbadge en el centro:
    data-mobile-position="center"

De esta forma, habrás colocado el Trustbadge correctamente en el borde derecho de la pantalla o en el centro.

Desplazar el Trustbadge hacia arriba o hacia abajo en la vista móvil

  1. Dentro del código del Trustbadge encontrarás la siguiente línea de código:
    data-mobile-y-offset="0"
  2. Sustituye el 0 por el número de píxeles que debe desplazarse el Trustbadge hacia arriba o hacia abajo.

Dos ejemplos:

  • ¿Deseas desplazar el Trustbadge 5 píxeles hacia arriba? Entonces utiliza la siguiente línea de código:
    data-mobile-y-offset="5"
  • ¿Deseas desplazar el Trustbadge hacia abajo? Entonces usa valores negativos. Para desplazar el Trustbadge 5 píxeles hacia abajo, utiliza la siguiente línea de código:
    data-mobile-y-offset="-5"
    Utiliza únicamente valores de hasta -10.

Con ello, habrás desplazado correctamente el Trustbadge hacia abajo o hacia arriba.

Colocar el Trustbadge de forma flexible en la vista móvil

En la vista móvil de tu sitio web, además de la variante estándar del Trustbadge descrita hasta ahora, también puedes integrar la variante custom (personalizada). De forma predeterminada, la variante personalizada en la vista móvil tiene una anchura de 156 píxeles y una altura de 78 píxeles. A continuación te explicamos cómo cambiar el tamaño del Trustbadge en la vista móvil.

¿Estás de acuerdo con los valores estándar mencionados anteriormente? Entonces omite los dos pasos siguientes y continúa con el paso 3.

  1. Dentro del código del Trustbadge encontrarás la siguiente línea de código:
    data-mobile-custom-width="156"
  2. Sustituye el 156 por el número de píxeles que quieres establecer como anchura del Trustbadge.

El número de píxeles que puedes seleccionar aquí depende de si has ocultado las estrellas de valoración en la vista móvil.

  • ¿Has ocultado las estrellas de valoración? Entonces selecciona un número de píxeles entre 32 y 58.
  • ¿No has ocultado las estrellas de valoración? Entonces selecciona un número de píxeles entre 100 y 500.

El número de píxeles para la altura del Trustbadge resulta automáticamente del ancho que hayas seleccionado. No tienes que establecerlo tú.

  1. Dentro del código del Trustbadge encontrarás la siguiente línea de código:
    data-mobile-enable-custom="false"
  2. Sustituye esa línea de código por la siguiente:
    data-mobile-enable-custom="true"
  3. Abre el código fuente de tu página web.
  4. Coloca la siguiente línea de código en la posición de tu página web en la que debe aparecer el Trustbadge:
    <div id="trustbadgeCustomMobileContainer"></div>

Las posibles posiciones serían, por ejemplo, la cabecera o el pie de página.

De este modo, habrás integrado correctamente el Trustbadge en el lugar que hayas elegido en tu página web.

¿Cómo puedo colocar la Trustcard en otro lugar?

Después del pago, la Trustcard aparece como ventana emergente en la página de confirmación del pedido de tu tienda. Con la Trustcard, tus clientes pueden dar su consentimiento para recibir una invitación de valoración y/o asegurar su pedido con la Protección al Comprador.

03_ES.png

¿No quieres que la Trustcard se abra como una ventana emergente? A continuación, puedes asignarle un puesto fijo en la página de confirmación del pedido.

  1. Abre el archivo modelo de la página de confirmación del pedido.
El archivo modelo probablemente se denominará Finish.tpl, Thankyou.php, success.phtml o algo similar.
  1. Copia la siguiente línea de código en el portapapeles:
    <div id="trustbadgeCustomCheckoutContainer"></div>
El valor id="trustbadgeCustomCheckoutContainer" no debe modificarse.
  1. Introduce la línea de código en la posición del archivo modelo donde debe mostrarse la Trustcard.

Has colocado correctamente la Trustcard en una posición fija en la página de confirmación del pedido.

 


¿Ha sido útil el artículo?

Usuarios a los que les pareció útil: 1 de 3