Desplazamiento Suave en Carrd: Enlaces de Anclaje Nativos + Código Personalizado

El desplazamiento suave ya viene integrado en Carrd. Los Scroll Points deslizan a los visitantes hasta cualquier anclaje sin escribir código, en todos los planes, incluido el Free. Eso cambia el orden de esta guía, porque la mayoría de los tutoriales de «desplazamiento suave para Carrd», versiones anteriores de este incluidas, empiezan con un snippet de embed que en realidad no necesitas.

Lo que no ha cambiado: el navegador sigue necesitando un destino al que desplazarse, y tu navegación sigue necesitando enlaces de anclaje que apunten a él. Lo que ha cambiado es quién hace la animación. El JavaScript del sitio publicado por el propio Carrd ejecuta un desplazamiento con easing vía requestAnimationFrame (750 ms por defecto) cuando se dispara un enlace de Scroll Point (verificado en el JS inline de un sitio Carrd publicado y en producción, septiembre de 2026), así que la vía nativa cubre el caso habitual. Haz clic en un enlace de navegación y la página se desliza.

El código embed personalizado sigue teniendo su sitio en tres situaciones: quieres una curva de easing o una duración que el ajuste de velocidad de Carrd no ofrece, necesitas una compensación de encabezado fijo que se adapte a tu encabezado, o quieres extras como una barra de progreso de desplazamiento o un botón de volver arriba con animación suave. Todo lo que sigue va desde «gratis y sin código» hasta «pega este snippet», así que detente en la primera opción que resuelva tu caso. La vía nativa no cuesta nada en ningún plan de Carrd.

Algunos tutoriales de Carrd:

• Añadir una Ventana Modal Emergente a Carrd
• Añadir un Slider de Testimonios a Carrd
• Añadir un Alternador de Modo Oscuro a Carrd
• Añadir un Menú Flotante a Carrd
• Añadir un Menú Lateral a Carrd
• Reseña de Carrd.co

La lista completa con plugins, temas y tutoriales de Carrd la puedes encontrar en mi web carrdme.com.

Por Qué Importa el Desplazamiento Suave

En un sitio de una sola página toda la historia de navegación es desplazamiento. Los visitantes hacen clic en «Precios» y esperan aterrizar ahí con cierta sensación de la distancia que acaban de recorrer.

1. Mejor orientación del usuario - La página se mueve visiblemente a través de su propia estructura, así que los visitantes entienden dónde queda el destino en relación con todo lo demás.

2. Sensación profesional - Las interacciones pequeñas como esta separan una página montada con prisas de una terminada. La navegación de una sola página vive o muere por detalles como este.

3. Menos desorientación - Un salto instantáneo del hero al pie desorienta en las secciones largas de Carrd. Un deslizamiento no.

También funciona con la navegación que ya uses: un encabezado fijo, un menú flotante o una navegación lateral. El desplazamiento suave las mejora a todas.

¿Aún Necesitas Código para el Desplazamiento Suave en Carrd?

Respuesta corta: no, no para el desplazamiento a anclajes simple. Añade un Scroll Point, enlázalo con #name y listo. Carrd anima el desplazamiento en el navegador.

Todavía necesitas código cuando quieres algo de esto:

• Una curva de easing, o una duración fuera de los cinco niveles de velocidad de Carrd
• Una compensación de encabezado fijo que siga la altura real de tu encabezado, para que el contenido no quede aparcado debajo de él
• Extras decorativos: una barra de progreso de desplazamiento, un botón de volver arriba con estilo, efectos activados por el scroll

Si nada de eso aplica, salta a Cómo Usar los Scroll Points de Carrd para un Desplazamiento Suave Nativo e ignora el resto de esta página.

Cómo Resuelve Carrd los Enlaces #hash: Scroll Points vs. Secciones

Antes de elegir un método, ayuda saber qué hace Carrd cuando un #hash cambia. La versión antigua de este artículo mezclaba los Scroll Points con los IDs de sección. Son funciones distintas con huellas distintas en el DOM.

Según el JavaScript del sitio publicado de un sitio Carrd en producción (inspeccionado en septiembre de 2026), el manejador de hashchange resuelve un hash en este orden:

