Streaming live at 10am (PST)

Connecting to my own CMS (API)?

Because the webflow site slider can’t update its number of slides based on how many items are in a (slides) Webflow CMS collection.

So, this is actually an X/Y problem. You are attempting to solve this issue/limitation by doing it in a complicated manner.

There are already workarounds discussed on this forum on how to solve this CMS slider issue without having to resort to using the API.

Also, I’m guessing you are trying to use an external slider plugin instead of the Webflow slider. You do not need the Webflow API for this.

Thank you, Sam @samliew. How would I dynamically fill an external slider with CMS items? Do you have a resource you’d recommend? I’ve found the options in the forms very limited.

A bonus of using the Webflow API for this is one could also add advanced server-updating functionality like having a CMS collection item expire (auto-delete itself) after a certain date, e.g. for auto hiding meeting announcement slides when said meeting is over.

It mostly depends on what slider plugin you are using. You can just use a collection list to “print” out all the necessary slide info onto your page, then based on the documentation of the slider plugin, initialise the slider with the correct options.

That’s the general workflow, I can’t be specific as we do not have access to your project.

Like I said, you are over-complicating this. All this info (like an expiry date) can already be managed via the webflow CMS and no additional external app is required.

1 Like

@samliew, thanks! Do you have a slider plugin you’d recommend for this case? I’m looking for any example code for an external slider connecting with a “collection list ‘print[ed]’ out”

And that’s cool you can tell the CMS to auto-delete items after a selected date. How would I set that up?

Here are some examples, which can be easily searched on this forum.

https://discourse.webflow.com/search?q=%22cms%20slider%22%20order%3Aviews

See Creating a Dynamic Slider in Webflow, which uses cycle2 slider plugin. Basically any/most JavaScript slider plugin can work, you just need some JavaScript knowledge to set up, or contact a Webflow Expert.

You already can apply a filter in the collection list with date time fields. Therefore the “expired” ones won’t show.

@samliew Thank you for curating this slider example. I’d seen jbleroux’s solution although didn’t realize he has a designer preview available, thanks! Sorry to have you search for me.

And thanks for the date-filtering on collection list tip! That’s most helpful.

If anyone has any example code for server-side processing the CMS API to a client side Webflow site, I’d still like to learn that for edge-case client needs that may pop-up in the future. Thanks again though, Sam!

Did you ever figure this out (Getting info from the CMS)? I can find info on writing to the CMS via API, but not reading the contents of one.

@MichaelMannucci - It is actually very straight forward and easy to implement.

https://developers.webflow.com/#get-single-item

1 Like

I feel like you’re following me :stuck_out_tongue: haha

Excuse my ignorance, a lot of that looks like greek to me. Would it be possible to list each item in a collection, along with each of its field, in a list or in a table?

Yes, that would be possible.

Hi @Erwin

I haven’t gone through the entire thread. But I was having a similar requirement from the client and created a quick sample.

Here’s the link to it: https://gts-webflow-playground.webflow.io/samples/fetch-data-from-external-api-to-webflow

I hope it will help.

Cheers & happy designing!

2 Likes

Hey :wave:t4:

Can I use a version of this JavaScript to grab a video url from json to a cms field every time a video is uploaded somewhere?

I’m trying to display an uploaded video in a gallery on a web page.

Here is the site in its current state.
https://video-gallery-rv.webflow.io/

Rupen.

Hi @PiXL3, it seems like you have sorted this out. Let me know if there’s still anything. I would try my best to help.
Cheers!

Hi @gautamlakum

I used Zapier to help bring the data (url) back to a live item.

Is there a way to do it without Zapier?

Rupen.

@PiXL3 To fetch data from any server to any app (web or mobile), we need an API. I think you have done the same using Zapier. I would say it’s a good solution.

If you don’t want to use Zapier, you will need to create an API using any server-side programming language like PHP or Python.

Javascript is only used to call that API. That’s what I have done in my sample.

I hope this helps. Let me know if have any questions.

2 Likes

Hello sir, sorry to bother you.

I am having trouble with API image URLs not showing on the published website, would you mind taking a look at my problem? Image upload to zapier to CMS

Hey @gautamlakum

Thanks. What do I need to research, learn to remove dependency on Zapier?

Can I use any of the AWS services?
I’ll also need to write a live item into the cms.

Rupen.

@PiXL3 You can use any server-side programming language (PHP, Python, RoR) to create your own API. Host it on a server, and use it with your Webflow project.

I haven’t explored all AWS services. But I used Amazon API Gateway once.

1 Like

Thanks @gautamlakum

Will take a look.