{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/d427e56b04e24766bca9b21f69069bd2\" frameborder=\"0\" width=\"2076\" height=\"1557\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1557,"width":2076,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1557,"thumbnail_width":2076,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/d427e56b04e24766bca9b21f69069bd2-9d6217c7a6cd612e.gif","duration":603.1981,"title":"Setting Up the Add to Cart Functionality in Webflow","description":"In this video, I walk you through the process of integrating the \"add to cart\" element in Webflow, emphasizing the importance of transferring classes to ensure it matches the component's design. I also discuss the use of radio buttons for options and the necessity of the FinSuite attribute for proper styling. After setting everything up, you can delete the original \"add to cart\" version to streamline your workflow. If you need to add more images or variants, I recommend using collections effectively, keeping in mind the limitations of nesting collections in Webflow. Please make sure to test the functionality after implementing these changes."}