Una sección llamada contact sí que se renderiza como <section id="contact-section"> en el DOM publicado, y un Scroll Point no tiene id en absoluto, solo data-scroll-id. Por eso los snippets genéricos de scroll suave basados en document.getElementById(hash) no encuentran nada en un sitio Carrd.

Diagrama de la resolución de enlaces hash de Carrd: primero data-scroll-id, luego nombre-de-seccion-section

Cómo Usar los Scroll Points de Carrd para un Desplazamiento Suave Nativo

Esta es la vía por defecto. Es gratis en todos los planes de Carrd, incluido el Free (3 sitios), y no necesita elemento Embed. Los Scroll Points son simples elementos Control.

Paso 1: Añade un Elemento Control de Tipo Scroll Point

1. En el editor de Carrd, haz clic en + (Add Element)
2. Elige Control
3. Pon Type en Scroll Point
4. Nómbralo solo con letras minúsculas, números y guiones: signup, pricing, contact
5. Colócalo exactamente donde deba quedar el punto enlazable, normalmente justo encima de un encabezado

La restricción de minúsculas es real. Carrd pasa el hash a minúsculas antes de compararlo e ignora cualquier hash con caracteres que no sean letras, números y guiones, así que #sign up o #sign_up no resolverán. Si luego no encuentras un nombre, abre More Actions → Elements… (el Panel de Elementos añadido en agosto de 2026) para ver una lista de todos los elementos de la página.

Los Scroll Points publicados también llevan los atributos data-scroll-behavior (default, center, previous), data-scroll-offset y data-scroll-speed, y el JS de Carrd lee los tres. La velocidad va de 1 a 5 y corresponde a 1250, 1000, 750 (el valor por defecto), 500 y 250 ms. El offset se suma a la posición de aterrizaje, en unidades del tamaño de fuente raíz de la página. Si los ajustes de tu Scroll Point exponen velocidad u offset, pruébalos antes de recurrir al código.

Paso 2: Enlázalo con #name

Cualquier campo URL de Carrd acepta el hash:

• URL de botón: #pricing
• Enlace de texto: #signup
• Elemento de navegación en una barra de navegación móvil responsive de Carrd: mismo formato #pricing

Verifica: publica el sitio, haz clic en el enlace y observa dos cosas. El hash de la URL debería cambiar a #pricing, y la página debería deslizarse en lugar de teletransportarse. Si la URL no cambia, el enlace está mal. Si la URL cambia pero la página salta al instante, estás apuntando a una Sección, no a un Scroll Point.

Paso 3: Enlaces Profundos y URLs Especiales scrollpoint:

Los Scroll Points funcionan como anclajes reales desde fuera de la página. Comparte https://yourdomain.com/#pricing en un email o una publicación social y Carrd se desplazará hasta el punto al cargar.

Para one-pagers secuenciales, Carrd también acepta URLs especiales (ver los tipos de URL en la documentación):

• scrollpoint:next - siguiente Scroll Point hacia abajo
• scrollpoint:previous - el anterior hacia arriba
• scrollpoint:first - primer Scroll Point
• scrollpoint:last - el último

Son prácticas en botones de «Siguiente sección» al final de cada bloque.

Verifica: abre yourdomain.com/#pricing en una ventana de incógnito nueva. Deberías aterrizar desplazado hasta el bloque de precios con el hash visible en la barra de direcciones.

Modo de fallo: una errata en el nombre falla sin dar error. Carrd simplemente vuelve a la sección de inicio. Comprueba la escritura exacta en el Panel de Elementos antes de perseguir otras causas.

Requisitos Previos: Planes de Carrd y el Elemento Embed

Las opciones de código de abajo (2, 3, 5 y el botón suave de la 6) pegan código personalizado, y el código personalizado necesita el elemento Embed. Ahí es donde Carrd restringe las funciones. Los precios de abajo son de carrd.co/pro a fecha de septiembre de 2026.

Lista completa de planes por si necesitas más sitios: Free (3 sitios), Pro Lite a 9 $/año (3 sitios), Lite 10 a 14 $/año, Lite 25 a 29 $/año, Pro Standard a 19 $/año (10 sitios, incluye embeds, widgets, formularios y analítica), Pro Plus a 49 $/año (25 sitios, añade Advanced Settings, Events, redirecciones y protección con contraseña), Plus 50 a 89 $/año, Plus 100 a 159 $/año. Consulta la comparativa de planes de Carrd en nuestra reseña de Carrd.co si quieres una segunda opinión antes de pagar.

