I have a collection of teachers. Each collection item is a profile, with a name and photo attached.
I created a form on webflow where people add their details and photo.
I then have have a zapier action which creates a new collection item whenever somebody completes this form.
My issue is this: how do I display the profile picture on the directory list page?
When users complete the form, they upload their picture as a file.
Then Webflow send the form to zapier, and zapier sends the form back to Webflow.
Zapier turns the images into a url, so it arrives back as a link, not an image file.
On the collection template page (when you are looking at 1 person’s profile) I have successfully used the code injector to change the background image url by using the collection variable.
However, I do not have the option “+add field” on the code injection for the listing page, so it does not seem like I can use the same solution.
What can I do here?
Is there a better way to automatically add items from the form to my collection without using Zapier?
Here is my public share link: https://www.prosocial.world/adopt-prosocial/find-a-facilitator
(how to access public share link)