ContactBox

ContactBox

ContactBox est un script JavaScript qui génère un formulaire de contact dans le coin de votre écran.
C’est ce que j’utilise sur ce site.

Pour la majorité des sites que je fais, j’ai juste besoin d’un formulaire simple: email + message.
Créer une page contact dédiée à un formulaire aussi simple ne me parait pas adapté.
Je préfère avoir un formulaire accessible de n’importe quelle page, qui permet aux visiteurs d’envoyer un message le plus simplement possible.
C’est l’idéal pour récolter des feedbacks ou des problèmes rencontrés par les utilisateurs.

J’ai donc créé ce plugin en full JavaScript pour éviter les dépendances. Il ne génère évidement que la partie front-end. Il envoi une requête POST au backend qui se charge d’envoyer l’email.

Le code est disponible sur mon GitHub.

Voila la configuration minimale :

new ContactBox({
    endpoint: 'http://yourwebsite.com/post.php'
});

Et voila la configuration complète :

new ContactBox({
    endpoint: 'http://yourwebsite.com/post.php', // Define your endpoint for the POST request
    position: 'right', // optional, possible values are 'left' or 'right'
    email: 'email@example.com', // optional, populate the email field if you already know user's email
    token: { // optional
        name: '_token',
        value: 'token'
    },
    language: { // optional
        title: 'Send us a message',
        emailPlaceholder: 'Your email',
        messagePlaceholder: 'Your message',
        emptyEmail: 'Please enter your email',
        emptyMessage: 'Please enter your message',
        invalidEmail: 'Please enter a valid email',
        successMsg: 'Thanks, your message has been sent!',
        buttonText: 'Send your message'
    },
    color: '#2CBBBB' // optional, change the theme color. Possible values are HEX color "#000000" or color name "black"
    description: "Send us an email and we'll try to answer asap!" // optional, display a small description before the form
});