Documentation & Guides

Démarrage rapide

1. Créer votre compte

Rendez-vous sur la page d'inscription et créez votre compte gratuitement. Vous aurez immédiatement accès au plan Free avec 1 écran et 20 articles.

2. Ajouter vos articles

Depuis le tableau de bord, accédez à la section Articles. Créez vos produits ou plats avec un nom, une description, un prix et une image. Organisez-les en catégories pour une navigation claire.

3. Créer un écran

Dans la section Écrans, cliquez sur Nouvel écran. Donnez-lui un nom et un slug (ex : menu-principal). Ce slug sera utilisé dans l'URL publique de votre affichage.

4. Personnaliser avec le Studio

Ouvrez le Studio visuel depuis la page de l'écran. Glissez-déposez des widgets, ajoutez vos contenus et personnalisez les couleurs, polices et mise en page. Tout se fait visuellement, sans code.

5. Diffuser

Votre écran est accessible via une URL publique au format /menu/votre-slug. Ouvrez cette URL sur votre TV, tablette ou téléphone. Vous pouvez aussi utiliser l'URL courte au format /s/X7K9M2 pour un accès rapide.

Studio visuel

Interface

Le studio est composé de trois zones : la palette de widgets à gauche, le canvas central et le panneau de paramètres à droite. Sélectionnez un élément sur le canvas pour afficher ses paramètres.

Widgets disponibles

Plus de 40 widgets prêts à l'emploi :

• Contenu : Titre, Texte, Image, Vidéo, Galerie, Icône, Bouton, Lien
• Mise en page : Container, Inner Section, Diviseur, Espacement
• Données : Menu Item, Price List, Price Table, Compteur, Barre de progression
• Formulaires : Formulaire complet avec champs personnalisables
• Médias : Carousel d'images, Slides, Playlist vidéo
• Navigation : Nav Menu, Mega Menu, Table des matières
• Social : Icônes sociales, Boutons de partage, Avis, Témoignages
• Utilitaires : Horloge, Météo, Google Maps, Code Highlight, Hotspot

Containers & Layout

Les containers sont les blocs de structure de votre mise en page. Ils utilisent le système Flexbox pour disposer les éléments en ligne ou en colonne. Vous pouvez imbriquer des containers (Inner Sections) pour créer des layouts complexes.

• Direction : ligne (row) ou colonne (column)
• Alignement : début, centre, fin, stretch, space-between
• Largeur : pleine largeur ou boxed (max-width configurable)
• Arrière-plan : couleur, image, dégradé, overlay

Responsive

Chaque propriété peut être ajustée par breakpoint. Utilisez les icônes Desktop / Tablette / Mobile dans la barre supérieure pour basculer entre les vues. Les valeurs sont héritées du breakpoint supérieur sauf si vous les surchargez.

Onglet Avancé

Chaque widget dispose d'un onglet Avancé avec :

• Marges et paddings (par côté)
• Arrière-plan et overlay
• Bordure et border-radius
• Ombres (Box Shadow)
• Contrôles Flex (grow, shrink, order, alignement)

Historique & Raccourcis

• Ctrl + Z : Annuler la dernière action
• Ctrl + Shift + Z : Rétablir
• Clic droit : Menu contextuel (copier/coller les styles)
• Navigator : Vue arborescente de tous les éléments avec renommage

Écrans & Menus

Créer un écran

Un écran représente un affichage digital : menu de restaurant, panneau d'information, carte des boissons, etc. Chaque écran a un slug unique qui détermine son URL publique.

URL publique

Votre écran est disponible à l'adresse skreenlab.com/menu/votre-slug. Cette URL est responsive et s'adapte automatiquement à l'appareil (TV, tablette, mobile).

URL courte

Chaque écran dispose aussi d'une URL courte au format skreenlab.com/s/X7K9M2 — idéale pour les QR codes ou le partage rapide.

Protection par PIN

Vous pouvez protéger un écran par un code PIN à 4 chiffres. Les visiteurs devront le saisir avant de voir le contenu. Utile pour les affichages internes ou les menus réservés.

Quotas par plan

Landing Pages

Créer une landing page

Les landing pages utilisent le même éditeur Studio que les écrans, mais sont conçues pour le web : pages promotionnelles, pages produit, formulaires de contact, etc.

Formulaires & Contacts

Ajoutez un widget Formulaire à votre landing page. Les soumissions sont automatiquement enregistrées dans la section Contacts de votre dashboard. Vous pouvez les consulter, les rechercher et les exporter en CSV.

Google Tag Manager

Chaque landing page peut intégrer un ID GTM pour le suivi des conversions. Configurez-le dans les paramètres de la page, onglet Édition.

Analytics & Performance

Suivez les vues de page, les soumissions de formulaires et l'activité depuis les onglets dédiés de chaque landing page.

Compte & Abonnement

Paramètres du compte

Depuis Paramètres, vous pouvez modifier votre mot de passe, activer l'authentification à deux facteurs (2FA), et gérer les clés API.

Paramètres de l'entreprise

Personnalisez le nom de votre entreprise, le logo et les informations qui apparaîtront sur vos affichages.

Abonnement

Gérez votre abonnement depuis Paramètres > Abonnement. Vous pouvez upgrader, downgrader ou accéder au portail de facturation Stripe pour gérer vos moyens de paiement et télécharger vos factures.

Sécurité

• 2FA : Activez un code PIN supplémentaire à la connexion
• Sessions : Visualisez les appareils connectés
• Mot de passe : Changez votre mot de passe à tout moment

Questions fréquentes

Puis-je utiliser Skreenlab gratuitement ?

Oui, le plan Free vous donne accès à 1 écran, 1 landing page et 20 articles. Un filigrane Skreenlab sera affiché. Upgradez vers Pro, Business ou Enterprise pour le retirer.

Sur quels appareils mes écrans sont-ils visibles ?

Tout appareil avec un navigateur web : Smart TV, tablettes, smartphones, moniteurs, bornes interactives. L'affichage s'adapte automatiquement à la taille de l'écran.

Mes données sont-elles sécurisées ?

Oui. Nous utilisons le chiffrement HTTPS/TLS, des headers de sécurité stricts (CSP, HSTS), le hashage des mots de passe et des codes PIN, et la sanitization de tous les contenus HTML. Consultez notre politique de confidentialité pour en savoir plus.

Puis-je annuler mon abonnement ?

Oui, à tout moment depuis vos paramètres. Vous conservez l'accès jusqu'à la fin de la période payée. Consultez nos conditions générales de vente.

Comment contacter le support ?

Envoyez-nous un email à contact@skreenlab.com. Les clients Business et Enterprise bénéficient d'un support prioritaire.