> ## 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 recuperar tu contraseña
> Recibe un código en tu correo y crea una contraseña nueva.
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 no recuerdas tu contraseña, crea una nueva con un código que te enviamos a tu correo. Al guardarla entras directo a tu panel.
## Dónde está en la app
* Abre **app.compago.com** en tu navegador.
* En la pantalla de acceso, debajo del campo **Contraseña**, haz clic en **¿Olvidaste tu contraseña?**.
## Antes de empezar
* Puede hacerlo cualquier persona con cuenta, con cualquier rol (**Dueño**, **Administrador** o **Miembro**), en cuentas de comercio y de fabricante.
* Ten abierto el correo de tu cuenta: ahí te llega el código, y vence a los 5 minutos.
* ¿Ya estás dentro de tu panel y solo quieres cambiarla? Hazlo desde tu configuración: te lo explicamos en [Cambiar tu contraseña](/manual/cuenta/cambiar-tu-contrasena).
## Paso a paso
En la pantalla de acceso de **app.compago.com**, haz clic en **¿Olvidaste tu contraseña?**, debajo del campo **Contraseña**.
¿Creaste tu cuenta con Google? Entra con **Continuar con Google**, sin recuperar nada.
En **Recupera tu contraseña**, escribe en **Correo electrónico** el correo con el que entras a Compago. Luego haz clic en **Enviar código**: te llega a tu correo un código de 6 dígitos.
El correo llega con el asunto **Tu código de seguridad de Compago**.
Revisa tu correo y escribe el código de 6 dígitos. Se verifica solo al escribir el último dígito.
¿No te llegó? Revisa tu carpeta de spam. Después de un minuto puedes pedir otro con **¿No te llegó? Enviar otro código**.
Escribe tu contraseña nueva en **Nueva contraseña** y repítela en **Repetir contraseña**. Luego haz clic en **Guardar contraseña**.
Necesita al menos 8 caracteres, 1 número, 1 letra minúscula y 1 letra mayúscula.
Tu contraseña nueva quedó guardada y entras directo a **Inicio**. La próxima vez, inicia sesión con ella.
Abajo a la izquierda ves el nombre y el correo de la cuenta con la que entraste.
## Qué pasa después
* Tu contraseña anterior deja de servir: desde ahora [inicias sesión](/manual/primeros-pasos/iniciar-sesion) con la nueva.
* Si creaste tu cuenta con Google, desde ahora también puedes entrar con tu correo y esta contraseña.
* Si tu alta todavía no está terminada, al entrar Compago te lleva al paso donde te quedaste.
## Preguntas frecuentes
5 minutos. Si se te pasa el tiempo, pide otro con **¿No te llegó? Enviar otro código**, en la misma pantalla, y usa el que te llegue.
En la pantalla del código, haz clic en la flecha de arriba a la izquierda (al pasar el cursor dice **Cambiar de correo**). Regresas al primer paso para escribirlo de nuevo.
Sí, con estos mismos pasos. Al terminar puedes entrar de las dos formas: con **Continuar con Google** o con tu correo y tu contraseña nueva.
No. Si recargas, sigues en el mismo paso. Si cierras la pestaña, vuelve a empezar desde **¿Olvidaste tu contraseña?**.
## Errores comunes
### No me llega el código
Revisa tu carpeta de spam y que el correo que escribiste sea el de tu cuenta. Por seguridad, la pantalla avanza aunque el correo no tenga una cuenta en Compago, pero en ese caso no enviamos ningún código. Para corregirlo, haz clic en la flecha de arriba a la izquierda, **Cambiar de correo**. Después de un minuto también puedes pedir otro con **¿No te llegó? Enviar otro código**.
### «Código de verificación inválido»
El código no coincide. Revisa que sea el del correo más reciente y escríbelo de nuevo. Después de 3 intentos fallidos el código deja de servir y verás **Demasiados intentos. Por favor, inténtalo de nuevo más tarde.**: pide uno nuevo.
### «El código de verificación ha expirado»
Pasaron más de 5 minutos desde que lo pediste. Pide otro con **¿No te llegó? Enviar otro código** y úsalo en cuanto te llegue.
### «Las contraseñas no coinciden»
Lo que escribiste en **Repetir contraseña** no es igual a **Nueva contraseña**. Escríbelas otra vez: cuando coinciden, aparece una palomita junto a **Repetir contraseña**.
## Guía en una imagen
Todos los pasos en una sola imagen, para tenerla a mano o compartirla con tu equipo.
## Guías relacionadas
Entra a tu panel con tu correo y contraseña o con Google.
Pon una contraseña nueva desde tu configuración.
Regístrate con tu correo o con Google para empezar a cobrar con Compago.
Escríbenos por WhatsApp o por correo. Del otro lado está el equipo de Compago.
## ¿Necesitas ayuda?