---
title: Flujos de configuración
slug: mydeskes/flujos-de-configuracion
createdAt: 2025-03-19T17:16:08.972Z
---

:::Iframe{iframeHeight="0" code="<div id=&#x22;fluxos-mount&#x22;></div>&#xA;<script>&#xA;(function(){&#xA;  var GAP=780;&#xA;&#xA;  var u=[&#xA;    {num:'1',where:'Gestión de Accesos',sub:'Registro de usuario',&#xA;     body:'Registre al usuario en el módulo Gestión de Accesos y añada los roles que correspondan a su perfil de trabajo en el sistema. Los roles definen a qué funcionalidades y pantallas podrá acceder — por ejemplo, si será un solicitante, agente o administrador.',&#xA;     tags:['Nombre y correo','Roles de acceso','Perfil de usuario']},&#xA;    {num:'2',where:'Grupos',sub:'Vinculación al grupo',&#xA;     body:'Vincule al usuario a un grupo. Solo así podrá visualizar los portafolios, actividades y servicios disponibles en el Centro de Experiencia según lo configurado para ese grupo. Sin esta vinculación, el usuario no verá ningún contenido al acceder al sistema.',&#xA;     tags:['Grupo ejecutor','Grupo aprobador','Perfil de atención']},&#xA;    {num:'3',where:'Gestión de Vínculos',sub:'Verificar vínculos',&#xA;     body:'Para no dejar dudas, acceda a Gestión de Vínculos y confirme qué grupo está vinculado a qué portafolio, servicio y actividad. Este paso garantiza que el usuario vea exactamente lo que debe ver — ni más, ni menos — al entrar al Centro de Experiencia.',&#xA;     tags:['Portafolio vinculado','Servicio vinculado','Actividad vinculada']}&#xA;  ];&#xA;&#xA;  var t=[&#xA;    {num:'1',where:'Jornada',sub:'Cree jornadas de trabajo',&#xA;     body:'El primer paso es crear una jornada de trabajo con los horarios de cada equipo. La jornada define cuándo el equipo está disponible para atender, y se vinculará al calendario en el siguiente paso. Configure los horarios de inicio y fin de atención para cada día de la semana.',&#xA;     tags:['Hora de inicio','Hora de fin','Días de la semana']},&#xA;    {num:'2',where:'Calendario',sub:'Configure calendarios de atención',&#xA;     body:'Configure sus calendarios con los días laborables de cada equipo y añada excepciones si es necesario — como feriados nacionales, recesos u otros días sin atención. El calendario se vincula a la jornada creada anteriormente y se usará para calcular correctamente los plazos del SLA.',&#xA;     tags:['Días hábiles','Feriados','Excepciones','Jornada vinculada']},&#xA;    {num:'3',where:'Grupos',sub:'Organice los equipos en grupos',&#xA;     body:'Organice los grupos y divida los equipos según el perfil de atención que cada uno deba tener. Un grupo puede ser ejecutor — responsable de realizar la atención — o aprobador — responsable de validar la conclusión. Agregue los miembros de cada equipo al grupo correspondiente.',&#xA;     tags:['Grupo ejecutor','Grupo aprobador','Miembros del equipo']},&#xA;    {num:'4',where:'Tiempo de atención — SLA',sub:'Defina plazos de captura y resolución',&#xA;     body:'Defina el período de captura y resolución de las actividades. El SLA determina el tiempo máximo que el equipo tiene para capturar un ticket tras su apertura y para resolver la solicitud. Estos plazos se calculan en base al calendario configurado anteriormente, respetando los horarios y días de atención definidos.',&#xA;     tags:['Plazo de captura','Plazo de resolución','Impacto y urgencia','Calendario vinculado']},&#xA;    {num:'5',where:'Portafolio',sub:'Cree o edite portafolios, servicios y actividades',&#xA;     body:'Solo ahora edite o cree nuevos portafolios, servicios o actividades. Con jornada, calendario, grupos y SLA ya configurados, podrá vincular todas estas configuraciones directamente a las actividades del portafolio — garantizando que cada actividad tenga el grupo responsable, el calendario de atención y el SLA correcto ya definidos.',&#xA;     tags:['Portafolio','Servicio','Actividad','Formulario','Vínculos por contrato']},&#xA;    {num:'✓',where:'Centro de Experiencia',sub:'Abra el primer ticket y valide el flujo',&#xA;     body:'A través del Centro de Experiencia podrá abrir un ticket en una actividad ya configurada. Este es el momento de probar todo el flujo — abra una solicitud, verifique si el ticket aparece para el grupo correcto, si el SLA se está calculando adecuadamente y si las notificaciones están llegando según lo esperado.',&#xA;     tags:['Centro de Experiencia','Actividad configurada','Validación del flujo'],final:true}&#xA;  ];&#xA;&#xA;  var S={&#xA;    root:'margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,&#x22;Segoe UI&#x22;,Roboto,sans-serif;',&#xA;    intro:'font-size:15px;color:var(--text-secondary);line-height:1.7;margin:0 0 24px;padding:0;',&#xA;    ovWrap:'display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 36px;',&#xA;    ovCard1:'background:var(--surface-2);border:0.5px solid var(--border);border-left:3px solid #0C447C;border-radius:0 12px 12px 0;padding:14px 16px;line-height:1.5;',&#xA;    ovCard2:'background:var(--surface-2);border:0.5px solid var(--border);border-left:3px solid #D85A30;border-radius:0 12px 12px 0;padding:14px 16px;line-height:1.5;',&#xA;    secWrap:'margin:0 0 36px;',&#xA;    secHeader:'display:flex;align-items:center;gap:14px;margin:0 0 16px;',&#xA;    wfWrap:'position:relative;padding-left:52px;',&#xA;    track:'position:absolute;left:13px;top:14px;bottom:14px;width:3px;border-radius:2px;overflow:hidden;background:rgba(0,0,0,0.08);',&#xA;    stepWrap:'position:relative;margin-bottom:10px;',&#xA;    stepLast:'position:relative;',&#xA;    dot:'position:absolute;left:-52px;top:10px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;transform:scale(0);line-height:1;',&#xA;    pill:'display:block;border-radius:10px 10px 0 0;padding:10px 14px;opacity:0;transform:translateX(10px);line-height:1.3;',&#xA;    card:'border-radius:0 0 12px 12px;overflow:hidden;opacity:0;transform:translateY(-4px);background:var(--surface-2);',&#xA;    sep:'height:0.5px;margin:0 16px;background:var(--border);',&#xA;    body:'padding:12px 16px 14px;',&#xA;    textWrap:'overflow:hidden;margin-bottom:10px;',&#xA;    textInner:'display:block;width:0;overflow:hidden;white-space:normal;max-width:100%;font-size:14px;line-height:1.7;color:var(--text-secondary);',&#xA;    tagsWrap:'display:flex;flex-wrap:wrap;gap:6px;',&#xA;    tag:'font-size:11px;padding:3px 10px;border-radius:20px;background:var(--surface-1);border:0.5px solid var(--border);color:var(--text-secondary);opacity:0;'&#xA;  };&#xA;&#xA;  function el(tag,style,html){&#xA;    var e=document.createElement(tag);&#xA;    e.style.cssText=style||'';&#xA;    if(html!==undefined) e.innerHTML=html;&#xA;    return e;&#xA;  }&#xA;&#xA;  function buildStep(data,dotBg,dotColor,pillBg,whereColor,subColor,cardBorder,isLast){&#xA;    var wrap=el('div',isLast?S.stepLast:S.stepWrap);&#xA;    var dot=el('div',S.dot+'background:'+dotBg+';color:'+dotColor+';');&#xA;    dot.textContent=data.num;&#xA;    wrap.appendChild(dot);&#xA;    var pill=el('div',S.pill+'background:'+pillBg+';'+(cardBorder?'border:1px solid '+cardBorder+';':''));&#xA;    var pw=el('p','font-size:15px;font-weight:500;margin:0 0 2px;color:'+whereColor+';line-height:1.3;');&#xA;    pw.textContent=data.where;&#xA;    var ps=el('p','font-size:12px;margin:0;overflow:hidden;white-space:nowrap;color:'+subColor+';line-height:1.3;');&#xA;    var psi=el('span','display:inline-block;width:0;overflow:hidden;vertical-align:top;');&#xA;    psi.textContent=data.sub;&#xA;    ps.appendChild(psi);&#xA;    pill.appendChild(pw);&#xA;    pill.appendChild(ps);&#xA;    wrap.appendChild(pill);&#xA;    var card=el('div',S.card+(cardBorder?'border:1px solid '+cardBorder+';':'border:0.5px solid var(--border);'));&#xA;    var sep=el('div',S.sep+(cardBorder?'background:'+cardBorder+';opacity:0.25;':''));&#xA;    var body=el('div',S.body);&#xA;    var tw=el('div',S.textWrap);&#xA;    var ti=el('span',S.textInner);&#xA;    ti.textContent=data.body;&#xA;    tw.appendChild(ti);&#xA;    body.appendChild(tw);&#xA;    var tagWrap=el('div',S.tagsWrap);&#xA;    data.tags.forEach(function(txt){&#xA;      var tg=el('span',S.tag);&#xA;      tg.textContent=txt;&#xA;      tagWrap.appendChild(tg);&#xA;    });&#xA;    body.appendChild(tagWrap);&#xA;    card.appendChild(sep);&#xA;    card.appendChild(body);&#xA;    wrap.appendChild(card);&#xA;    return {wrap:wrap,dot:dot,pill:pill,psi:psi,card:card,ti:ti,tags:tagWrap};&#xA;  }&#xA;&#xA;  function buildWorkflow(steps,trackColor,dotBg,dotColor,pillBg,whereColor,subColor,finalPillBg,finalWhereColor,finalSubColor,finalDotBg,finalDotColor,finalCardBorder){&#xA;    var wf=el('div',S.wfWrap);&#xA;    var trackOuter=el('div',S.track);&#xA;    var trackFill=el('div','width:100%;height:0;border-radius:2px;background:'+trackColor+';');&#xA;    trackOuter.appendChild(trackFill);&#xA;    wf.appendChild(trackOuter);&#xA;    var built=[];&#xA;    steps.forEach(function(data,i){&#xA;      var isLast=(i===steps.length-1);&#xA;      var isFinal=!!data.final;&#xA;      var s=buildStep(data,isFinal?finalDotBg:dotBg,isFinal?finalDotColor:dotColor,isFinal?finalPillBg:pillBg,isFinal?finalWhereColor:whereColor,isFinal?finalSubColor:subColor,isFinal?finalCardBorder:null,isLast);&#xA;      wf.appendChild(s.wrap);&#xA;      built.push(s);&#xA;    });&#xA;    return {wf:wf,trackFill:trackFill,built:built};&#xA;  }&#xA;&#xA;  var mount=document.getElementById('fluxos-mount');&#xA;  var root=el('div',S.root);&#xA;  mount.style.cssText='margin:0;padding:0;line-height:0;font-size:0;';&#xA;  mount.appendChild(root);&#xA;&#xA;  var intro=el('p',S.intro+'opacity:0;transform:translateY(8px);');&#xA;  intro.innerHTML='En esta página puede ver el flujo de configuración recomendado para que su My Desk funcione correctamente. Hay dos flujos principales a seguir: el flujo de <strong style=&#x22;color:var(--text-primary);font-weight:500;&#x22;>Usuario</strong>, que muestra desde la creación hasta la vinculación para que el usuario tenga los accesos correctos y pueda utilizar el sistema según el perfil de su trabajo; y el flujo de <strong style=&#x22;color:var(--text-primary);font-weight:500;&#x22;>Tickets</strong>, para que un ticket pueda crearse desde el Centro de Experiencia con todos los elementos correctamente configurados.';&#xA;  root.appendChild(intro);&#xA;&#xA;  var ov=el('div',S.ovWrap+'opacity:0;transform:translateY(8px);');&#xA;  var oc1=el('div',S.ovCard1);&#xA;  oc1.innerHTML='<p style=&#x22;font-size:14px;font-weight:500;color:#0C447C;margin:0 0 4px;&#x22;>Flujo 1 — Usuario</p><p style=&#x22;font-size:13px;color:var(--text-secondary);margin:0;line-height:1.55;&#x22;>Registro, asignación de roles y vinculación al grupo para que el usuario acceda a los portafolios y actividades correctos en el Centro de Experiencia.</p>';&#xA;  var oc2=el('div',S.ovCard2);&#xA;  oc2.innerHTML='<p style=&#x22;font-size:14px;font-weight:500;color:#D85A30;margin:0 0 4px;&#x22;>Flujo 2 — Tickets</p><p style=&#x22;font-size:13px;color:var(--text-secondary);margin:0;line-height:1.55;&#x22;>Configuración completa y ordenada de jornadas, calendarios, grupos, SLA y portafolios para que los tickets puedan crearse y atenderse correctamente.</p>';&#xA;  ov.appendChild(oc1); ov.appendChild(oc2);&#xA;  root.appendChild(ov);&#xA;&#xA;  var s1=el('div',S.secWrap+'opacity:0;');&#xA;  var h1=el('div',S.secHeader);&#xA;  var n1=el('div','width:44px;height:44px;border-radius:50%;background:#E6F1FB;color:#0C447C;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:500;flex-shrink:0;line-height:1;');&#xA;  n1.textContent='1';&#xA;  var l1=el('span','font-size:21px;font-weight:500;color:var(--text-primary);line-height:1.2;');&#xA;  l1.textContent='Flujo para creación de usuario';&#xA;  h1.appendChild(n1); h1.appendChild(l1);&#xA;  s1.appendChild(h1);&#xA;  var w1=buildWorkflow(u,'#0C447C','#0C447C','#fff','#E6F1FB','#0C447C','#185FA5','#0C447C','#fff','#E6F1FB','#0C447C','#185FA5',null);&#xA;  s1.appendChild(w1.wf);&#xA;  root.appendChild(s1);&#xA;&#xA;  var s2=el('div',S.secWrap+'opacity:0;');&#xA;  var h2=el('div',S.secHeader);&#xA;  var n2=el('div','width:44px;height:44px;border-radius:50%;background:#FAECE7;color:#993C1D;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:500;flex-shrink:0;line-height:1;');&#xA;  n2.textContent='2';&#xA;  var l2=el('span','font-size:21px;font-weight:500;color:var(--text-primary);line-height:1.2;');&#xA;  l2.textContent='Flujo para creación de tickets';&#xA;  h2.appendChild(n2); h2.appendChild(l2);&#xA;  s2.appendChild(h2);&#xA;  var w2=buildWorkflow(t,'#D85A30','#D85A30','#fff','#FAECE7','#993C1D','#D85A30','#993C1D','#F0997B','#FAECE7','#993C1D','#fff','#D85A30');&#xA;  s2.appendChild(w2.wf);&#xA;  root.appendChild(s2);&#xA;&#xA;  function anim(s,delay){&#xA;    setTimeout(function(){&#xA;      s.dot.style.transition='transform 0.35s cubic-bezier(.34,1.56,.64,1)';&#xA;      s.dot.style.transform='scale(1)';&#xA;      setTimeout(function(){&#xA;        s.pill.style.transition='opacity 0.4s,transform 0.4s';&#xA;        s.pill.style.opacity='1';&#xA;        s.pill.style.transform='translateX(0)';&#xA;        setTimeout(function(){&#xA;          s.psi.style.transition='width 0.45s ease';&#xA;          s.psi.style.width='100%';&#xA;          setTimeout(function(){&#xA;            s.card.style.transition='opacity 0.35s,transform 0.35s';&#xA;            s.card.style.opacity='1';&#xA;            s.card.style.transform='translateY(0)';&#xA;            setTimeout(function(){&#xA;              s.ti.style.transition='width 1.3s ease';&#xA;              s.ti.style.width='100%';&#xA;              setTimeout(function(){&#xA;                var tags=s.card.querySelectorAll('span');&#xA;                var flt=[];&#xA;                tags.forEach(function(t){ if(t.style.opacity==='0') flt.push(t); });&#xA;                flt.forEach(function(t,i){ setTimeout(function(){ t.style.transition='opacity 0.2s'; t.style.opacity='1'; },i*110); });&#xA;              },500);&#xA;            },180);&#xA;          },200);&#xA;        },120);&#xA;      },100);&#xA;    },delay);&#xA;  }&#xA;&#xA;  function growTrack(fill,wf,totalDur,startDelay){&#xA;    setTimeout(function(){&#xA;      var h=wf.offsetHeight||400;&#xA;      fill.style.transition='height '+totalDur+'ms linear';&#xA;      fill.style.height=h+'px';&#xA;    },startDelay+80);&#xA;  }&#xA;&#xA;  setTimeout(function(){&#xA;    intro.style.transition='opacity 0.6s,transform 0.6s';&#xA;    intro.style.opacity='1'; intro.style.transform='translateY(0)';&#xA;    setTimeout(function(){&#xA;      ov.style.transition='opacity 0.6s,transform 0.6s';&#xA;      ov.style.opacity='1'; ov.style.transform='translateY(0)';&#xA;    },350);&#xA;    setTimeout(function(){ s1.style.transition='opacity 0.5s'; s1.style.opacity='1'; },820);&#xA;    var t1=960;&#xA;    growTrack(w1.trackFill,w1.wf,(u.length-1)*GAP+1000,t1);&#xA;    w1.built.forEach(function(s,i){ anim(s,t1+i*GAP); });&#xA;    var t2=t1+u.length*GAP+700;&#xA;    setTimeout(function(){ s2.style.transition='opacity 0.5s'; s2.style.opacity='1'; },t2-150);&#xA;    growTrack(w2.trackFill,w2.wf,(t.length-1)*GAP+1000,t2);&#xA;    w2.built.forEach(function(s,i){ anim(s,t2+i*GAP); });&#xA;  },150);&#xA;&#xA;})();&#xA;</script>"}

:::

