Créer une popup de "social proof" sur mon site

Script
1

Je travaille actuellement sur un projet e-commerce et je souhaite mettre en place une stratégie de marketing de la peur de manquer (FOMO) pour stimuler les ventes et l’engagement des clients. J’ai remarqué que certains sites utilisent des popups de notification de vente en temps réel, montrant ce que d’autres clients ont récemment acheté. Je suis curieux de savoir comment mettre cela en œuvre, mais je suis également conscient des implications éthiques possibles de l’utilisation de fausses notifications. Quelqu’un a-t-il de l’expérience avec cela et peut-il partager des conseils ou des recommandations sur la manière de le faire correctement ?

2

Hello tu peux voir ce sujet:

3 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Social Proof Popup</title>
<style>
    .social-proof-popup {
        position: fixed;
        bottom: 10px;
        right: 10px;
        width: 250px;
        background-color: white;
        box-shadow: 0 2px 10px rgba(0,0,0,.2);
        border-radius: 4px;
        padding: 10px;
        display: none;
        z-index: 1000;
    }

    .social-proof-popup.active {
        display: block;
        animation: slideIn 0.3s;
    }

    @keyframes slideIn {
        from {
            transform: translateY(20px);
            opacity: 0;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }

    .social-proof-popup p {
        margin: 0;
        font-size: 14px;
    }
</style>
</head>
<body>

<div id="socialProofPopup" class="social-proof-popup">
    <p id="socialProofMessage">Someone just purchased a product!</p>
</div>

<script>
    function showSocialProofPopup(message) {
        const popup = document.getElementById('socialProofPopup');
        const messageEl = document.getElementById('socialProofMessage');
        messageEl.textContent = message;
        popup.classList.add('active');

        setTimeout(() => {
            popup.classList.remove('active');
        }, 5000); // Display for 5 seconds
    }

    // Dummy data for example purposes
    const purchases = [
        'Alice just bought a pair of shoes!',
        'Bob just purchased a smartwatch!',
        'Carla just ordered a new book!',
        // Add more messages as needed
    ];

    function randomPurchaseMessage() {
        const randomIndex = Math.floor(Math.random() * purchases.length);
        return purchases[randomIndex];
    }

    // Show a random message every 10 seconds
    setInterval(() => {
        showSocialProofPopup(randomPurchaseMessage());
    }, 10000);
</script>

</body>
</html>

Ce code crée une popup simple de preuve sociale qui affiche des messages de manière aléatoire pour simuler des achats récents. Pour une solution plus avancée et dynamique, vous pourriez envisager d’utiliser un service comme Make (Integromat) pour intégrer des données réelles via des API, mais cela dépasserait le cadre de cette réponse et nécessiterait des compétences techniques plus avancées.

4

  1. ProveSource: Un outil de preuve sociale qui affiche les dernières interactions de vos utilisateurs sur votre site web. Il propose également des analyses pour aider à améliorer les conversions. Les prix commencent à partir de 21$/mois. https://provesrc.com/

  2. FOMO: FOMO affiche des notifications récentes sur votre site pour augmenter la confiance et la crédibilité. Les prix commencent à partir de 19$/mois. https://www.usefomo.com/

  3. UseProof: UseProof offre des popups de preuve sociale, des enquêtes de site, des annonces de site, et plus encore. Les prix commencent à partir de 24$/mois. https://useproof.com/

  4. Nudgify: En plus des notifications de preuve sociale, Nudgify offre des notifications de rareté, d’urgence, et plus encore. Les prix commencent à partir de 0.99$/mois. https://www.nudgify.com/

  5. TrustPulse: TrustPulse est un outil de preuve sociale qui aide à augmenter les conversions en montrant les actions en temps réel des visiteurs. Les prix commencent à partir de 5$/mois. https://trustpulse.com/

  6. Evidence: Evidence offre des popups de preuve sociale personnalisables pour augmenter les conversions. Les prix commencent à partir de 29$/mois. https://evidence.io/

  7. Provely: Provely offre des popups de preuve sociale pour augmenter les conversions. Les prix commencent à partir de 17$/mois. https://provely.io/

  8. Credible: Credible est un outil de preuve sociale qui offre des notifications de conversions en temps réel. Les prix commencent à partir de 9$/mois. https://www.credible.ai/

  9. WiserNotify: WiserNotify offre des notifications de preuve sociale, des notifications de compteur, des notifications d’examen, et plus encore. Les prix commencent à partir de 19$/mois. https://wisernotify.com/

  10. NotifyVisitors: NotifyVisitors offre des notifications de preuve sociale, des enquêtes, des bannières, et plus encore. Les prix commencent à partir de 49$/mois. https://www.notifyvisitors.com/