La plateforme ReCharge vous permet d’ajouter des produits d’abonnement récurrents à votre boutique Shopify. Ce guide explique comment intégrer ReCharge à Post Affiliate Pro pour suivre ces paiements récurrents.
Pour suivre les paiements récurrents, vous avez besoin soit de la fonction Commissions récurrentes, soit des Commissions à vie avec le Plugin Post Affiliate Pro activé !
Le processus d’intégration dépend du fait que le site utilise ReCharge Checkout on Shopify ou Shopify Checkout.
Les clients qui ont installé ReCharge après le 2 novembre 2020 utilisent Shopify Checkout et les clients qui ont installé ReCharge avant le 2 novembre 2020 utilisent ReCharge Checkout sur Shopify. Vous pouvez confirmer le type de caisse de votre boutique également directement dans le eCharge admin panel in your store -> Settings (wrench icon) -> Store (My account) -> Account status. Cliquez sur ici pour plus de détails.
Si votre boutique utilise Shopify Checkout, vous devez créer un jeton d’API comme décrit à l’étape 1 et configurer le plugin de gestion des webhooks ReCharge comme décrit à l’étape 2. Ensuite, procédez à l’intégration de votre boutique Shopify comme décrit dans ce guide. Vous n’avez pas besoin d’effectuer les étapes 3. et 4. ci-dessous.
Si votre boutique utilise ReCharge Checkout on Shopify, vous devez suivre les quatre étapes décrites ci-dessous.
Créer un jeton API
Dans un premier temps, vous devrez contacter ReCharge pour demander l’accès à l’API. Cliquez sur ici pour plus de détails.
Une fois que vous avez obtenu l’accès à l’API, vous pouvez créer votre jeton d’API. Pour ce faire, connectez-vous à votre panneau d’administration Shopify, allez dans la section Apps et cliquez sur Recurring Billing by ReCharge afin d’accéder au panneau ReCharge.
Ensuite, cliquez sur l’onglet Integrations dans le menu supérieur, dans cette section cliquez sur Enabled integrations, puis sur API Tokens. Ensuite, cliquez sur Create an API token.
Nommez le jeton API comme vous le souhaitez, ajoutez un email où vous serez notifié si le webhook échoue, et surtout assurez-vous d’ajouter Read access permission aux commandes. Si vous pouvez également voir la permission Webhooks, définissez-la en Read and Write mais cela peut avoir été supprimé et il n’est donc plus utile de la définir.
Enregistrez le token et copiez sa clé API.
Configurer le plugin de gestion des webhooks ReCharge
L’étape suivante consiste à vous connecter à votre panneau marchand Post Affiliate Pro, à aller dans Configuration -> Plugins et à activer le plugin appelé ReCharge webhook handling. Une fois qu’il est actif, cliquez sur le bouton Configure et ajoutez la clé API Recharge sur la page de configuration du plugin. Sur cette page, vous pouvez également configurer ce qui sera exactement suivi comme le Product ID, et vous pouvez également choisir si vous voulez suivre toutes les données de commande supplémentaires dans les champs de données supplémentaires. Lorsque vous avez terminé, enregistrez la configuration du plugin en bas de la page.
Modifiez votre page de remerciements
Si votre boutique utilise ReCharge Checkout on Shopify comme décrit ci-dessus, connectez-vous à votre panneau d’administration Shopify, allez dans la section Apps et cliquez sur Recurring Billing by ReCharge pour accéder au panneau d’administration ReCharge. Une fois celui-ci, cliquez sur les Paramètres (icône de clé à molette) dans le coin supérieur droit et allez dans la section Checkout. Faites défiler vers le bas jusqu’à la section Thank you page et collez le code suivant dans le champ Additional & scripts et champ trackers :
<script id="pap_x2s6df8d" src="https://URL_TO_PostAffiliatePro/scripts/trackjs.js" type="text/javascript"></script>
<script type="text/javascript">
PostAffTracker.setAccountId('Account_ID');
var discountMultiplier = 1 - {{total_discounts}} / ({{subtotal_price}} + {{total_discounts}});
{% for item in line_items %}
var itemPrice = {{item.price}} * {{item.quantity}};
var sale{{ loop.index }} = PostAffTracker.createSale();
sale{{ loop.index }}.setTotalCost(itemPrice * discountMultiplier);
var subscriptionId = '{{item.subscription_id}}';
if (subscriptionId != '') {
sale{{ loop.index }}.setOrderID(subscriptionId);
} else {
sale{{ loop.index }}.setOrderID('{{id}}({{ loop.index }})');
}
sale{{ loop.index }}.setProductID('{{item.product_id}}');
sale{{ loop.index }}.setCoupon('{{discount_code}}');
{% endfor %}
PostAffTracker.register();
</script>
Si vous souhaitez enregistrer le nom ou l’email du client, vous pouvez ajouter les lignes suivantes :
sale{{ loop.index }}.setData1('{{email}}');
sale{{ loop.index }}.setData2('{{first_name}} {{last_name}}');sous le :
sale{{ loop.index }}.setCoupon('{{discount_code}}');YVous pouvez trouver plus de variables disponibles dans la Base de connaissances ReCharge.
Suivi des clics
Connectez-vous à votre panneau d’administration Shopify, accédez à la section Boutique en ligne, puis cliquez sur Thèmes. Dans cette section, cliquez sur le bouton Actions dans l’aperçu de votre thème Live, et choisissez Modifier le code dans le menu déroulant.
Dans le répertoire Layout, recherchez un fichier intitulé theme/liquid. Insérez le code de suivi des clics de votre Post Affiliate Pro merchant panel -> Tools -> Integration -> Clicks tracking juste au-dessus de la balise </BODY> dans ce fichier et enregistrez-le.
