Is there a way to integrate a Dribbble account with a Webflow portfolio in order to display recent uploads?

Published on
September 22, 2023

Yes, there is a way to integrate a Dribbble account with a Webflow portfolio to display recent uploads. Dribbble is a popular online community for designers to showcase their work, and integrating it with your Webflow portfolio can provide you with a real-time display of your latest designs.

Here is a step-by-step guide on how to integrate your Dribbble account with your Webflow portfolio:

  1. Create a Dribbble account: If you don't already have a Dribbble account, visit the Dribbble website and create one.

  2. Generate an access token: In order to connect your Dribbble account to Webflow, you'll need to generate an access token. To do this, go to your Dribbble account settings and navigate to the "Developer settings" tab. Click on "New token" to generate a new access token.

  3. Copy the access token: After generating the access token, copy it to your clipboard. This token will be used to authenticate your Dribbble account with Webflow.

  4. Open your Webflow project: Login to your Webflow account and open the project in which you want to integrate your Dribbble account.

  5. Go to the Integrations tab: In the project settings panel, click on the "Integrations" tab. This is where you can connect your third-party services.

  6. Select Dribbble: Within the Integrations tab, click on "Add new integration" and select Dribbble from the available options.

  7. Authenticate your Dribbble account: In the Dribbble integration panel, paste the access token you copied from Dribbble. Webflow will then authenticate your Dribbble account.

  8. Configure the Dribbble integration: Once authenticated, you can customize the integration by selecting the number of shots to be displayed, the sort order, and other display options. You can also choose to display the Dribbble shots on a specific page or template within your Webflow site.

  9. Save and publish: After configuring the integration settings, click on "Save" and then publish your Webflow project. The Dribbble shots will now be displayed on your Webflow portfolio.

By integrating your Dribbble account with your Webflow portfolio, you can effortlessly showcase your latest designs and keep your portfolio up to date with your ongoing work.

Additional Questions:

  • How can I connect my Dribbble account with Webflow?
  • What is the benefit of integrating Dribbble with my Webflow portfolio?
  • Can I customize the appearance of the Dribbble shots on my Webflow site?