Page interactive avec conditions (Créer un compte)

Bonjour, j’ai créer un site comparateur, mais j’aimerais modifier un peu le concept pour qu’il s’adapte d’avantage aux valeurs que je souhaites communiquer, c’est pourquoi j’aimerais créer mon modèle de page avec elementor, mais j’avoue je ne trouve pas comment mettre en place tous ça. Ni même si c’est possible d’ailleurs ! C’est pourquoi je poste le croquis de mon projet ici afin de voir si peut être par miracle mon projet est réalisable. Et aussi comment je peux le mettre en place 😊 et je remercie infiniment les personnes qui répondront à mes questions.

Pour m’aider à illustrer mes propos j’ai créé un rapide croquis sur Canva (pièce jointe) avec un exemple.

Le cadre vert contiendrait un tableau de caractéristiques, les utilisateurs auraient à cocher les cases correspondantes à leurs besoins.

Le cadre jaune à droite serait une fiche produit contenant le nom, la photo, un texte de présentation, le même tableau de caractéristiques que sur le bloc vert (mais cocher en fonction du produit et non rempli par l’utilisateur), avec le traditionnel les + et les – et les liens marchands. Il y aurait autant de fiche produit que de produits à présenter et il serait possible de les faire défiler grâce a une flèche (ici représenté par un triangle noir)

le carré bleu serait un bloc interactif qui calculerais le taux de correspondance entre le tableau rempli par l’utilisateur et celui de la fiche produit rempli par mes soins (et non modifiable par l’utilisateur).

par exemple : mon article compare les micro onde. Une personne cherche quel micro onde acheter. Elle se rend sur ma page et arrive sur cette partie de l’article elle coche les cases qui correspondent à ces besoins dans le bloc vert, par exemple prix 50-100, contenance 30-40L et couleur blanche. Alors automatiquement la page calcule et affiche sur le bloc jaune le produit avec le meilleur taux de correspondance, par exemple un produit Samsung qui se situe dans la bonne gamme de prix et avec la bonne contenance et la bonne couleur, la case bleu indique alors une correspondance de 100% à la demande de l’utilisateur. Mais l’utilisateur veut tout de même visualiser les autres modèle, il clique alors sur la flèche pour faire défiler les fiches produits (classées de la plus correspondante à la moins correspondante) et chaque fois qu’il affiche une nouvelle fiche produit la case bleue se met à jour et indique la nouvelle correspondance.

voilà le projet, j’ai bien conscience que c’est un peu compliqué et merci à tous ceux qui auront analysé tous ça et répondu ! Vous êtes des génies