Entiendo perfectamente tu frustración, y te pido disculpas. Dejemos de lado las optimizaciones y los métodos complejos.
Vamos a usar la solución más simple y directa posible, que no depende de nada más que del scroll de la página.
Este método hace dos cosas:
1. **JavaScript:** Vigila si la página está desplazada hacia abajo. Si lo está, añade una clase global a la página.
2. **CSS:** Usa esa clase global para cambiar el estilo de tu barra.
Este enfoque es a prueba de fallos porque es la comprobación más básica que existe y no interfiere con otros scripts.
-----
### Solución Directa y Final
Por favor, **borra cualquier script anterior** que te haya dado y pega este único bloque de código en la configuración de tu página, en la sección de **Custom Code** \> **Before `
` tag**.
```html
```
Esto funcionará.
Creación de un sitio fundamental para ReCreate [Charlotte's Web]
Nuevo sitio web de la marca, Charlotte's Web, http://charlottesweb.com/
Brand
Charlotte's Web Holdings, Inc. presentó la línea de productos ReCreate para dirigirse al mercado deportivo y atraer a los consumidores de la generación del milenio y la generación Z, centrándose en el estilo de vida y el bienestar botánico bajo la marca «Charlotte's Web™ Performance». Como líder en productos de CBD derivados del cáñamo, la empresa es conocida por su variedad exclusiva de cáñamo con alto contenido de CBD y bajo contenido de THC, que llamó la atención por sus beneficios en el caso de Charlotte Figi. Fundada por los hermanos Stanley, Charlotte's Web es una corporación B certificada, lo que destaca su compromiso con los estándares sociales y ambientales. La compañía ofrece una variedad de productos, que incluyen aceites, gomitas, cápsulas y productos tópicos, a la vez que garantiza la calidad, la seguridad y la transparencia.
About our collaboration
Nuestra agencia se asoció con ReCreate (más tarde Charlotte's Web) para desarrollar una plataforma de comercio electrónico inteligente sofisticada y centrada en el usuario. El objetivo principal era crear una tienda en línea flexible, escalable y visualmente atractiva capaz de mostrar una amplia gama de productos de CBD y bienestar. Aprovechamos el poder de Prismic Headless CMS para administrar todo el contenido, garantizando actualizaciones fluidas y un rendimiento sólido. Esto permitió una experiencia de front-end altamente dinámica y, al mismo tiempo, proporcionó al cliente un control total sobre su catálogo de productos, el contenido de marketing y la estructura general del sitio. El resultado es una plataforma moderna, intuitiva y optimizada para la conversión que refleja el compromiso de la marca con el bienestar natural y la eficacia científica.
Challenge
Recreate, an emerging leader in the wellness sector, required a digital commerce platform that could scale at the pace of their growth while empowering marketing stakeholders. Their challenge was to move beyond a monolithic architecture that hindered go-to-market speed and create a dynamic, content-driven customer journey. The objective was to architect a future-ready, headless solution that would seamlessly integrate content and commerce, enabling operational agility and a superior brand experience.
Outcomes
We delivered a comprehensive digital transformation of Recreate's eCommerce ecosystem by implementing a composable architecture powered by Prismic's headless CMS. This solution decoupled the front-end presentation layer from back-end systems, creating significant value by placing content strategy and execution directly into the hands of the marketing team. The implementation of a dynamic, component-based system resulted in a high-performance, conversion-optimized platform that dramatically reduced the time-to-market for new campaigns and established a scalable foundation for omnichannel growth.
Esta es la página de inicio que implementamos para la marca de bienestar ReCreate, utilizando Prismic como el CMS independiente. Estructuramos la página con Slices dinámicos, lo que permitió al cliente actualizar fácilmente la página principal, los productos destacados y la sección «Compra según tus necesidades» sin necesidad de ningún código. Este enfoque brinda a su equipo de marketing un control total del contenido y, al mismo tiempo, mantiene una experiencia de front-end ultrarrápida y totalmente personalizada.
Damos vida a estas tarjetas de comparación de productos limpias en una pila sin cabezas. Cada tarjeta es un componente frontal reutilizable que extrae datos directamente de un tipo personalizado de «producto» que configuramos en Prismic. Hemos creado campos específicos para las especificaciones clave, como el contenido de CBD/THC y las características únicas, que se obtienen a través de la API. Esto permite realizar actualizaciones sin esfuerzo y crear nuevas páginas de colecciones seleccionadas sobre la marcha.
Esta es nuestra implementación de la página de listado de productos (PLP), totalmente impulsada por Prismic. Hemos integrado la interfaz de usuario con la API de Prismic para extraer el catálogo de productos y hemos desarrollado la lógica de filtrado. Los beneficios y las categorías de los productos se gestionan como una taxonomía flexible en el CMS, lo que permite un filtrado dinámico y preciso. También hemos implementado campos de datos para las etiquetas promocionales, como «Nuevo» y «Mejor vendido», lo que permite al cliente controlar fácilmente la comercialización de los productos.
He aquí un vistazo a la página de detalles del producto (PDP), diseñada para ofrecer claridad y conversión. Hemos priorizado una jerarquización de la información clara, priorizando la galería de productos y las principales opciones de compra (como las tallas disponibles, las proporciones de concentración y las dosis) en la mitad superior de la página para poder tomar decisiones rápidamente. La prueba social se basa en una valoración destacada por estrellas y un recuento de reseñas, seguidos de una descripción detallada para responder a las preguntas pendientes. Todo el diseño está estructurado para guiar al usuario con confianza hasta el botón «Añadir al carrito», mientras que el componente «También te puede gustar» fomenta el descubrimiento.
Wrap up
The strategic implementation of a headless commerce platform provided Recreate with a critical competitive advantage, enabling the synergy of a rich brand narrative with a seamless transactional experience. This newfound agility not only enhanced the customer journey but also directly contributed to increased brand equity, positioning the company as a market leader and a valuable asset. The project serves as a clear blueprint for how a forward-thinking digital architecture can accelerate growth and drive significant enterprise value, culminating in the brand's successful transformation into what is now Charlotte's Web.
Keep| reading, browsing, paging
5.0 Google
Our case studies unite high-performance design and tangible results.
«El equipo presta gran atención a los detalles y responde de manera muy oportuna (...) Son nuestro primer contacto cuando tenemos un proyecto que pueden llevar a cabo».
Reconocido por mejorar la seguridad de los cazadores con sus sistemas patentados Grip Jaw y Stabilizer Truss.
«(...) Fueron muy serviciales y receptivos durante todo el proceso (...) Los recomendaría encarecidamente a cualquiera que quiera crear un nuevo sitio minorista de comercio electrónico».
Líder mundial en medición de audiencias y análisis de datos, con unos ingresos máximos de 3,5 mil millones de dólares en 2023. Cotiza en bolsa (NYSE: NLSN). También es una empresa del S&P 500.
Una fuerza pionera en la industria del bienestar con CBD, que cuenta con una posición líder en el mercado y genera ingresos anuales que superan los 60 millones de dólares.
Con la confianza de
Dwellito
Revolucionando las transacciones inmobiliarias con tecnología innovadora, centrándonos en el creciente mercado de viviendas prefabricadas.
Con la confianza de
REcreate (Charlotte's)
Una fuerza pionera en la industria del bienestar con CBD, que cuenta con una posición líder en el mercado.
Con la confianza de
Cobis Topaz
Una fintech líder en América Latina reconocida por Gartner y Celent. Capacitan a más de 300 clientes y atienden a más de 550 millones de usuarios finales en 25 países.
Con la confianza de
Kunes
Más de 40 concesionarios en todo el Medio Oeste. Los ingresos anuales superan los mil millones de dólares y son reconocidos constantemente como uno de los «mejores concesionarios para trabajar».
Con la confianza de
RAM FIlm Society
Aumentar la audiencia de películas mediante un acceso VIP íntimo a invitados famosos y ofertas culinarias temáticas en proyecciones en lugares exóticos e inesperados.
AtQuo, registrada como Quo Agency, Inc. en Nueva York, y como Quo Agency SAS en Ecuador, es una compañía multifacética que combina la experiencia de una agencia creativa con la eficiencia de una empresa de servicios profesionales impulsada por la tecnología. La empresa está estructurada para ayudar a las marcas a ampliar su producción creativa a través de un conjunto de tres productos distintos: Relia, Kit y Agency. Nuestro modelo está diseñado para eliminar la pérdida de tiempo en cada etapa de su crecimiento. Empieza rápido y lanza un proyecto definido en cuestión de minutos con un kit de precio fijo, que te permite saltarte todo el proceso de propuesta y negociación. A medida que tus necesidades se hagan más frecuentes, gana impulso con una suscripción flexible a Relia, que te permitirá disponer de un equipo creativo bajo demanda para todas las tareas del día a día sin el repetitivo ciclo de contratación. Por último, para tus iniciativas más críticas, puedes activar inmediatamente a nuestra agencia asociada estratégica, sin tener que pasar meses buscando una firma reconocida y de primer nivel.
