Dribbble generator

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

Tutorial

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

  2. Go to this page of dribbble, where you can create a new application.
  3. Give a name, a description, your website's url, paste the Callback URL here, accept the terms, and click on Register application.

  4. You will see "slider application registered.", and under it will be the Client ID and the Client Secret, what you need to copy.

  5. Go back to our backend Settings → Dribbble generator, and paste the ID 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 ID and Secret.)

  6. Authorize the api to access your account.

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

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

  9. Choose to give dynamic slides to your slider.

  10. Choose one of the Dribbble generators.

  11. Set up your generator, choose the settings you think you want, 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.

  12. 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.

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

Filter

Shots
  • User name - You can write a username here to get the shots from, or leave it on "me" to get the shots from your user. 
Project
  • User name - You can write a username here to get the images from, or leave it on "me" to get them from your user.
  • Project - You can select a project from where you want the images.

Variables

Shots
  • image - Either the high resolution, or the normal version of the current shot.
  • thumbnail - The teaser version of the current shot.
  • title - The title of the current shot.
  • description - The description of the current shot.
  • url - URL to the current shot.
  • image_normal - The normal version of the current shot.
  • views_count - The number of views of the current shot.
  • likes_count - The number of likes of the current shot.
  • comments_count - The number of comments of the current shot.
  • rebounds_count - The number of rebounds of the current shot.
  • buckets_count - The number of buckets of the current shot.

Project
  • image - Either the high resolution, or the normal version of the current shot.
  • thumbnail - The teaser version of the current shot.
  • title - The title of the current shot.
  • description - The description of the current shot.
  • url - URL to the current shot.
  • image_normal - The normal version of the current shot.
  • views_count - The number of views of the current shot.
  • likes_count - The number of likes of the current shot.
  • comments_count - The number of comments of the current shot.
  • rebounds_count - The number of rebounds of the current shot.
  • buckets_count - The number of buckets of the current shot.
  • buckets_count - The number of buckets of the current shot.
  • buckets_count - The number of buckets of the current shot.
  • buckets_count - The number of buckets of the current shot.
  • name - The name of the current shot's creator.
  • user_name - The username of the shot's creator.
  • user_url - Url to the the shot's creator user.
  • user_avatar - The shot's creator user's avatar picture.