{"id":286,"date":"2020-02-28T16:03:05","date_gmt":"2020-02-28T16:03:05","guid":{"rendered":"http:\/\/wiki2.plumserver.com\/knowledge-base\/magento-dribbble-login-configuration"},"modified":"2021-09-28T08:11:03","modified_gmt":"2021-09-28T12:11:03","slug":"magento-dribbble-login-configuration","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/integrations\/dribbble","title":{"rendered":"How to Add Magento Dribbble Login to Your Website"},"content":{"rendered":"\n<figure class=\"wp-block-table\">\n    <table>\n        <tbody>\n            <tr>\n                <td colspan=\"2\">\n                    <div style=\"display: flex; align-items: center;\">\n                        <img loading=\"lazy\" style=\"flex-shrink: 0; margin-right: 10px\" src=\"\/docs\/wp-content\/uploads\/2020\/05\/Dribbble-icon.png\" alt=\"Dribbble\" width=\"54\" height=\"54\">\n                        <h3>\n                             Dribbble (dribbble.com) \n                        <\/h3>\n                    <\/div>\n                    <b>Description:<\/b> Dribbble is an online community for showcasing user-made artwork. It functions as a self-promotion and networking platform for graphic design, web design, illustration, photography, and other creative areas. Dribbble is one of the largest platforms for designers to share their work online, with an estimated 460,000 users.\n                <\/td>\n            <\/tr>\n            <tr>\n                <td>Protocol<\/td>\n                <td>OAuth 2.0<\/td>\n            <\/tr>\n            <tr>\n                <td>Returned Data<\/td>\n                <td>userId, name, photo<\/td>\n            <\/tr>\n            <tr>\n                <td>Requires SSL?<\/td>\n                <td>No<\/td>\n            <\/tr>\n        <\/tbody>\n    <\/table>\n<\/figure>\n\n\n\n<h2 id=\"how-to-configure-dribbble-api-for-magento\">How to Set Up Dribbble API for Magento<\/h2>\n\n\n\n<p>In this article, you will learn how to enable and configure your Dribbble API in order to integrate <a href=\"\/magento-social-login-pro\">Dribbble login into&nbsp;Magento Social Login Pro extension<\/a>. Please follow the step-by-step instructions below.<\/p>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Step-by-Step action:<\/p>\n\n\n\n<ol><li><strong>Login to <a href=\"https:\/\/dribbble.com\/account\/applications\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">dribbble.com\/account\/applications<\/a> .<\/strong><\/li><li><strong>Press &#8220;Register a new application&#8221; button to start creating your Dribbble application.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"\/docs\/wp-content\/uploads\/2020\/05\/Magento_social_login_pro_dribbble_conf1.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img src=\"\/docs\/wp-content\/uploads\/2020\/05\/Magento_social_login_pro_dribbble_conf1.jpg\" alt=\"Magento social login pro dribbble conf1.jpg\"\/><\/a><\/figure>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Step-by-Step action:<\/p>\n\n\n\n<ol><li><strong>Indicate the name of your Dribbble application.<\/strong><\/li><li><strong>Provide short description of your application.<\/strong><\/li><li><strong>Enter your website URL.<\/strong><\/li><li><strong>Copy and paste Callback URL, that can be found in your Magento backend-&gt; Plumrocket-&gt; Social Login Pro-&gt; Dribbble-&gt; Callback URL.<\/strong><\/li><li><strong>In order to proceed, please accept the Dribbble API Terms &amp; Guidelines.<\/strong><\/li><li><strong>Press &#8220;Register application&#8221; to create your Dribbble application.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"\/docs\/wp-content\/uploads\/2020\/05\/Magento_social_login_pro_dribbble_conf2.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img src=\"\/docs\/wp-content\/uploads\/2020\/05\/Magento_social_login_pro_dribbble_conf2.jpg\" alt=\"Magento social login pro dribbble conf2.jpg\"\/><\/a><\/figure>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Step-by-Step action:<\/p>\n\n\n\n<ol><li><strong>Copy &#8220;Client ID&#8221; to your clipboard.<\/strong><\/li><li><strong>Copy &#8220;Client Secret&#8221; to your clipboard.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"\/docs\/wp-content\/uploads\/2020\/05\/Magento_social_login_pro_dribbble_conf3.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img src=\"\/docs\/wp-content\/uploads\/2020\/05\/Magento_social_login_pro_dribbble_conf3.jpg\" alt=\"Magento social login pro dribbble conf3.jpg\"\/><\/a><\/figure>\n\n\n\n<h2 id=\"dribbble-integration-in-magento-social-login-pro-extension\">Configuring Dribbble Integration in Magento Social Login Pro Extension<\/h2>\n\n\n\n<p>In this step you must update your <a href=\"\/magento-1-social-login-pro\" title=\"Dribbble Magento Social Login\" target=\"_blank\" rel=\"noopener noreferrer\">Magento Social Login Pro Extension<\/a> configuration. In your magento admin panel, go to &#8220;System&#8221; -&gt; &#8220;Configuration&#8221; -&gt; &#8220;Plumrocket Inc&#8221; -&gt; &#8220;Social Login Pro&#8221; -&gt; &#8220;Dribbble&#8221; Tab.<\/p>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Step-by-Step action:<\/p>\n\n\n\n<ol><li><strong>Paste Client ID into the relevant field of your &#8220;Dribbble&#8221; backend.<\/strong><\/li><li><strong>Copy Client Secret into the relevant field of your &#8220;Dribbble&#8221; backend.<\/strong><\/li><li><strong>Press &#8220;Save Config&#8221; button to save your settings.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"\/docs\/wp-content\/uploads\/2020\/05\/Magento_social_login_pro_dribbble_conf4.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img src=\"\/docs\/wp-content\/uploads\/2020\/05\/Magento_social_login_pro_dribbble_conf4.jpg\" alt=\"dribbble magento social media login\"\/><\/a><\/figure>\n\n\n\n<p>Configuration of Dribbble agento Social Login application is now completed<\/p>\n\n\n\n<h2 id=\"dribbble-integration-in-magento-2-social-login-pro-extension\">Configuring Dribbble Integration in Magento 2 Social Login Pro Extension<\/h2>\n\n\n\n<p>In this step you must update your <a href=\"\/magento-social-login-pro\" title=\"Dribbble Magento2 Social Login\" target=\"_blank\" rel=\"noopener noreferrer\">Magento 2 Social Login Pro Extension<\/a> configuration.In your magento 2 admin panel, go to &#8220;Plumrocket&#8221; tab in the main menu -&gt; &#8220;Social Login Pro&#8221; section -&gt; &#8220;Configuration&#8221; -&gt; &#8220;Dribbble&#8221; Tab.<\/p>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Step-by-Step action:<\/p>\n\n\n\n<ol><li><strong>Paste Client ID into the relevant field of your &#8220;Dribbble&#8221; backend.<\/strong><\/li><li><strong>Copy Client Secret into the relevant field of your &#8220;Dribbble&#8221; backend.<\/strong><\/li><li><strong>Press &#8220;Save Config&#8221; button to save your settings.<\/strong><\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"\/docs\/wp-content\/uploads\/2020\/05\/46_Magento_2_Dribble_Login_Configuration_v1.jpg\" target=\"_blank\" rel=\"noopener noreferrer\"><img src=\"\/docs\/wp-content\/uploads\/2020\/05\/46_Magento_2_Dribble_Login_Configuration_v1.jpg\" alt=\"46 Magento 2 Dribble Login Configuration v1.jpg\"\/><\/a><\/figure>\n\n\n\n<p>Configuration of Dribbble Magento 2 Social Login application is now completed<\/p>\n\n\n\n<p><strong>Next Step<\/strong> &gt; <strong><a href=\"\/docs\/magento-1-social-login-pro\/v1\/configuration#social-login-pro-api-reference\n\" title=\"Magento Social Login Pro v1.x Configuration\">Return to Social Login Pro API Reference<\/a><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dribbble (dribbble.com) Description: Dribbble is an online community for showcasing user-made artwork. It functions as a self-promotion and networking platform for graphic design, web design, illustration, photography, and other creative areas. Dribbble is one of the largest platforms for designers to share their work online, with an estimated 460,000 users. Protocol OAuth 2.0 Returned Data &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/integrations\/dribbble\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How to Add Magento Dribbble Login to Your Website&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[323],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v17.2 (Yoast SEO v17.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Add Magento Dribbble Login to Your Website - Plumrocket Documentation<\/title>\n<meta name=\"description\" content=\"Dribbble (dribbble.com) Description: Dribbble is an online community for showcasing user-made artwork. It functions as a self-promotion and networking\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/plumrocket.com\/magento-social-login-pro\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Magento Dribbble Login to Your Website\" \/>\n<meta property=\"og:description\" content=\"Dribbble (dribbble.com) Description: Dribbble is an online community for showcasing user-made artwork. It functions as a self-promotion and networking\" \/>\n<meta property=\"og:url\" content=\"https:\/\/plumrocket.com\/magento-social-login-pro\" \/>\n<meta property=\"og:site_name\" content=\"Plumrocket Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-28T16:03:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-28T12:11:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2020\/05\/Dribbble-icon.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Plumrocket\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Add Magento Dribbble Login to Your Website - Plumrocket Documentation","description":"Dribbble (dribbble.com) Description: Dribbble is an online community for showcasing user-made artwork. It functions as a self-promotion and networking","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/plumrocket.com\/magento-social-login-pro","og_locale":"en_US","og_type":"article","og_title":"How to Add Magento Dribbble Login to Your Website","og_description":"Dribbble (dribbble.com) Description: Dribbble is an online community for showcasing user-made artwork. It functions as a self-promotion and networking","og_url":"https:\/\/plumrocket.com\/magento-social-login-pro","og_site_name":"Plumrocket Documentation","article_published_time":"2020-02-28T16:03:05+00:00","article_modified_time":"2021-09-28T12:11:03+00:00","og_image":[{"url":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2020\/05\/Dribbble-icon.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Plumrocket","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/plumrocket.com\/docs\/#website","url":"https:\/\/plumrocket.com\/docs\/","name":"Plumrocket Documentation","description":"Extensions docs, troubleshootings etc.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/plumrocket.com\/docs\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/magento-social-login-pro#primaryimage","inLanguage":"en-US","url":"\/docs\/wp-content\/uploads\/2020\/05\/Dribbble-icon.png","contentUrl":"\/docs\/wp-content\/uploads\/2020\/05\/Dribbble-icon.png"},{"@type":"WebPage","@id":"https:\/\/plumrocket.com\/magento-social-login-pro#webpage","url":"https:\/\/plumrocket.com\/magento-social-login-pro","name":"How to Add Magento Dribbble Login to Your Website - Plumrocket Documentation","isPartOf":{"@id":"https:\/\/plumrocket.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/plumrocket.com\/magento-social-login-pro#primaryimage"},"datePublished":"2020-02-28T16:03:05+00:00","dateModified":"2021-09-28T12:11:03+00:00","author":{"@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/38b360639b934d6c984ee4f3ffce7d20"},"description":"Dribbble (dribbble.com) Description: Dribbble is an online community for showcasing user-made artwork. It functions as a self-promotion and networking","breadcrumb":{"@id":"https:\/\/plumrocket.com\/magento-social-login-pro#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/plumrocket.com\/magento-social-login-pro"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/plumrocket.com\/magento-social-login-pro#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Magento 2 Extensions","item":"https:\/\/plumrocket.com\/magento-extensions"},{"@type":"ListItem","position":2,"name":"Magento 2 Social Login Pro","item":"https:\/\/plumrocket.com\/magento-social-login-pro"},{"@type":"ListItem","position":3,"name":"Documentation","item":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro"},{"@type":"ListItem","position":4,"name":"Integrations","item":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/integrations"},{"@type":"ListItem","position":5,"name":"Dribbble Login Configuration"}]},{"@type":"Person","@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/38b360639b934d6c984ee4f3ffce7d20","name":"Plumrocket","image":{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/docs\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/72392a92ae750c66560be284502b6676?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/72392a92ae750c66560be284502b6676?s=96&d=mm&r=g","caption":"Plumrocket"},"sameAs":["https:\/\/plumrocket.com\/docs"]}]}},"_links":{"self":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/286"}],"collection":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/comments?post=286"}],"version-history":[{"count":3,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/286\/revisions"}],"predecessor-version":[{"id":23515,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/286\/revisions\/23515"}],"wp:attachment":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/media?parent=286"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/categories?post=286"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/tags?post=286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}