Contenu

Cas d'utilisation de paiement

Calculoid fournit le champ de paiement pour les plans payés. Il vous permet de vous connecter directement à votre compte PayPal (ou Stripe). Calculoid ne prend aucune commission sur les paiements effectués avec vos calculatrices. Voyons comment vous pouvez le configurer et l'utiliser pour votre projet.

Laissez vos clients payer ce qu'ils calculent

Avec le champ de paiement, votre calculatrice devient le panier. Ce n'est pas une solution pour les grandes solutions de commerce électronique, bien sûr. Mais il existe des cas où Calculoid est la meilleure solution en tant qu'outil de paiement. Considérez ces exemples:

Une petite boulangerie

Une petite boulangerie familiale spécialisée dans les gâteaux de type 5. Chaque prix de gâteau varie selon la taille du gâteau, les matériaux de garniture et les différents ingrédients de la farce. Dans ce cas, il n'est pas difficile de créer une calculatrice, d'ajouter deux champs de texte pour obtenir l'adresse du client et la date de livraison, puis de laisser le client calculer le prix et payer directement son gâteau personnalisé. Copiez et modifiez ensuite 4 plusieurs fois pour adapter chaque type de gâteau à la photo d'illustration, puis intégrez-le à votre site Web et la solution de commerce électronique est prête.

agence de marketing

Imaginez une agence de marketing qui vend le temps des experts pour chaque tâche. Ils ont un graphisme, un développeur web, un rédacteur publicitaire, un expert PPC et un chef de projet. Chaque expert a un taux horaire différent. En outre, ils veulent offrir un rabais de quantité. Dans ce cas, la calculatrice aurait une case à cocher pour chaque expert et un curseur indiquant le nombre d'heures d'utilisation du temps de l'expert. Ainsi, les clients peuvent facilement calculer le coût élevé de leur projet et l’acquérir en un clic de souris.

Ainsi, avec le champ Paiement, vous pouvez vendre des produits et services personnalisés. La cliente peut configurer exactement ce dont elle a besoin.

Principales fonctionnalités du commerce électronique

Calculoid offre plus de fonctionnalités pour satisfaire vos besoins en commerce électronique qu'un simple bouton de paiement.

  • Les paiements peuvent être traités avec des cartes de paiement via Porte de paiement à bande ou par PayPal.
  • Vous et le client pouvez obtenir email personnalisé sur le paiement avec toutes les valeurs du champ de la calculatrice.
  • La liste de commande est disponible avec tous les détails du client et du paiement et Avis Client pour chaque calculatrice.
  • Les commandes peuvent être aussi exporté en CSV afin que vous puissiez ensuite l'ouvrir dans un tableur comme MS Excel.
  • Crochets Web vous permet de traiter les données de commande en temps réel. Envoyez les informations à votre application CRM ou de facturation.
  • Nous travaillons également sur des intégrations faciles à configurer comme celle de Redmine.

La configuration du champ de paiement

Vous n'avez pas à payer pour configurer et tester le champ Paiement. Le champ est disponible dans le plan gratuit. Cela ne s'affichera pas uniquement pour vous lorsque vous serez connecté. Il sera caché des autres.

1. Connexion ou Inscription

Si vous ne l'avez pas encore fait, inscrivez-vous!

2. Créer une nouvelle calculatrice

Cliquez sur Calculatrices Et cliquez sur le Nouvelle calculatrice bouton. Ou vous savez, éditez celui que vous voulez utiliser comme calculateur de paiement. Ou copier une calculatrice existante. Vous économiserez du temps si vous trouvez une calculatrice similaire à celle que vous avez en tête.

3. Ajouter le champ de paiement

Vous pouvez trouver le champ de paiement comme ceci:

calculoid-add-payment-field

Cliquez sur le Paiements type de champ. Cela ajoutera le nouveau champ à votre calculatrice. 

4. Modifier le champ

Une fois que vous avez sélectionné le type de champ que vous souhaitez ajouter à votre calculatrice, le champ y sera ajouté. Vous verrez ainsi ceci:

champ de paiement calculoïde

Notez que si vous survolez le champ, d'autres options apparaîtront. Vous verrez l'ID de champ qui est important pour la formule. Il y a le bouton d'édition qui ouvrira le formulaire d'édition pour ce champ. Ensuite, il y a une poignée qui vous permettra de déplacer le champ. Ce n'est pas pertinent maintenant quand nous n'avons qu'un seul champ là-bas, mais ce sera utile plus tard. De plus, si vous dépassez un bord du champ, vous pourrez le redimensionner.

5. Ajouter des champs à calculer avec

Nous avons maintenant le champ paiement, mais nous n’avons aucune valeur à payer avec ce champ. Ajoutons 2 à plusieurs champs pour calculer la valeur. Ouvrez le "Ajouter le champ"onglet à nouveau, et ajoutez un Box Radioun Slider et Champ de formule. Le résultat devrait ressembler à ceci:

