Services énergétiques, B2B
Enerlis
Trois offres à vendre aux entreprises, trois landings pour les porter, et derrière, un circuit qui amène chaque demande jusqu'au commercial. Porte 7 a conçu le tout, de la page au CRM.
Le défi
Enerlis voulait des demandes d'étude sur trois offres qui ne parlent pas aux mêmes décideurs. Et une demande ne vaut quelque chose que si elle arrive vite chez la bonne personne, complète.
Notre parti pris
Une landing par offre, chacune avec son propre argument. Un seul formulaire pour les trois, branché sur un circuit qui prévient l'équipe et remplit le CRM sans ressaisie.
Ce que nous avons livré
- Design UX/UI des trois landings
- Intégration WordPress
- Formulaire de demande d'étude
- Circuit des leads : Directus, e-mail, Pipedrive
- Suivi Google Analytics
Trois portes d'entrée, un seul formulaire.
/autoconsommation-solaire
Autoconsommation solaireLe gain
« Produisez et consommez votre propre électricité : économisez jusqu'à 35 % sur vos factures. »
Un dirigeant qui regarde sa facture d'électricité. La page ouvre sur l'économie, puis déroule l'éligibilité et les aides.
- Choisir l'autoconsommation
- Conditions d'éligibilité
- Aides financières
/borne-de-recharge
Bornes de rechargeL'obligation
« Une offre de mobilité électrique adaptée à vos besoins. »
La loi LOM impose de pré-équiper une partie des parkings. La page part de ce que l'entreprise doit faire, et de ce que ça peut lui rapporter.
- Cadre réglementaire
- Obligations
- Aides financières
- Offre clé en main
/ombriere-photovoltaique
Ombrières photovoltaïquesL'échéance
« Valorisez l'espace de stationnement de vos locaux tout en minimisant vos dépenses en énergie. »
La loi EnR vise les parkings extérieurs de plus de 1 500 m². La page parle délais et sanctions avant de parler financement.
- Loi EnR
- Délais
- Sanctions
- Financement
Sur les trois, la promesse et le formulaire partagent le premier écran. Ceux qui veulent un chiffre tout de suite passent par le simulateur de Likewatt, partenaire d'Enerlis. Une FAQ répond aux objections, et toutes les demandes finissent sur la même page de confirmation.
- Les solutions en cases à cocher. Un visiteur venu pour les bornes demande aussi les ombrières dans la même demande.
- La ville suit le code postal. Elle se choisit dans la liste des communes, pas au clavier.
- Le consentement à part. Recevoir les actualités d'Enerlis se règle canal par canal, séparé de la demande d'étude.
Suivez une demande.
Choisissez la landing, cochez les solutions, envoyez. Les données sont fictives, le circuit est celui de la production.
Ce que le formulaire envoieAperçu : rien n'est parti.
{
"civilite": "mme",
"prenom": "Camille",
"nom": "Laurent",
"email": "c.laurent@exemple.fr",
"indicatif_tel": "33",
"telephone": "0612345678",
"societe": "Transports Vernier",
"fonction": "Responsable des services généraux",
"code_postal": "45000",
"ville": "Orléans",
"interets": "autoconso_solaire",
"referer": "https://autoconsommation-b2b.fr/autoconsommation-solaire/"
}Deux flux, un service maison.
Le formulaire est un script que nous hébergeons et que les trois pages chargent. Il écrit dans Directus, et tout le reste se passe dans deux flux.
enerlis, Directus appelle notre service d'e-mail.
Le service d'e-mail, nous l'avons écrit pour les formulaires de nos clients : un petit serveur Node (Express et Nodemailer). Chaque appel dit à qui écrire, quel titre donner, quels champs taire.
// le titre accepte des variables : "{nom} {prenom}"
function convertStringVariableToText(data, text) {
if (!text) return;
if (text.includes("{")) {
const variables = text.match(/{(.*?)}/g);
variables.forEach((variable) => {
const nom = variable.replace("{", "").replace("}", "");
if (data[nom]) text = text.replace(variable, data[nom]);
});
}
return text;
}
// chaque champ du lead devient une ligne, sauf ceux à taire
for (const [key, value] of Object.entries(body.data)) {
if (body.ignore && body.ignore.includes(key)) continue;
lignes.push(`<li>${key} : ${value}</li>`);
}