Automatic Magazine Cover Image Refreshing

Need help
1

I want to add a magazine cover (i.e., Time Magazine) on my website but I want the image to refresh every time a new issue (i.e., weekly) is issued. Is there a way to do it in Bubble.io?

Here’s the steps I was going to follow but I don’t know which plugin to use.

  1. Create a new Bubble application and add a page to display the image. I’ll use an HTML element to display the image on the page.
  2. Add a data type to my application to represent the image.
  3. Use built-in integration or a plugin to connect to an external API or server that provides the latest image. Use a “Workflow” to trigger this connection on a regular basis (such as every 2 weeks).
  4. When the workflow runs, it should retrieve the latest image from the external source and save it to my Bubble application’s database.
  5. Use Bubble’s data binding feature to display the latest image on my page. You can bind the HTML element that displays the image to the data type, and Bubble will automatically update the image whenever the data changes.

Any assistance would be appreciated. I’m a new user.

2

This is very much possible. 2 methods.

Method 1:

  1. Create a new Bubble application and add a page to display the image. I’ll use an HTML element to display the image on the page.
  2. Use the API Connector plugin to set up an API request (data not action) from your source that provides the latest issue’s image.
  3. Make sure the HTML element has the image’s URL. Replace the URL with dynamic data ‘get data from external API’ and link it with 2.'s API call.

This will make an API request every time the page is loaded so is fine if you’re not limited in the number of requests you can make but means it’ll update instantly.

Method 2:

  1. Create data type Issue with text field imageURL.
  2. Create API call (action) that gets the image URL.
  3. Create scheduled workflow that gets the image URL, makes changes to the Issue by setting imageURL to the API call’s URL result. Then, in the same workflow, ‘schedule an API workflow’ that runs in Current date/time +(weeks) 1 or however frequently you want to run it.
  4. Display Issue’s imageURL in the HTML element where necessary.
3

This topic was automatically closed after 70 days. New replies are no longer allowed.