Tes lecteurs transforment ta recette en liste de courses en un geste
Ajoute deux lignes de code à ta page de recette et un bouton « Ajouter à OrtakListe » apparaît. Quand un lecteur appuie dessus, les ingrédients s'ouvrent sous forme de liste toute prête ; il retire ce dont il n'a pas besoin et partage le code avec son foyer. Gratuit, sans inscription, sans publicité.
Essaie
Omelette aux fines herbes
Pour 2 personnes · 10 min
- 4 œufs
- 1 c. à soupe de ciboulette ciselée
- 1 c. à soupe de persil plat
- 20 g de beurre
- 1 c. à soupe de crème fraîche
- 1 pincée de sel
- Poivre du moulin
Appuie sur le bouton : les ingrédients de cette recette s'ouvrent comme une liste toute prête dans un nouvel onglet. Rien n'est enregistré tant que tu n'as pas appuyé sur « Créer la liste ».
Comment ça marche
Il trouve les ingrédients tout seul
Le bouton lit les données structurées de recette de ta page (schema.org Recipe). Des plugins comme WP Recipe Maker et Tasty Recipes les produisent déjà ; il n'y a rien à configurer.
Le lecteur passe la liste en revue
Les ingrédients s'ouvrent sur ortakliste.app sous forme de liste toute prête. Le lecteur décoche ce qu'il a déjà à la maison et crée la liste en un geste.
Il la partage à la maison
Il envoie le code du salon ou le lien, et celui qui va faire les courses voit la même liste. L'adresse de ta recette reste dans la note de la liste : le lecteur sait où te retrouver.
Installation
Colle ces deux lignes à l'endroit où tu veux voir apparaître le bouton (en général juste sous la liste des ingrédients) :
<div class="ortakliste-ekle"><a href="https://ortakliste.app">OrtakListe</a></div>
<script async src="https://ortakliste.app/ekle.js"></script>Sous WordPress, un bloc « HTML personnalisé » ou le modèle de ton plugin de recettes suffit. Tu peux placer plusieurs boutons sur une même page ; le script ne se charge qu'une fois.
Réglages
- data-dil
- Langue du texte du bouton : tr, en, es, de ou fr. Sans valeur, la langue de la page est utilisée.
- data-secici
- Si ta page n'a pas de données structurées de recette, un sélecteur CSS des éléments d'ingrédients, p. ex. « .ingredients li ».
- data-baslik
- Le nom de la liste. Sans valeur, le nom de la recette est utilisé.
- data-tarif
- Si la page contient plusieurs recettes, le nom de celle que le bouton doit utiliser.
- data-gorunum
- Avec « cizgi », le bouton est dessiné avec un contour et sans fond.
Questions fréquentes
Est-ce payant ?
Non. Le bouton comme OrtakListe sont entièrement gratuits ; pas de publicité, pas d'inscription.
Collecte-t-il les données de mes lecteurs ?
Non. Le script ne dépose aucun cookie, ne suit personne et n'envoie rien ; il se contente de dessiner un lien. Aucune requête n'atteint ortakliste.app tant que le lecteur n'a pas appuyé sur le bouton.
Va-t-il ralentir mon site ?
Non. Le script pèse quelques kilo-octets, se charge de façon asynchrone (async) et ne bloque jamais l'affichage. Le bouton est dessiné dans sa propre capsule (Shadow DOM) : les styles de ton site n'ont donc aucune prise sur lui.
Pourquoi le bouton n'apparaît-il pas ?
Si le script ne trouve aucun ingrédient, il ne dessine pas le bouton et en écrit la raison dans la console du navigateur. Le plus souvent, la page n'a pas de données structurées de recette ; dans ce cas, désigne ta liste d'ingrédients avec data-secici.