500px generator

This dynamic slide generator is available in the PRO version only.

Tutorial

  1. Go to our backend Settings → 500px generator, and copy out the Callback url.

  2. Go to this page of 500px.
  3. Click on Register your application.

  4. Give a name and description to your application, write your website's url into the Application URL field, and paste the Callback URL into here. Also you have to give an email address, and accept the Terms of Use.

  5. After this your application will appear in your list, and you should click on See application details under it's name.

  6. Copy out the Consumer Key and the Consumer Secret.

  7. Go back to our backend Settings → 500px generator, and paste the Key and Secret there, then click on Request token. (Make sure that you don't have any empty space characters in the end or beginning of the Key and Secret.)

  8. Authorize the api to use your account.

  9. You will see the token appearing in your backend, and you should save on the Settings.

  10. Now the api is done, and you can create a new slider, or use an existing one.

  11. Choose to give dynamic slides to your slider.

  12. Choose 500px - Collection.

  13. Set up your generator, pick a collection, change the number of slides to how many do you want to be in your slider, change the cache expiration to the time you want your slider to look for new data, and if you want to, you can check, what will be on your slides in the record viewer.

  14. Now you can start working on how your slides will look with the datas of the first slide. You can put down layers, and use the VARIABLE signs to put that data inside them, what you want there to be.

  15. If something is not clear, check out how the dynamic slide generators work.

Filter

  • Collection - You can select one collection from where you want the images.

Variables

  • image - The link of the image.
  • thumbnail - The link of the image's thumbnail.
  • image5, image6 - Image urls with different sizes.
  • title - The title of the image.
  • description - The description of the image.
  • url - URL to the image.