Regla de decisión: empieza en Free con los Scroll Points. Sube a Carrd Pro Standard (19 $/año) solo cuando de verdad necesites código personalizado. Pro Plus (49 $/año) solo merece la pena por los Advanced Settings y los Events.

El Flujo del Embed, una Sola Vez

Para cada opción de código de abajo:

1. Haz clic en + (Add Element) → Embed
2. Type: Code
3. Style: Hidden
4. Location: Head, Body Top o Body End (la documentación sobre incrustar código personalizado enumera los tres)

Convención de ubicación usada en esta guía:

• Snippets de solo <style> → Hidden, Head
• Cualquier cosa con <div>, <button> o <script> → Hidden, Body End

Si nunca has usado un embed Hidden antes, el tutorial de la ventana modal emergente de Carrd recorre el mismo flujo para otra función, y el alternador de modo oscuro de Carrd es otra personalización basada en embed de la que merece la pena copiar patrones. Un aviso de cookies es otro ejemplo de embed Hidden si quieres más práctica.

Opción 1: CSS scroll-behavior (Sáltatelo en Carrd)

El clásico de una línea, html { scroll-behavior: smooth; }, es el snippet que la mayoría de los tutoriales antiguos de Carrd reparten, a menudo con scroll-padding-top para un encabezado fijo. En un sitio Carrd actual empeora el desplazamiento. Lo probé contra una página Carrd real publicada antes de reescribir esta sección.

Carrd mueve la página con su propio bucle de animación y llama a window.scroll() una vez por frame. Con scroll-behavior: smooth activado, el navegador convierte cada una de esas llamadas en un nuevo desplazamiento suave propio, así que la página apenas se mueve durante la mayor parte de la animación de 750 ms de Carrd y luego pega un tirón hasta el destino. En mi prueba el mismo salto de Scroll Point tardó aproximadamente el doble y empezó con una pausa visible.

scroll-padding-top tampoco ayuda. Carrd se desplaza a coordenadas que calcula él mismo, y un Scroll Point no tiene id al que el navegador pueda saltar, así que el padding nunca se aplica a los enlaces de Scroll Point ni de Sección.

Para una compensación de encabezado fijo, usa el offset del Scroll Point descrito en el Paso 1, o el valor headerOffset de la Opción 2.

Verifica: después de quitar la regla, publica y haz clic en un enlace de Scroll Point. El deslizamiento debería empezar de inmediato en lugar de atascarse.

Opción 2: Velocidad de Desplazamiento Personalizada con JavaScript

Recurre a esto solo cuando la velocidad nativa no encaje en tu diseño. Te da un control de duración y una curva de easing. Sustituye a los dos scripts casi idénticos que traían las versiones anteriores de este artículo: un solo script ahora cubre velocidad y offset.

<script>
(function() {
  const scrollDuration = 800;           // ms
  const headerOffset = 80;              // sticky header height in px
  const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;

  function easeInOutQuad(t) { return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t; }

  function smoothScroll(target) {
    const start = window.pageYOffset;
    const end = target.getBoundingClientRect().top + start - headerOffset;
    const distance = end - start;
    if (prefersReduced || distance === 0) { window.scrollTo(0, end); return; }
    let startTime = null;
    function animate(now) {
      if (!startTime) startTime = now;
      const progress = Math.min((now - startTime) / scrollDuration, 1);
      window.scrollTo(0, start + distance * easeInOutQuad(progress));
      if (progress < 1) requestAnimationFrame(animate);
    }
    requestAnimationFrame(animate);
  }

  // Carrd's own click handler sits on window, so stopping the event here
  // keeps Carrd from starting a second animation for the same link.
  document.addEventListener('click', function(e) {
    const link = e.target.closest('a[href^="#"]');
    if (!link) return;
    const name = link.getAttribute('href').slice(1).toLowerCase();
    if (!/^[a-z0-9-]+$/.test(name)) return;
    const point = document.querySelector('[data-scroll-id="' + name + '"]');
    if (!point) return; // Section link: Carrd switches sections itself
    const section = point.closest('section');
    if (section && section.classList.contains('inactive')) return;
    e.preventDefault();
    e.stopPropagation();
    history.pushState(null, '', '#' + name);
    smoothScroll(point);
  });
})();
</script>

