Live update Collection list

Is there a way to make a collection list live update without refreshing the page?

I have a form that is connected to the webflow api through zapier. When the form is filled out and submited a new cms item is created and published.

THE FORM

After submitting the user is redirected to a collection list with links to all the current collection pages.

THE COLLECTION LIST

When the user lands on the page with the collection list. The brand new collection is not yet visible. For it to show up you have to refresh the page. The user lands on the page before the collection list has a chance to update.

My idea was maybe we could have the collection list update dynamically when it detects that a new collection item has been added.

Or maybe you can put a delay on the redirect after submitting the form.

Any tips?

1 Like

Hi @felix_hellstrom

I found a workaround in the past for a similar project. The solution was to put a line of custom code that makes the page refresh automatically. You can set the delay between every refresh by changing the 90 (time is in seconds)

Here’s the code:

<meta http-equiv="refresh" content="90" >

Hope this helps! :slight_smile:

2 Likes

This is a great work around and I thank you for it as it really saved me but I wish there was some way we could have it transition in without the refresh as it throws my analytics off

1 Like

Its a workaround the biggest challenge is that it will reset the scroll position on the page. WHich is frustrating for the end user if they are part way through scrolling through content when it refreshes.

I have this exact same issue. Content can be unpublished but still available for people to see if they dont leave the current page.

Hi,

I believe AJAX is the correct avenue to explore… of course each use case is different, therefore I’ll leave links and circle back later if I am able to find a solution that works with Webflow.