> ## Documentation Index
> Fetch the complete documentation index at: https://docs.compago.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Cómo elegir la cuenta de depósito
> Elige en la terminal, al cobrar, a qué cuenta bancaria de tu negocio llega el dinero de cada venta.
export const SupportBox = () => ;
export const GuideImage = ({src, preview, alt, width, height, caption, variant = 'screen'}) => {
const [open, setOpen] = useState(false);
const [view, setView] = useState(null);
const opener = useRef(null);
const dialog = useRef(null);
const viewport = useRef(null);
const closeButton = useRef(null);
const fitScale = useRef(1);
const drag = useRef(null);
const long = height / width > 1.6;
const icon = (d, size = 18) => ;
const ZOOM_IN = 'M11 3a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM21 21l-4.35-4.35M11 8v6M8 11h6';
const ZOOM_OUT = 'M11 3a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM21 21l-4.35-4.35M8 11h6';
const FIT = 'M3 7V5a2 2 0 0 1 2-2h2M17 3h2a2 2 0 0 1 2 2v2M21 17v2a2 2 0 0 1-2 2h-2M7 21H5a2 2 0 0 1-2-2v-2';
const DOWNLOAD = 'M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3';
const CLOSE = 'M18 6 6 18M6 6l12 12';
const clampView = next => {
const el = viewport.current;
if (!el) return next;
const w = width * next.scale;
const h = height * next.scale;
const keep = 96;
const x = w <= el.clientWidth ? (el.clientWidth - w) / 2 : Math.min(keep, Math.max(el.clientWidth - w - keep, next.x));
const y = h <= el.clientHeight ? (el.clientHeight - h) / 2 : Math.min(keep, Math.max(el.clientHeight - h - keep, next.y));
return {
scale: next.scale,
x,
y
};
};
const fit = () => {
const el = viewport.current;
if (!el) return;
const scale = long ? Math.min(1, el.clientWidth * 0.94 / width) : Math.min(1, el.clientWidth * 0.94 / width, el.clientHeight * 0.88 / height);
fitScale.current = scale;
setView(clampView({
scale,
x: (el.clientWidth - width * scale) / 2,
y: long ? 72 : (el.clientHeight - height * scale) / 2
}));
};
const zoomAt = (factor, cx, cy) => {
setView(current => {
const el = viewport.current;
if (!current || !el) return current;
const px = cx ?? el.clientWidth / 2;
const py = cy ?? el.clientHeight / 2;
const scale = Math.min(Math.max(fitScale.current * 0.5, current.scale * factor), Math.max(1.5, fitScale.current * 6));
const ratio = scale / current.scale;
return clampView({
scale,
x: px - (px - current.x) * ratio,
y: py - (py - current.y) * ratio
});
});
};
const panBy = (dx, dy) => setView(current => current && clampView({
...current,
x: current.x + dx,
y: current.y + dy
}));
const close = () => {
setOpen(false);
setView(null);
opener.current?.focus();
};
const show = event => {
opener.current = event.currentTarget;
setOpen(true);
};
const actions = useRef({});
actions.current = {
fit,
zoomAt,
panBy,
close
};
useEffect(() => {
const modal = dialog.current;
if (!open || !modal) return undefined;
if (!modal.open) modal.showModal();
const el = viewport.current;
actions.current.fit();
closeButton.current?.focus();
const onResize = () => actions.current.fit();
const onKey = event => {
const {zoomAt: zoom, panBy: pan} = actions.current;
if (event.key === '+' || event.key === '=') zoom(1.25); else if (event.key === '-' || event.key === '_') zoom(0.8); else if (event.key === '0') actions.current.fit(); else if (event.key === 'ArrowUp') pan(0, 120); else if (event.key === 'ArrowDown') pan(0, -120); else if (event.key === 'ArrowLeft') pan(120, 0); else if (event.key === 'ArrowRight') pan(-120, 0); else return;
event.preventDefault();
};
const onWheel = event => {
event.preventDefault();
const rect = el.getBoundingClientRect();
if (event.ctrlKey || event.metaKey) actions.current.zoomAt(Math.exp(-event.deltaY * 0.0022), event.clientX - rect.left, event.clientY - rect.top); else actions.current.panBy(-event.deltaX, -event.deltaY);
};
const root = document.documentElement;
const overflow = root.style.overflow;
root.style.overflow = 'hidden';
window.addEventListener('resize', onResize);
document.addEventListener('keydown', onKey);
el?.addEventListener('wheel', onWheel, {
passive: false
});
return () => {
root.style.overflow = overflow;
window.removeEventListener('resize', onResize);
document.removeEventListener('keydown', onKey);
el?.removeEventListener('wheel', onWheel);
if (modal.open) modal.close();
};
}, [open]);
const onPointerDown = event => {
if (event.button !== 0) return;
drag.current = {
x: event.clientX,
y: event.clientY,
travel: 0
};
event.currentTarget.setPointerCapture(event.pointerId);
};
const onPointerMove = event => {
const start = drag.current;
if (!start) return;
const dx = event.clientX - start.x;
const dy = event.clientY - start.y;
start.travel += Math.abs(dx) + Math.abs(dy);
start.x = event.clientX;
start.y = event.clientY;
panBy(dx, dy);
};
const onPointerUp = event => {
const start = drag.current;
drag.current = null;
if (!start || start.travel > 6 || !view) return;
const rect = viewport.current.getBoundingClientRect();
const x = event.clientX - rect.left;
const y = event.clientY - rect.top;
const inside = x >= view.x && x <= view.x + width * view.scale && y >= view.y && y <= view.y + height * view.scale;
if (!inside) close();
};
const onDoubleClick = event => {
const rect = viewport.current.getBoundingClientRect();
if (view && view.scale > fitScale.current * 1.4) fit(); else zoomAt(2.2, event.clientX - rect.left, event.clientY - rect.top);
};
const percent = view ? Math.round(view.scale / fitScale.current * 100) : 100;
const viewer = open && ;
if (variant === 'guide') {
return
{caption && {caption}}
{viewer}
;
}
return
{caption && {caption}}
{viewer}
;
};
export const GuideVideo = ({src, poster, title, duration, caption}) => {
const dialog = useRef(null);
const player = useRef(null);
const opener = useRef(null);
const resumeAt = useRef(0);
const pageOverflow = useRef('');
const icon = (d, size = 18, fill = false) => ;
const PLAY = 'M9 6.5 18.5 12 9 17.5z';
const MAXIMIZE = 'M8 3H5a2 2 0 0 0-2 2v3M21 8V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3M16 21h3a2 2 0 0 0 2-2v-3';
const CLOSE = 'M18 6 6 18M6 6l12 12';
const open = event => {
const modal = dialog.current;
const video = player.current;
if (!modal || !video || modal.open) return;
opener.current = event.currentTarget;
pageOverflow.current = document.documentElement.style.overflow;
document.documentElement.style.overflow = 'hidden';
modal.showModal();
video.currentTime = resumeAt.current;
video.play().catch(() => {});
video.focus();
};
const onClose = () => {
const video = player.current;
if (video) {
resumeAt.current = video.ended ? 0 : video.currentTime;
video.pause();
}
document.documentElement.style.overflow = pageOverflow.current;
opener.current?.focus();
};
const close = () => {
if (dialog.current?.open) dialog.current.close();
};
const fullscreen = () => {
const video = player.current;
if (!video) return;
video.play().catch(() => {});
if (video.requestFullscreen) video.requestFullscreen().catch(() => {}); else if (video.webkitEnterFullscreen) video.webkitEnterFullscreen();
};
return
{caption && {caption}}
;
};
Si tu negocio tiene varias cuentas bancarias y reparte sus ventas a mano, la terminal pregunta en cada cobro a cuál llega el dinero. Es un paso más, justo antes de pasar la tarjeta.
## Dónde está en la app
* **Cuenta de depósito** es un paso del cobro: aparece después de **Plan de pago** y justo antes de la tarjeta.
* No está en ningún menú de la terminal. La terminal la muestra sola cuando tu negocio elige la cuenta en cada venta.
## Antes de empezar
* En tu panel, tu negocio reparte sus ventas con **Manual en cada venta**. Lo cambia el **Dueño** en **Configuraciones**, **Organización**, pestaña **Cuentas bancarias**: sigue [Repartir tus ventas entre cuentas](/manual/organizacion/repartir-tus-ventas).
* Tu negocio tiene dos cuentas **Verificadas** o más. Para sumar una, sigue [Agregar una cuenta bancaria](/manual/organizacion/cuenta-bancaria).
* Cualquier vendedor con la sesión iniciada en la terminal puede elegir la cuenta.
* La terminal actualiza sola la lista de cuentas al empezar cada cobro: no hay que reiniciarla ni volver a entrar.
## Paso a paso
El cobro empieza como siempre: en **Nuevo cobro**, escribe el monto de la venta y toca **Cobrar**. La cuenta se elige más adelante, justo antes de la tarjeta.
Después de la propina y el plan de pago, si tu negocio los usa, llegas a **Cuenta de depósito**. Viene marcada la cuenta predeterminada. Toca la que debe recibir esta venta; en este ejemplo, **Sucursal Centro**.
Si la venta va a la cuenta que ya viene marcada, no toques ninguna: sigue con **Continuar**.
La cuenta queda marcada con una palomita. Revisa su nombre, su banco y los últimos cuatro dígitos, y toca **Continuar**.
La terminal nunca muestra el número completo de la cuenta: solo los tres dígitos del banco y los últimos cuatro.
La terminal ya espera la tarjeta. Tu cliente la acerca arriba de la terminal o la inserta por el chip, y la venta llega a la cuenta que elegiste.
¿Te equivocaste de cuenta? Antes de pasar la tarjeta, toca la flecha de arriba a la izquierda para volver a **Cuenta de depósito**.
La terminal imprime el comprobante y muestra **Pago aprobado**. La cuenta que elegiste vale solo para esta venta: en el siguiente cobro, la terminal vuelve a preguntar.
## Qué pasa después
* La venta se deposita en la cuenta que elegiste. Recibes un depósito por cada cuenta que tuvo ventas.
* En tu panel, en [Liquidaciones](/manual/liquidaciones/ver-tus-liquidaciones), cada depósito dice a qué cuenta llegó.
* En el siguiente cobro vuelve a venir marcada la cuenta predeterminada.
* El cobro queda en **Transacciones**, como cualquier otro. Ahí puedes [ver su detalle](/manual/terminal/ver-el-detalle-de-un-cobro).
## Preguntas frecuentes
La pantalla solo aparece cuando tu negocio reparte sus ventas con **Manual en cada venta** y tiene dos cuentas **Verificadas** o más. Con **Automático por montos**, o con una sola cuenta, no hay nada que elegir y la terminal pasa directo a la tarjeta.
A la que viene marcada: la **Predeterminada**, la primera de tu lista de cuentas en el panel.
Sí. Mientras la terminal espera la tarjeta, toca la flecha de arriba a la izquierda: vuelves a **Cuenta de depósito** con tu elección marcada, y puedes tocar otra.
El nombre que le diste, su titular, su banco y los extremos de su número: los tres dígitos del banco y los últimos cuatro. El número completo nunca llega a la terminal.
En tu panel, cambia el reparto a **Automático por montos**: tus ventas se reparten solas y la terminal deja de preguntar. Te lo explicamos en [Repartir tus ventas entre cuentas](/manual/organizacion/repartir-tus-ventas).
## Errores comunes
### «Cuenta no disponible»
La terminal dice «La cuenta elegida ya no puede recibir ventas. No se hizo ningún cargo.». La cuenta se eliminó o dejó de estar verificada después de que la terminal leyó tu lista. Toca **Elegir otra cuenta** para volver a **Cuenta de depósito**, o **Cancelar pago** para salir del cobro.
### «No hay cuentas para elegir»
Debajo dice «El negocio ya no elige la cuenta en cada venta.». Tu negocio cambió su forma de repartir las ventas mientras tenías la pantalla abierta. Toca **Continuar**: el cobro sigue y la venta se reparte como lo indica tu panel.
### Falta una cuenta en la lista
La terminal solo ofrece las cuentas **Verificadas**. Una cuenta **En verificación** aparece cuando terminamos de revisarla. Revisa su estado en tu panel, en **Cuentas bancarias**.
## Guía en una imagen
Todos los pasos en una sola imagen, para tenerla a mano o compartirla con tu equipo.
## Guías relacionadas
El cobro completo, del monto al pago aprobado.
Elige el plan de pago antes de pasar la tarjeta.
Decide en tu panel cómo llegan tus ventas a cada cuenta.
Sal de un cobro antes de pasar la tarjeta, sin cobrar nada.
## ¿Necesitas ayuda?
This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.