Pégalo en un elemento Embed con Code, Hidden, Body End. No en Head. El artículo antiguo decía Head, lo cual era incorrecto para scripts como este.

Configuración:

• scrollDuration = 800 - milisegundos para el desplazamiento completo. 600 se siente ágil, 800 es el valor por defecto aquí, de 1000 a 1200 se siente lento y cinematográfico.
• headerOffset = 80 - ponlo a 0 si no tienes encabezado fijo. La Opción 3 cubre cómo ajustarlo.

El script solo toma el control de los enlaces que apuntan a un Scroll Point en la sección que estás viendo. Maneja el clic antes de que lo vea el propio manejador de Carrd, actualiza él mismo el hash de la URL y ejecuta una animación. Los enlaces de Sección, y los Scroll Points que viven en una sección oculta, siguen pasando por Carrd, porque Carrd tiene que cambiar de sección primero.

Verifica: publica, haz clic en un enlace de Scroll Point y luego haz clic de nuevo en el mismo enlace inmediatamente. Los clics sobre el mismo enlace hacen que Carrd vuelva a disparar su manejador de hash, así que esta es la forma más rápida de sacar a la luz animaciones apiladas. Mira la consola del navegador por errores mientras estás ahí.

Modos de fallo:

• Se atasca o anima dos veces - otro embed o una regla scroll-behavior: smooth olvidada también está desplazando. Quítala
• Nada se desplaza - errata en el nombre del Scroll Point. Abre More Actions → Elements… y copia el nombre exacto
• Aterriza en el sitio equivocado - eso es un problema de offset, ve a la Opción 3

Opción 3: Desplazamiento Suave con Compensación de Encabezado Fijo

Esta no es un segundo script. El snippet de la Opción 2 ya lleva la compensación integrada. Pon headerOffset a la altura de tu encabezado fijo en píxeles.

Si la altura de tu encabezado difiere entre escritorio y móvil, fijar un número aterrizará mal en uno de ellos. Mídela en su lugar:

const headerOffset = (document.querySelector('header') || {}).offsetHeight || 80;

Pon eso en lugar del const headerOffset = 80; fijo. Si tu elemento fijo no es una etiqueta header, ajusta el selector a la clase que Carrd o tu tutorial de encabezado fijo le haya dado.

Por qué existe esta opción: el offset propio de Carrd (data-scroll-offset) es un valor fijo por Scroll Point, y scroll-padding-top no se aplica a desplazamientos que van a coordenadas explícitas (ver Opción 1). Un encabezado que cambia de altura necesita el offset medido en código.

Verifica: con tu encabezado totalmente expandido (abre el menú móvil si lo hace más alto), haz clic hacia una sección cerca del final de una página larga. El encabezado debería quedar justo debajo del encabezado fijo.

Modos de fallo: seguir quedándose corto o pasarse significa que headerOffset es incorrecto para el breakpoint actual. Funciona en escritorio pero mal en móvil significa que la altura del encabezado difiere y necesitas la versión medida.

Opción 4: Transiciones de Sección con la Animación On Section Change

Si tu sitio está construido con secciones de Carrd, no tienes un problema de desplazamiento. Tienes un problema de transición. Los enlaces de sección muestran y ocultan secciones enteras como si fueran páginas. Lo «suave» que los visitantes esperan aquí es un fundido entre secciones, y Carrd lo trae integrado.

Primero, el montaje (configurar una sección en la documentación):

1. Add Element (+) → Control → Type: Section Break
2. Nómbralo (work, pricing) con la misma regla de minúsculas
3. Enlázalo con #work
4. Enlaza externamente con yourdomain.com/#work
5. Las URLs especiales section:next, section:previous, section:first, section:last funcionan igual que las de scrollpoint:

