DOCS

Diseño del checkout

Diseño del 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.

Para cargar su logotipo en su página de checkout:

  1. Vaya a Dashboard -> Settings -> Checkout -> Appearance.
  2. Haga clic en Upload new logo.
  3. Elija el archivo de su computadora y luego haga clic en Open.

Para cargar su favicon en su página de checkout:

  1. Vaya a Dashboard -> Settings -> Checkout -> Appearance.
  2. Haga clic en Upload new favicon.
  3. Elija el archivo de su computadora y luego haga clic en Open.

Encontrar el archivo favicon para guardar 

Si no tiene el archivo favicon en su computadora, siga estos pasos para extraerlo de su sitio web antes de cargarlo en Dashboard.

  1. Vaya a su sitio web.
  2. Haga clic con el botón derecho en la página de su sitio web y luego elija View page source en el menú desplegable.
  3. Encuentre el favicon haciendo clic en ctrl+f (o command+f en Mac) y luego buscando la palabra "favicon".
  4. Haga clic en el enlace que aparece para el favicon para abrir la imagen.
  5. Haga clic con el botón derecho en la imagen y guarde la imagen 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.

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

  1. Vaya a Dashboard -> Settings -> Checkout -> Appearance.
  2. En Colors, haga clic en el color que desea cambiar.
  3. Elija un color preestablecido o ingrese el código de color Hex del color que desea.

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 hex de su sitio web.

Elementos cuyo color puede personalizar 

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

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

Para obtener una vista previa del diseño de su checkout, cree un pedido de prueba. Para hacerlo, siga estos pasos:

  1. En Dashboard, vaya a Orders.
  2. Cambie a Test Mode -> haga clic en Create test order
  3. Ingrese los detalles del pedido de prueba y luego haga clic en Create order.

Su checkout mostrará entonces el diseño que ha configurado en la sección Appearance.

¿Fue útil esta página?