Troubleshooting Clay and Webflow Issues for ABM Landing Pages

Rodrigo V. · 2025-04-03T10:02:17.052Z

Hello, I'm using Clay to automate ABM landing pages in Webflow but I'm running into 2 problems: • I'm retrieving the Logo URL and Fetching the image using Clay, but it's not sending the image to Webflow. • Instead of checking if there's a collection item already on Webflow and updating it, it's creating another item... which creates another slug Thank you in advance for your help!

Troubleshooting Clay and Webflow Issues for ABM Landing Pages | Clay

Channeled
APP
·
·
To address your issues with the Webflow integration, let's focus on updating existing items: 1. For updating collection items, use the "Update Collection Item with Webflow" action. This action requires: • Site • Collection • Item ID • Optional: Is draft, Is archived 2. To avoid creating duplicates, first use the "Get collection item" action to retrieve the existing item using its name or slug. Then, use the obtained Item ID in the update action. Regarding the logo image issue, the sources don't provide specific information. This might require further investigation. If you need more assistance, please request to talk to a person for in-depth troubleshooting of your Webflow integration setup.
Sources: Webflow integration | Documentation | Clay University Update Collection Item with Webflow | Clay.com
Mark L.
·
·
Hey Rodrigo, thanks for getting in touch. Would you be able to share the Clay table you're working in? I'd like to have a look and make sure I understand the current setup you're working with.
(52 kB)
Mark L.
·
·
Rodrigo, as a quick follow, wanted to share that we've raised this to our engineering group to have a look with us. It seems you're not the only one running into this, but we need to pin down exactly whey. I'm still interested to see the table you're working on. But I'll also keep tabs internally on our investigation, and let you know what I learn.
Rodrigo V.
·
·
I used two different templates from Clay, and none of them seem to send the logo image to webflow https://app.clay.com/workspaces/339796/workbooks/wb_iTmQED2nJWuq/tables/t_Nknr46sNGgS8/views/gv_QhfTbDpfTtuJ https://app.clay.com/workspaces/339796/workbooks/wb_iTmQED2nJWuq/tables/t_CmeUNwRvNhDr/views/gv_4yrc7yX2x9Vw
Rodrigo V.
·
·
also, another issue is if we already have 'uber' in Clay, and we add another 'uber' by mistake, or if we run the row again it creates another item on Webflow messing up with the slug... instead of hawksearch.com/customers/uber it will look like hawksearch.com/customers/uber-9238 or something like that ideally it should look if there's an item with the same name created on Webflow and don't create a new one. If we run the row again it should update it... instead of creating a new one
Rodrigo V.
·
·
Thank you in advance Mark!

Rodrigo V.

·

Additional help that I need, is when the Customer logo has a poor color contrast with white background we barely can read the title that uses their branded color... I wanted to create a rule to fallback to our brand color but it doesn't seem to work with color contrast. Can you provide a solution for that? here's the rule I was trying to work with

Check out this image of a company's logo and identify its primary color's hexcode. Return only the hexcode - nothing more, nothing less. 

In case the color seems in the realm of white / gray / off-white or anything similar or if it's too close to white or black, then return this #FF7416 instead. Check if the color contrast ratio is 4.5:1 or above, 1 being white, if not use this #FF7416 instead.

Rodrigo V.
·
·
Snapchat color contrast scores 1.09:1 https://webaim.org/resources/contrastchecker/
Rodrigo V.
·
·
Mark L.
·
·
To avoid creating duplicates, you should be able to "Get collection item", and then conditionall Create/Update based on the result. (Webflow's API doesn't allow for upsert, from what I can see.) I'd suggest handling that in a separate column, perhaps setting a "floor" color giving the background, and adjust upward as needed. I think the math for hex/rbg conversion needed to calculate contrast is probably more sophisticated than what could be handled. Maybe something more approximate like Euclidean distance between the two values would get you roughly 'close enough' in most cases. (Though I don't like not being sure that it's accessible.) I'm not sure if there are any handle WCAG APIs, but that's another option. If there were an endpoint where you could supply two hex values, and it would report back a contrast number, you could ping it using an HTTP API column in Clay. https://www.clay.com/university/lesson/http-api-clay-101 https://www.clay.com/university/guide/http-api-integration-overview I'll let you know of any new developments on the image side of things.
Rodrigo V.
·
·
Dillon T. can you take a look on this?
Dillon T.
·
·
Mark L. When the "get collection Item" is run what part of that data should we use in the run condition? - "Is Draft"?
Mark L.
·
·
My thought was to check for whether or not e.g. an ID was returned. If ID, update; if none, create.
Dillon T.
·
·
ah okay yes that could work
Dillon T.
·
·
seems to be working fine for creating a collection item. When we try to update I am getting an error message saying its failed to update item.

24 comments