champs-calculoïdes

6. Changer la disposition de la calculatrice

C'est assez de place pour une calculatrice aussi petite. Utilisons la fonction de redimensionnement pour le réduire. Par exemple, comme ceci:

calculoïde rétréci

7. Modifier les options du champ

Modifions le champ Radio Box et Slider Field pour ajouter des options à choisir pour nos clients. Je vais préparer une calculatrice pour une application SaaS dans laquelle il existe des plans 3 parmi lesquels choisir et le nombre d'utilisateurs. Je ne montrerai pas toutes les options d'édition ici. Découvrez les options disponibles en cliquant sur le bouton Modifier, comme indiqué ci-dessus.

8. Construire la formule

Regardons de plus près comment la formule est construite. Alors éditez le champ de formule, donnez-lui un nom (je l’ai appelé "Le prix final"), le préfixe ($), postfixe (/ mois), agrandissez la police ou donnez-lui un style. Le cœur du champ de formule et de la calculatrice est la formule elle-même. Nous avons des champs 2 où le client peut entrer ses informations. Nous voulons simplement multiplier les valeurs de ces champs. Chaque champ a un identifiant unique. Pour nous, la formule est la suivante: "Choisissez le forfait" * "Combien d'utilisateurs avez-vous besoin?" = F40981 * F40982. Si nous y ajoutons les valeurs actuelles, il s’agit de 20 * 5 = 100. Il semble que la calculatrice compte correctement. Revenons maintenant au champ de paiement et configurons-le.

calculoid-formula-edit

9. Configurer le champ de paiement

L’important est de relier le champ Paiement avec le champ qui contient le prix. Cela peut être fait facilement en modifiant le champ Paiement en sélectionnant le champ parmi les champs disponibles:

calculoid-payment-edit

Vous pouvez maintenant remarquer que la même valeur numérique apparaît dans le bouton de paiement. Les autres champs ici sont faciles à deviner ce qu'ils font. Passons à la dernière étape, la configuration de PayPal.

10. La configuration de PayPal

Ouvrons l'onglet PayPal dans la configuration du champ de paiement:

calculoid-paypal-edit

Si vous survolez les champs ici, cela expliquera plus en détail ce que cela signifie, je vais donc décrire le flux de travail ici. PayPal fournit une porte de test pour le paiement où vous pouvez tester les paiements avant de vous lancer. De cette façon, vous savez que tout le processus fonctionne et si vous êtes certain, vous pouvez passer à Production Payment Gate et recevoir les paiements réels. Alors voici ce que vous devriez faire:

  1. Se connecter à sandbox.paypal.com et créer un client test. Regardez le Guide de test de PayPal si vous avez besoin de plus d'informations.
  2. Assurez-vous d'avoir sauvegardé votre calculatrice, car le test de paiement PayPal vous redirigera vers la porte PayPal et vous risquez de perdre le paramètre non enregistré.
  3. A présent, insérez une adresse e-mail de test dans la zone d’envoi du champ de paiement (et non un champ de configuration, le champ d’e-mail du champ Paiement ... Bouton Payer. Cela vous redirigera vers la porte de paiement du bac à sable où vous pourrez insérer le courrier électronique du client de test que vous avez créé à l'étape 1 et procéder au paiement.
  4. Si tout va bien, passez à la porte de production pour ne pas l'oublier plus tard. J'ai fait ça;)

Autres possibilités

Vous voudrez probablement intégrer votre calculatrice à votre site web. N'oubliez pas de configurer la calculatrice et de la marquer comme "Terminé". Cela est nécessaire pour que l'intégration fonctionne.

Votre calculateur de paiement PayPal est donc terminé. Mais peut-être voudriez-vous également permettre à vos clients de payer avec leur carte de paiement via le portail de paiement Stripe. Les soumissions / commandes peuvent être aperçu et / ou téléchargé. Si vous souhaitez connecter les commandes à un autre service, vérifier les webhooks. Et si vous vous êtes perdu dans une étape de ce tutoriel ou si vous voulez poser une question, CONTACTEZ-NOUS.

La calculatrice d'exemple

Jetez un coup d’œil à la dernière calculatrice en direct que j’ai créée dans ce tutoriel. Si vous souhaitez le copier et l'utiliser comme base pour votre calculatrice, vous pouvez le trouver ici: http://app.calculoid.com/#/calculator/7595

Plus d'Infos

Commencez maintenant gratuit

Créez votre propre calculateur Web en quelques minutes.
Testez toutes les fonctionnalités de la version d’essai gratuite de 30-day. 

Inscription gratuite

Aucune carte de crédit ou d'installation nécessaire