Il est possible d'inclure le système de commande Web Flipdish sur n'importe quel site Web en ajoutant deux lignes de code.

Veuillez noter que vous devez avoir SSL activé sur votre site pour utiliser le système de commande Web Flipdish.

Apprenez à activer gratuitement SSL sur votre site Web ici.

Ouvrez le portail Flipdish et accédez à Site Web ->Sales Channels -->Website --> Domain Setup

Copiez et collez le code intégré de cette page sur votre site Web.

Le code ressemblera à celui ci-dessous, vous devez [YOURAPPNAMEID] avec votre propre AppNameId.

<div id="flipdish-menu" data-restaurant="[YOURAPPNAMEID]"></div><script type='text/javascript' id="flipdish-script" src='https://web-order.flipdish.co/client/productionwlbuild/latest/static/js/main.js'></script>

Veuillez noter que votre nom d'hôte doit être ajouté à la liste blanche (par exemple, www.votresiteweb.com) avant que la commande Web puisse être intégrée sur votre site Web. Veuillez contacter help@flipdish.com pour que votre nom d'hôte soit ajouté à la liste blanche. Si votre nom d'hôte n'est pas sur la liste blanche, le système de commande Web n'apparaîtra pas sur votre page.

Afficher le menu initialement au lieu des options de commande

Lorsqu'un utilisateur visite votre page de commande, vous pouvez choisir d'afficher d'abord les options de commande. Si vous proposez à la fois la livraison et la collecte, les nouveaux utilisateurs seront invités à indiquer s'ils souhaitent collecter ou livrer. Si vous proposez la livraison uniquement, les nouveaux utilisateurs seront invités à entrer leur lieu de livraison. Et si vous ne proposez que la collecte, les utilisateurs verront le menu ou une liste de magasins à sélectionner si vous avez plusieurs emplacements répertoriés.

Si vous souhaitez afficher instantanément votre menu aux clients, veuillez inclure l'attribut data-initial-screen="menu" dans le DIV.

Inclure un rembourrage en haut du panier

Si votre page Web a un en-tête fixe, elle peut couvrir le panier de la page lorsque la page est déroulée.

Vous pouvez ajouter un remplissage en haut de la section du panier en ajoutant data-offset = "100" au DIV. La valeur 100 est en pixels et peut être augmentée ou réduite pour modifier la quantité de rembourrage.

Afficher l'en-tête et le pied de page sur mobile

Par défaut, le système de commande Web Flipdish utilisera toute la page du navigateur sur mobile et masque tout pied de page et en-tête environnant. Ceci est fait pour optimiser l'expérience des visiteurs en utilisant de petits écrans.

Si vous préférez conserver l'en-tête et le pied de page de votre page visibles sur mobile, ajoutez

data-full-screen-on-mobile = "false" au DIV.

Apprenez à personnaliser l'apparence du système de commande

Vous pouvez personnaliser le système de commande en ligne en modifiant de nombreux aspects tels que les polices, les couleurs, les ombres, la taille de la police, l'espacement, le rembourrage, les planches; sur divers éléments du système de commande. Découvrez comment ici.