I’m experimenting with Component Slots. My goal was to create an icon card grid component that allows clients to select between different options.
Issues encountered:
Incomplete rendering in Builder - The component doesn’t render correctly in the Builder. As shown in the video, most of the card SVG icons are missing.
Styling discrepancies on frontend - The styling looks completely different on the frontend compared to the Builder. It appears that some styling has been lost during rendering.
Poor client editing experience - When I click on a card, it focuses on the slot instead of the component itself. This makes the experience overly complicated for clients, as they need to navigate to the structure panel to select the correct element. The component I’m clicking on should be focused directly instead.
Can you export your components/the entire layout and make them available to me?
I’m almost certain that we already have reports/tasks for at least two of the problems. However, to confirm this, I need your components
Hey, I created a staging environment where you have access to everything. I sent you a private DM. For some reason, the Icon Cards look fine now on the frontend, but on the backend they’re still not rendering correctly. Thanks!
Could you possibly record a separate video showing only this problem? I’m not sure if you showed this in your previous video—if so, please give me the timestamp
Thanks! Yeah, I recorded a video for you. Basically, the editing experience isn’t great, especially for client editing, because you’re forced to use the structure panel. I think it should automatically detect when you click on a component that’s inside a slot. In the video, I also show how Webflow handles it, and I found a solution with Claude where it can detect when you click on something inside a slot.
I’ve got a similar rendering issue. I have a two column component, text on one side and a slot in the other. There are several properties like padding and background colour choice linked to the text block. My slot has an image in it and if I change any of the text block’s properties, the image disappears in the backend. After saving the exchange and refreshing the page (refreshing the builder does nothing), the image reappears. This only happens in the backend.
Came here to add to the discussion. today is my first time using the new slots feature for a new build. Client wants to be able to start adding content in 2 days! I have created components for 3 card designs and have also created some for “feature grids” which can accept these cards using the new slot element. On adding some cards which have images they randomly don’t have the images displayed in the backend but they are displayed when viewing the page. See attached screen grab. I think if I add the card components slower that they aren’t broken as often if that helps?
