{"id":26076,"date":"2022-08-26T10:17:32","date_gmt":"2022-08-26T14:17:32","guid":{"rendered":"https:\/\/plumrocket.com\/docs\/?p=26076"},"modified":"2022-08-26T10:18:40","modified_gmt":"2022-08-26T14:18:40","slug":"how-to-add-magento-tiktok-login-to-your-website","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/integrations\/tiktok","title":{"rendered":"How to Add Magento TikTok Login to Your Website"},"content":{"rendered":"\n

In this article, you will learn how to set up and configure TikTok API in order to integrate TikTok login into Magento 2 Social Login Pro plugin<\/a>. Please follow the step-by-step instructions below to set up the integration correctly.<\/p>\n\n\n\n

How to Set Up TikTok API for Magento 2<\/h2>\n\n\n\n

In order to get TikTok API credentials, you need to create a developer application. First, go to developers.tiktok.com and register a TikTok developer account<\/a>. <\/p>\n\n\n\n

\n

Step-by-step guide:<\/p>\n\n\n\n

  1. Log in to the TikTok platform for developers with the account you just created. Click Manage apps<\/strong> on the right side of the header navigation bar.<\/li>
  2. Click Connect an app<\/strong> to create a new app.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
    \"Magento<\/figure>\n\n\n\n

    App Details<\/h3>\n\n\n\n

    The App Details section provides you with your TikTok API app credentials. Later, you will need to use the following credentials to set up the Magento 2 TikTok integration in the Magento admin panel. Note <\/strong>that the credentials will be valid after the application is reviewed and approved.<\/p>\n\n\n\n

    \n

    Step-by-step guide:<\/p>\n\n\n\n

    1. “Client key<\/strong>“: this is your API Key to be pasted in the TikTok integration settings in the Magneto 2 admin panel. <\/li>
    2. “Client secret<\/strong>“: this is your Client Secret to be pasted in the TikTok integration settings in the Magneto 2 admin panel.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
      \"Magento<\/figure>\n\n\n\n

      Configuration<\/h3>\n\n\n\n

      The Configuration section displays and collects basic app information. Please fill in the necessary information in order for your application to be reviewed.<\/p>\n\n\n\n

      \n

      Step-by-step guide:<\/p>\n\n\n\n

      1. “App icon<\/strong>“: upload your App icon that will be displayed in the TikTok ecosystem.<\/li>
      2. “App name<\/strong>“: provide the descriptive name for your application to be displayed on the TikTok ecosystem.<\/li>
      3. “Category<\/strong>“: selecting a category the application will be used under. <\/li>
      4. “Description<\/strong>“: include a description of the app and how it will be used.<\/li>
      5. Under the Platform section, switch the Configure for Web<\/strong> toggle to On<\/em> to indicate that you will run your app on the web. <\/li>
      6. “Website URL<\/strong>“: provide your website URL where you are going to implement the TikTok Login. <\/li><\/ol>\n<\/div><\/div>\n\n\n\n
        \"Magento<\/figure>\n\n\n\n

        Products<\/h3>\n\n\n\n

        In this section, you should add and set up products in your app. <\/p>\n\n\n\n

        \n

        Step-by-step guide:<\/p>\n\n\n\n

        1. On the left-hand side navigational panel, click +Add products<\/strong>.<\/li>
        2. Click Add<\/strong> for the Login Kit and Webhooks products.<\/li>
        3. Click Done<\/strong> to start configuring the products.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
          \"Magento<\/figure>\n\n\n\n
          \n

          Step-by-step guide:<\/p>\n\n\n\n

          1. Under Login Kit<\/strong>, provide the URLs of your website’s Terms of Service and Privacy Policy, as well as your website domain without http\/https or path.<\/li>
          2. Under Webhooks<\/strong>, paste the Callback URL<\/strong> <\/a>from the TikTok settings in the Magento admin panel. <\/li><\/ol>\n<\/div><\/div>\n\n\n\n
            \"Magento<\/figure>\n\n\n\n
            \n

            Step-by-step guide:<\/p>\n\n\n\n

            1. Scroll up and click Save changes<\/strong> to save current progress.<\/li>
            2. Click Submit for review<\/strong> once you have completed, and the application we will be reviewing by TikTok.<\/li>
            3. You can always come back and check the Status<\/strong> field. Once submitted for review, the status is Under review<\/em>, and once approved, it changes to Live in production<\/em>. <\/li><\/ol>\n<\/div><\/div>\n\n\n\n
              \"Magento<\/figure>\n\n\n\n

              Configuring TikTok Integration in Magento 2 Social Login Pro Extension<\/h2>\n\n\n\n

              At this point, you should paste the created API keys into your Magento 2 Social Login Pro Extension<\/a> configuration. In the main Magento menu, go to Plumrocket<\/strong> -> Social Login Pro -> Configuration<\/strong> -> TikTok<\/strong>, and perform the following steps:<\/p>\n\n\n\n

              \n

              Step-by-step guide:<\/p>\n\n\n\n

              1. Set the Enable<\/strong> option to Yes<\/em> to enable TikTok Login on your Magento 2 website.<\/li>
              2. Paste the API Key<\/a> and API Secret<\/a><\/strong> you got when setting up a TikTok application.<\/li>
              3. This Redirect URI<\/strong> is to be pasted during the TikTok application configurations.<\/li>
              4. Skip this step to have the extension use the default icons for the TikTok login buttons, or select the files to use your own.<\/li>
              5. Specify the text to be displayed on the TikTok login buttons.<\/li>
              6. Click Save Config<\/strong> to save the configurations.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
                \"Setting<\/figure>\n","protected":false},"excerpt":{"rendered":"

                In this article, you will learn how to set up and configure TikTok API in order to integrate TikTok login into Magento 2 Social Login Pro plugin. Please follow the step-by-step instructions below to set up the integration correctly. How to Set Up TikTok API for Magento 2 In order to get TikTok API credentials, you need … <\/p>\n

                Continue reading “How to Add Magento TikTok Login to Your Website”<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","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":"\nHow to Add Magento TikTok Login to Your Website - Plumrocket Documentation<\/title>\n<meta name=\"description\" content=\"In this article, you will learn how to set up and configure TikTok API in order to integrate TikTok login into Magento 2 Social Login Pro\" \/>\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\/docs\/magento-social-login-pro\/integrations\/tiktok\" \/>\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 TikTok Login to Your Website\" \/>\n<meta property=\"og:description\" content=\"In this article, you will learn how to set up and configure TikTok API in order to integrate TikTok login into Magento 2 Social Login Pro\" \/>\n<meta property=\"og:url\" content=\"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/integrations\/tiktok\" \/>\n<meta property=\"og:site_name\" content=\"Plumrocket Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-26T14:17:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-26T14:18:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2022\/08\/magento-2-social-login-extension-tiktok-api-configuration-1.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=\"4 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Add Magento TikTok Login to Your Website - Plumrocket Documentation","description":"In this article, you will learn how to set up and configure TikTok API in order to integrate TikTok login into Magento 2 Social Login Pro","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\/docs\/magento-social-login-pro\/integrations\/tiktok","og_locale":"en_US","og_type":"article","og_title":"How to Add Magento TikTok Login to Your Website","og_description":"In this article, you will learn how to set up and configure TikTok API in order to integrate TikTok login into Magento 2 Social Login Pro","og_url":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/integrations\/tiktok","og_site_name":"Plumrocket Documentation","article_published_time":"2022-08-26T14:17:32+00:00","article_modified_time":"2022-08-26T14:18:40+00:00","og_image":[{"url":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2022\/08\/magento-2-social-login-extension-tiktok-api-configuration-1.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Plumrocket","Est. reading time":"4 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\/docs\/magento-social-login-pro\/integrations\/tiktok#primaryimage","inLanguage":"en-US","url":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2022\/08\/magento-2-social-login-extension-tiktok-api-configuration-1.png","contentUrl":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2022\/08\/magento-2-social-login-extension-tiktok-api-configuration-1.png","width":1206,"height":434},{"@type":"WebPage","@id":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/integrations\/tiktok#webpage","url":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/integrations\/tiktok","name":"How to Add Magento TikTok Login to Your Website - Plumrocket Documentation","isPartOf":{"@id":"https:\/\/plumrocket.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/integrations\/tiktok#primaryimage"},"datePublished":"2022-08-26T14:17:32+00:00","dateModified":"2022-08-26T14:18:40+00:00","author":{"@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/c96fccdb89342ae6804272265723eca8"},"description":"In this article, you will learn how to set up and configure TikTok API in order to integrate TikTok login into Magento 2 Social Login Pro","breadcrumb":{"@id":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/integrations\/tiktok#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/integrations\/tiktok"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/integrations\/tiktok#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":"Login with TikTok Configuration"}]},{"@type":"Person","@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/c96fccdb89342ae6804272265723eca8","name":"Plumrocket","image":{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/docs\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/10c44aa45aab391250913d982e552e53?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/10c44aa45aab391250913d982e552e53?s=96&d=mm&r=g","caption":"Plumrocket"}}]}},"_links":{"self":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/26076"}],"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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/comments?post=26076"}],"version-history":[{"count":3,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/26076\/revisions"}],"predecessor-version":[{"id":26086,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/26076\/revisions\/26086"}],"wp:attachment":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/media?parent=26076"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/categories?post=26076"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/tags?post=26076"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}