Getting Started #

The Dribbble Widget allows you to display your latest Dribbble shots on your WordPress sites. It helps designers to gain inspiration, feedback, community, and jobs. Here’s a comprehensive article to explain every method in detail. Follow the step-by-step process to connect the Dribbble.

Watch our video guide:

Or, just follow the step by step process:

Generate Dribble Access Token #

You will need a Access Token to Connect your Dribbble.

• Step=>1: Go to Elementskit-> Elements-> Make sure that your Dribbble Feed is Active-> Save

•  Step=>2: Go to User data=> Click on the Dribbble User Data to Expand-> Now Click on Get Access Token.

•  Step=>3: Enter your Dribbble Account Credentials and click on Sign In.

• Step=>4: Click on Authorize.

• Step=>5: Here is your Dribbble Access Token. Copy them.

• Step=>6: Paste the Access Token on the selected area->Save Changes.

• If you face any issue regarding syncing the data, just click on clear cache.

• Step=>7: Now search for Dribble Feed-> Drag the widget-> Drop on the selected area.

• Now you can see your Dribbble Shots on your Dribbble feed widget.

Customize Dribble Feed #

• Choose your Style from the Layout.
• You can see your selected style showing.

• Set Column: 2.
• Enable Header.
• You can see the header on the top and shots are showing in 2 columns.