DOCS

Checkout design

/

Diseño de Checkout

Agregue el logotipo de su marca, favicon y colores.

Mejore su experiencia de checkout con un toque personalizado al personalizar su página de checkout internacional con su logotipo, favicon y colores de marca.

Subir su logotipo

Para subir su logotipo a su página de checkout:

  1. Vaya a Panel de control -> Configuración -> Checkout -> Apariencia.
  2. Haga clic en Subir nuevo logotipo.
  3. Elija el archivo de su computadora y luego haga clic en Abrir.

Subir su favicon

Para subir su favicon a su página de checkout:

  1. Vaya a Panel de control -> Configuración -> Checkout -> Apariencia.
  2. Haga clic en Subir nuevo favicon.
  3. Elija el archivo de su computadora y luego haga clic en Abrir.

Encontrar el archivo del favicon para guardar

Si no tiene el archivo de su favicon en su computadora, siga estos pasos para extraerlo de su sitio web antes de subirlo al Panel de control.

  1. Vaya a su sitio web.
  2. Haga clic derecho en la página de su sitio web y elija Ver código fuente en el menú desplegable.
  3. Encuentre el favicon haciendo clic en ctrl+f (o command+f en Mac), luego busque la palabra "favicon."
  4. Haga clic en el enlace que aparece para que aparezca la imagen del favicon.
  5. Haga clic derecho en la imagen y guárdela en formato ICO.
    1. Si su imagen no se guarda en formato ICO, guárdela en su formato actual y luego use un programa como Convertio para convertir el archivo a un archivo ICO.

Modificar colores

Para personalizar los colores en su página de checkout:

  1. Vaya a Panel de control -> Configuración -> Checkout -> Apariencia.
  2. En Colores, haga clic en el color que desea cambiar.
  3. Elija un color preestablecido o ingrese el código de color Hex del color que desee.

Si necesita ayuda para encontrar el código de color Hex de los colores de su marca, puede usar una extensión de selector de color en su navegador para extraer los códigos de color hexadecimales de su sitio web.

Elementos que puede personalizar con color

Puede personalizar la página de checkout con hasta tres colores:

  • Color principal (para botones de radio, casillas de verificación, entradas, enlaces)
  • Color del botón (el color del botón de checkout que presiona para realizar un pedido)
  • Color del encabezado (el color de fondo del encabezado)

Vista previa de su diseño de checkout

  1. Vaya a Panel de control -> Configuración -> Checkout -> Apariencia.
  2. Haga clic en Vista previa en vivo en la parte superior derecha de la página.

Solucionar problemas si la vista previa en vivo no se muestra

Si la vista previa en vivo no se muestra, siga los siguientes pasos para generar un checkout simulado. Después de hacer esto una vez, la vista previa en vivo funcionará correctamente sin necesidad de seguir los pasos a continuación en futuras vistas previas.

  1. Vaya a Panel de control -> Pedidos -> Simulación de checkout.
  2. Haga clic en Generar checkout.

¿Fue útil esta página?