¿Cómo realizo la integración del #trstd login en mi página web?

Con el #trstd login, tus clientes pueden verificar la autenticidad de tu sitio web con un solo clic. Esto te ayuda a reforzar la confianza en tu tienda y a reducir el abandono de la compra.

Por defecto, el #trstd login se proporciona a través de Trustbadge. No obstante, también puedes integrarlo directamente en tu sitio web y personalizar su posición y apariencia según tus necesidades. Esto resulta útil, por ejemplo, si no has integrado el Trustbadge en una zona visible de tu página web.

Si utilizas Shopify, Shopware 6 o Shoper, puedes integrar el #trstd login directamente a través del plugin correspondiente. La configuración ya viene preparada en estos sistemas y no requiere una integración manual en el código de tu sitio web.

Sigue estos pasos para integrar manualmente el #trstd login:

  1. Abre el configurador
  2. Integra el #trstd login
  3. Crea tu propio tema (opcional)
  4. Registra un entorno de prueba (opcional)

Paso 1: Abre el configurador

  1. Inicia sesión en el Centro de Control de eTrusted.
  2. En la navegación principal, haz clic en el icono del sitio web («#trstd login») (01_16x16.png) A continuación, haz clic en «#trstd login» (02_16x16.png). Selecciona el canal deseado (03_16x16.png). Haz clic en «Empieza con #trstd login» (04_16x16.png).
    Abre el configurador de inicio de sesión #trstd en el Centro de Control eTrusted

Has abierto correctamente el configurador de #trstd login.

Paso 2: Integra el #trstd login

El tema predeterminado ya está disponible en la configuración del #trstd login. Está diseñado para tener accesibilidad y se puede utilizar sin necesidad de realizar ajustes adicionales.

Para integrar el #trstd login, debes añadir dos fragmentos de código en el HTML de tu sitio web:

  • el código de integración
  • el elemento
  1. En el configurador de #trstd login, abre la pestaña «Integración» (01_16x16.png)
  2. En la sección «Tema predeterminado», haz clic en «Obtener código de integración» (02_16x16.png).
    Abre la pestaña «Integración» y obtén el código de integración para el tema estándar
  3. Aparecerá una ventana emergente. Haz clic en «Copiar script de integración» para copiar el código de integración en el portapapeles.
    Copia el código de integración de la ventana emergente de inicio de sesión de #trstd
  4. Inserta el fragmento de código en la sección <head> de tu sitio web.
  5. Vuelve a la ventana emergente. Haz clic en «Copiar colocar elemento» para copiar el elemento en el portapapeles.
    Copia el elemento de la ventana emergente de inicio de sesión de #trstd.
  6. Inserta el fragmento de código en la posición deseada del código HTML de tu sitio web.

Ya has realizado correctamente la integración del #trstd login en tu sitio web.

¿Cómo puedo personalizar el #trstd login para mi sitio web?

Si deseas adaptar la apariencia del #trstd login para que se ajuste mejor a tu sitio web o a la identidad corporativa, puedes crear tu propio tema.

El tema predeterminado seguirá estando disponible y no se modificará. Una vez guardado, tu propio tema también estará disponible en la lista de temas.
  1. En el configurador de #trstd login, abre la pestaña «Temas y apariencia» (01_16x16.png)
  2. Haz clic en «Crear nuevo tema» (02_16x16.png).
    Crea un nuevo tema en la pestaña «Temas y apariencia»
  3. Aparece una nueva sección. En primer lugar, introduce un nombre (01_16x16.png) para el tema. También dispone de las siguientes opciones:
    • Define el tamaño del #trstd login (02_16x16.png).
    • Define el color y el grosor del borde (03_16x16.png).
    • Define el color de fondo para los estados inactivo y activo (04_16x16.png).
    • Define el color del botón de inicio de sesión para los estados inactivo y activo (05_16x16.png).
    • Define el color del icono electrónico para los estados inactivo y activo (06_16x16.png).
  4. Comprueba tus ajustes en la vista previa (07_16x16.png). A continuación, haz clic en «Guardar tema» (08_16x16.png).
    Configurar y guardar un tema personalizado para el inicio de sesión #trstd
  5. Ya has creado un tema correctamente. Ya está disponible en la lista de temas. Haz clic en «Integración». Junto a tu tema, haz clic en «Obtener código de integración».
  6. Incorpora el código y el elemento de integración a tu sitio web tal y como se ha descrito anteriormente.

Ya has realizado correctamente la integración del #trstd login en tu tema personalizado.

¿Cómo puedo registrar un entorno de prueba?

Si deseas probar primero el #trstd login en un entorno de prueba, puedes vincular tu entorno de preproducción al Centro de Control eTrusted.

  1. Abre la pestaña «Entornos de prueba» (01_16x16.png). Haz clic en «Registrar URL de prueba» (02_16x16.png).
    Abre la pestaña «Entornos de prueba» y registra una URL de prueba
  2. Introduce la URL del entorno de pruebas (01_16x16.png). Haz clic en «Guardar URL de prueba» (02_16x16.png).
    Introduce y guarda la URL del entorno de pruebas

Ya has registrado correctamente tu entorno de prueba.


Usuarios a los que les pareció útil: 0 de 0