Luego la transición: selecciona el elemento Page, abre la pestaña Animation y elige un efecto «On Section Change». Carrd anima el cambio de forma nativa. Un sitio demo de Carrd publicado inspeccionado en septiembre de 2026 traía transition: opacity 0.5s ease-in-out como valor por defecto, lo cual es una observación, no un valor documentado de especificación.

Los Section Breaks son elementos Control, así que esto se queda en el plan gratis.

Verifica: publica y haz clic en #work desde dos secciones distintas. Luego haz clic en #work estando ya en work. Ese segundo clic es la peculiaridad: se desplaza suavemente de vuelta a la parte superior de la página. Espéralo en lugar de depurarlo.

Modo de fallo: «el desplazamiento suave no funciona en mis enlaces de sección» - correcto, no funcionará. Las secciones cambian; no se desplazan. Usa la animación On Section Change de esta opción, o reconstruye la página alrededor de Scroll Points si de verdad quieres un one-pager con scroll.

Opción 5: Barra de Progreso de Desplazamiento

Una barra de color en la parte superior que muestra cuánto han bajado los visitantes por la página. Independiente, combina con cualquier opción de desplazamiento de arriba.

<style>
  .scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 3px;
    background: #4f46e5;
    z-index: 99999;
    transition: width 0.1s;
  }
</style>

<div class="scroll-progress" id="scrollProgress"></div>

<script>
(function() {
  const progressBar = document.getElementById('scrollProgress');

  function updateProgress() {
    const scrollTop = window.pageYOffset;
    const docHeight = document.documentElement.scrollHeight - window.innerHeight;

    if (docHeight > 0) {
      progressBar.style.width = (scrollTop / docHeight) * 100 + '%';
    }
  }

  window.addEventListener('scroll', updateProgress);
  updateProgress();
})();
</script>

Cambia background: #4f46e5 por el color de tu marca.

Verifica: publica (el editor no muestra nada), desplázate despacio y la barra debería crecer del 0 % al 100 % a lo ancho de la página.

Modos de fallo: barra invisible, sospecha una colisión de z-index con tu encabezado fijo - la barra usa 99999, súbelo o baja el encabezado. Barra clavada en 0, abre la consola del navegador; un error de JS mata updateProgress. Que no se vea nada en el editor es el comportamiento esperado.

Opción 6: Volver Arriba en Carrd (browser:top Nativo vs Botón Suave)

Dos vías para devolver a los visitantes a la parte superior de un one-pager largo.

El snippet del botón suave, en un Embed con Code, Hidden, Body End:

<style>
  .back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background: #4f46e5;
    color: white;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1000;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
  }

  .back-to-top.visible {
    opacity: 1;
    visibility: visible;
  }

  .back-to-top:hover {
    background: #4338ca;
    transform: translateY(-3px);
  }
</style>

<button class="back-to-top" id="backToTop" aria-label="Back to top">↑</button>

<script>
  const backToTopButton = document.getElementById('backToTop');

  // Show/hide button based on scroll position
  window.addEventListener('scroll', function() {
    if (window.pageYOffset > 300) {
      backToTopButton.classList.add('visible');
    } else {
      backToTopButton.classList.remove('visible');
    }
  });

  // Smooth scroll to top
  backToTopButton.addEventListener('click', function() {
    window.scrollTo({
      top: 0,
      behavior: 'smooth'
    });
  });
</script>

El aria-label="Back to top" hace trabajo de accesibilidad para lectores de pantalla y ya está en el snippet. Consérvalo si le cambias el estilo. Si tu SO tiene «reducir movimiento» activado y el salto se siente instantáneo, es behavior: 'smooth' siendo anulado a nivel de plataforma, no un bug en el código.

Verifica: publica, baja más de 300 px y confirma que el botón aparece con un fundido. Haz clic en él y observa el deslizamiento hasta arriba.

Modos de fallo: el botón nunca aparece - el <button> más el <script> están en Head en lugar de Body End, o un error de JS detuvo el listener. El salto es instantáneo, no suave - comprueba que behavior: 'smooth' sigue en tu copia y que el SO no está forzando el movimiento reducido.

Para una versión con estilo más completa, con manejo del foco de teclado y opciones de etiqueta, usa el tutorial completo del botón de volver arriba para Carrd.

Configurar los Enlaces de Anclaje en la Navegación de Carrd

