DOCS

Diseño de Checkout

Diseño de Checkout

Agrega tu logotipo, favicon y colores de marca.

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

Sube tu logotipo

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

  1. Ve a Dashboard -> Configuración -> Checkout -> Apariencia.
  2. Haz clic en Subir nuevo logotipo.
  3. Elige el archivo de tu computadora y luego haz clic en Abrir.

Sube tu favicon

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

  1. Ve a Dashboard -> Configuración -> Checkout -> Apariencia.
  2. Haz clic en Subir nuevo favicon.
  3. Elige el archivo de tu computadora y luego haz clic en Abrir.

Encuentra el archivo favicon para guardar

Si no tienes tu archivo favicon en tu computadora, sigue estos pasos para obtenerlo de tu sitio web antes de subirlo a Dashboard.

  1. Ve a tu sitio web.
  2. Haz clic derecho en la página de tu sitio web y elige Ver código fuente de la página en el menú desplegable.
  3. Encuentra el favicon haciendo clic en ctrl+f (o command+f en un Mac) y buscando la palabra "favicon."
  4. Haz clic en el enlace que aparece para el favicon para mostrar la imagen.
  5. Haz clic derecho en la imagen y guarda la imagen en formato ICO.
    1. Si tu imagen no se guarda en formato ICO, guárdala en su formato actual y luego usa un programa como Convertio para convertir el archivo a un archivo ICO.

Modificar colores

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

  1. Ve a Dashboard -> Configuración -> Checkout -> Apariencia.
  2. En Colores, haz clic en el color que te gustaría cambiar.
  3. Elige un color preestablecido o ingresa el código de color Hex del color que deseas.

Si necesitas ayuda para encontrar el código de color Hex de los colores de tu marca, puedes usar una extensión de selector de color en tu navegador para obtener los códigos de color hex de tu sitio web.

Elementos que puedes personalizar en color

Puedes personalizar la página de checkout para tener hasta tres colores:

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

Previsualiza el diseño de tu checkout

Para previsualizar el diseño de tu checkout, crea un pedido de prueba. Para hacer esto, sigue estos pasos:

  1. En Dashboard, navega a Pedidos.
  2. Cambia a Modo de prueba -> haz clic en Crear pedido de prueba
  3. Ingresa los detalles del pedido de prueba y luego haz clic en Crear pedido.

Tu checkout mostrará el diseño que has configurado en la sección Apariencia.

¿Fue útil esta página?