Comment créer mon application TikTok ?

Pour mettre en place un connecteur TikTok sur votre site PrestaShop, vous devez tout d'abord créer une application TikTok. Cette application devra être soumise à validation. Une fois validée, vous accèderez aux informations nécessaires pour la configuration de la connexion entre votre site et le service TikTok.

Pour créer votre application TikTok, suivez la procédure suivante :

Rendez-vous sur le site TikTok for developers. Si vous n'avez pas encore de compte développeur, créez-en un en cliquant sur "Sign up", sinon cliquez sur "Log in" :

Une fois connecté(e), dans "Manage apps" cliquez sur "Connect an app" :

Votre nouvelle application s'appelle "Appxxxxxx" ou "xxxxxx" est une suite de chiffres aléatoire. Vous pourrez changer son nom un peu plus loin.

Dans "App details", vous ne pouvez pas encore avoir accès au Client key et au Client secret car vous devez d'abord configurer l'application et la soumettre à validation. Passez à la section "Configuration".

Téléchargez l'icône de votre application (obligatoire).
Attention : l'icône doit correspondre exactement au logo de votre boutique en ligne.

Changez le nom de votre application.
Attention : le nom doit correspondre exactement au nom de votre boutique en ligne. 

Sélectionnez la catégorie "Shopping" :

Donnez une description de votre application en expliquant à quoi elle va vous servir.
Attention : votre description doit faire moins de 120 caractères.

Vous pouvez par exemple essayer ce texte (nous vous conseillons de rédiger en anglais) :

App used to make the link between my e-shop and TikTok when people will click on the TikTok login button to log in.

Activez la configuration pour le web :

Entrez l'URL de votre boutique :

Remontez en haut de la page et cliquez sur "Save changes" pour enregistrer :

Cliquez maintenant sur "Add a product" dans le menu de gauche :

Dans la section "Products" remplissez l'URL de vos conditions d'utilisation, celle de votre politique de confidentialité (cela peut être la même) et le domaine de votre boutique :

Enfin, cliquez sur "Submit for review" en haut de la page :

Expliquez pourquoi vous souhaitez valider cette application.
Attention : le texte doit faire moins de 120 caractères.

Vous pouvez par exemple essayer ce texte :

I need to create an app to set the TikTok login button on my e-shop. I need to make the link between my site and TikTok

Cliquez sur "Submit".

Votre application va maintenant être examinée par TikTok. Une fois qu'elle sera validée, vous pourrez accéder à la Clé client (Client key) et au code secret (Client secret) pour les coller dans la configuration du connecteur dans le module.

Lorsque votre application est validée, rendez-vous dans la configuration de votre module Social Login et cliquez sur l'onglet "Configuration des boutons de connexion". Sur la ligne correspondant au connecteur TikTok cliquez sur le petit stylet pour accéder à la configuration du connecteur (colonne "Modifier") :

Sélectionnez OUI pour activer l'affichage du connecteur sur votre site :

Remplissez le texte du bouton, s'il n'est pas rempli dans la langue de votre site, et traduisez-le dans toutes les langues disponibles sur votre site.
Attention : Vous pouvez modifier le texte du bouton. Cependant, il est de votre responsabilité de toujours respecter les directives officielles du réseau social concernant le texte que vous pouvez utiliser pour ses boutons. Nous vous conseillons donc de vérifier, pour chaque langue de votre site, le texte officiel demandé par TikTok.

Rendez-vous maintenant dans votre application TikTok sur le site TikTok for developers. Dans "App details", cliquez sur le petit oeil fermé, au niveau du "Client key" (Clé client) : 

Copiez la clé client :

et collez-la dans la configuration du connecteur TikTok, dans le champ correspondant :

Faites de même pour le Client secret (code secret client) :

Remarque : pour le moment, TikTok ne demande pas de copier l'URL de callback dans la configuration de l'application sur le site TikTok for developers. On vous la donne quand même en guise d'information.

Cliquez sur le bouton "Mettre à jour".

Voilà, votre connecteur TikTok est configuré. Il ne reste plus qu'à le positionner où vous voulez sur votre site, soit en utilisant les hooks natifs (onglet "Gestion de la position des connecteurs (Hooks natifs)") soir en utilisant l'outil de positions avancées.

Une fois que c'est fait, vous pouvez tester le connecteur pour vérifier son fonctionnement.

Voici un exemple (l'application TikTok s'appelle ici LoginWebsite):