Conectar la navegación a los anclajes es el mismo trabajo independientemente del método de desplazamiento que hayas elegido.

Tres estilos de navegación cubren la mayoría de los sitios Carrd:

1. Botones y enlaces integrados - pon el campo URL a #pricing. Nada más que hacer.

2. Una barra de navegación móvil responsive de Carrd - los anclajes se comportan igual, pero los encabezados móviles suelen ser más altos o más bajos que en escritorio. Si usas un offset de Scroll Point o headerOffset, pruébalo específicamente en los breakpoints móviles.

3. Widgets de terceros de menú flotante o navegación lateral - mismas URLs #name. Estos van por embed, así que recuerda que necesitan Pro Standard y solo se renderizan en el sitio publicado.

Verifica: después de publicar, haz clic en cada elemento de navegación una vez en un navegador de escritorio y otra en un teléfono. Observa cómo el hash de la URL cambia en cada clic.

Modos de fallo: un elemento salta al instante a una vista distinta «tipo página» - es un enlace de Sección, ver la Opción 4. Todo funciona en escritorio pero aterriza corto en móvil - la altura del encabezado en ese breakpoint no coincide con tu offset de Scroll Point o headerOffset.

Accesibilidad: Respeta prefers-reduced-motion

La animación nativa de Scroll Point de Carrd no comprueba este ajuste (no hay chequeo de prefers-reduced-motion en su JS publicado), así que la vía nativa siempre anima. El script de la Opción 2 sí lo comprueba, arriba del todo:

const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;

Cuando eso es true, el script de la Opción 2 salta directo al destino con window.scrollTo(0, end) y se salta el bucle de animación. El soporte es amplio: Chrome 74+, Firefox 63+, Safari 10.1+ (datos de MDN, septiembre de 2026).

Dos cosas más ya que estás: conserva el aria-label en el botón de volver arriba de la Opción 6, y no dependas solo de la animación de desplazamiento para decirle a los visitantes dónde están. Acompáñala de una estructura de encabezados visible o de resaltado en la navegación.

Verifica: con el script de la Opción 2 instalado, activa «Reducir movimiento» en la accesibilidad de macOS o en los ajustes de animaciones de Windows. Recarga el sitio publicado y haz clic en un enlace de Scroll Point. Debería saltar al instante, sin errores de consola y sin frames de animación a medias.

Solución de Problemas del Desplazamiento Suave en Carrd

Quitar el Desplazamiento Suave (Reversión)

Deshacer es trivial en Carrd, ya que todo son embeds por sitio y elementos de control. Sin restos de CSS o JS del lado de Carrd.

• Código personalizado: borra el elemento Embed (o solo su código). Recarga el sitio publicado y vuelves al comportamiento nativo.
• Un Scroll Point o Section Break: borra el elemento Control. Pero actualiza antes los enlaces #name que apunten a él, o esos enlaces quedarán muertos. El orden importa: arregla los enlaces de navegación, luego borra el destino.
• Una regla scroll-behavior: smooth olvidada: bórrala de su embed Head (ver Opción 1). Nada más que limpiar.

Como revertir es tan barato, no hay razón para no probar una opción de código en un dominio de staging publicado antes que en tu dominio principal.

Conclusión

La regla de decisión, en orden:

1. Scroll Points para la navegación por anclajes. Gratis, desplazamiento suave nativo de Carrd, cero código.
2. Velocidad y offset del Scroll Point si el deslizamiento nativo es demasiado rápido, demasiado lento o aterriza bajo un encabezado fijo. Sáltate el CSS de la Opción 1; ralentiza a Carrd.
3. JavaScript de las Opciones 2 y 3 solo para easing personalizado o un offset que tenga que seguir la altura de tu encabezado.
4. Opción 4 si tienes un sitio por secciones y quieres cambios de sección animados en lugar de desplazamiento.

Combina cualquiera de ellas con un menú flotante o una navegación lateral para una navegación one-pager completa.

Si quieres ir más lejos con el layout de Carrd, carrdme.com tiene plugins que merecen un vistazo, incluido un plugin de pestañas para Carrd para organizar contenido largo y un plugin de acordeón para Carrd para secciones de FAQ.