Así que básicamente estoy tratando de hacer un botón de agregar al carrito muy simple.
Hace clic, puede continuar "navegando" y cuando haga clic para ir al carrito, estará allí en el formato en el que lo tengo configurado.
No necesito exactamente ayuda para que aparezca con el texto correcto, pero sobre todo para clonarlo y luego aparecer en un documento completamente diferente.
Probé cloneNode, pero eso simplemente aparece en el mismo documento.
Si conoce alguna función/forma de ayudar, eso me ayudaría mucho.
Puedes lograr esto de muchas maneras. Desde almacenar un valor como parámetro en una URL, usar localStorage, cookies, hacer su propio administrador de estado o usar Redux, React Context API, MobX, etc.
Pruebe con la API de almacenamiento local.
localStorage.setItem('cartProduct', cartProduct)
entonces puedes leerlo con
localStorage.getItem('cartProduct)
https://www.taniarascia.com/como-usar-almacenamiento-local-con-javascript/