Metadata

Title

Widget de réservation Yoplanning

Description

Module de réservation intégrable sur tout site web

Derniere_Mise_A_Jour

2025-01-07

Compatibilite

Tous navigateurs modernes

Responsive

True

Langues

• Français
• Anglais
• Espagnol
• Italien
• Allemand

Types_Integration

Iframe

Description

Intégration la plus simple

Code_Type

HTML iframe

Exemple

Avantages

• Installation immédiate
• Aucune compétence technique
• Mise à jour automatique

Limitations

• Personnalisation limitée
• Hauteur fixe recommandée

Ideal_Pour

Sites vitrines, blogs, CMS standards

Javascript

Description

Widget JavaScript avancé

Code_Type

Script embed

Exemple

Avantages

• Responsive automatique
• Événements JavaScript
• Intégration native

Fonctionnalites

• Auto-resize
• Callbacks
• Styles CSS custom

Ideal_Pour

Sites développés, applications web

Api_Custom

Description

Widget entièrement personnalisé

Code_Type

API REST

Endpoints

• /activities
• /planning/availability
• /bookings

Avantages

• Design total freedom
• UX sur mesure
• Performance optimale

Prerequis

Compétences développement

Ideal_Pour

Applications métier, sites haute performance

Configuration

Generation

Interface Yoplanning > Vente en ligne > Widget

Parametres_De_Base

Activites_Affichees

Sélection par catégorie ou activité spécifique

Couleurs

Palette personnalisable (primaire, secondaire, accent)

Langue

Détection automatique ou forcée

Devise

EUR, USD, GBP, CHF selon localisation

Options_Avancees

Calendrier

Vue_Defaut

mois|semaine|liste

Plage_Reservation

X jours dans le futur

Jours_Bloques

Weekends, jours fériés custom

Formulaire

Champs_Obligatoires

• nom
• email
• téléphone

Champs_Personnalises

Jusqu'à 5 champs custom

Validation

Temps réel avec messages custom

Paiement

Mode

complet|acompte|sur_place

Acompte_Pourcentage

10-100%

Methodes

Selon configuration Stripe/Payline

Personnalisation_Design

Themes_Predefinies

Moderne

Design flat, couleurs vives

Classique

Bordures arrondies, ombres subtiles

Minimal

Lignes épurées, espaces aérés

Custom

CSS entièrement personnalisable

Elements_Personnalisables

Couleurs

• Primaire
• Secondaire
• Accent
• Texte
• Arrière-plan

Typographie

• Police titre
• Police texte
• Tailles

Espacements

• Marges
• Paddings
• Bordures

Boutons

• Style
• Couleurs
• Animations hover

Css_Custom

Support

CSS custom via interface ou injection

Classes

Préfixées .yp- pour éviter conflits

Responsive

Breakpoints automatiques

Exemples

Templates disponibles par secteur

Fonctionnalites

Parcours_Reservation

Etape_1

Sélection activité et date

Etape_2

Choix créneau et participants

Etape_3

Informations client

Etape_4

Options et compléments

Etape_5

Paiement et confirmation

Fonctionnalites_Avancees

Calendrier_Temps_Reel

Disponibilités mises à jour en continu

Tarification_Dynamique

Prix variables selon demande/saison

Promotions

Codes promo et réductions automatiques

Upselling

Suggestions options complémentaires

Multi_Activites

Panier avec plusieurs activités

Gestion_Client

Compte_Client

Création automatique ou optionnelle

Historique

Réservations passées visibles

Modifications

Selon politique définie

Annulations

Avec conditions personnalisables

Integration_Cms

Wordpress

Plugin

Yoplanning Booking Widget

Shortcode

[yoplanning id='YOUR_ID']

Gutenberg

Bloc dédié disponible

Customizer

Personnalisation via WordPress Customizer

Wix

Methode

HTML Embed via Wix Editor

Responsive

Automatique

Personnalisation

Via interface Yoplanning

Shopify

App

Yoplanning Activities

Pages

Produit, collection, page custom

Checkout

Intégration Shopify Checkout

Autres_Cms

Squarespace

Custom Code Block

Webflow

Embed element

Drupal

Custom field ou module

Joomla

Custom HTML module

Performance_Seo

Chargement

Taille

< 150KB (JS + CSS)

Lazy_Loading

Chargement à la demande

Cdn

Distribution globale CloudFlare

Cache

Aggressive caching avec invalidation smart

Seo

Indexation

Contenu visible par crawlers

Structured_Data

Schema.org Event/Service

Meta_Tags

Génération automatique

Urls_Clean

URLs SEO-friendly pour activités

Accessibilite

Conformite

WCAG 2.1 AA

Navigation_Clavier

Support complet

Lecteurs_Ecran

ARIA labels appropriés

Contraste

Respect ratios recommandés

Analytics_Tracking

Google_Analytics

Integration

Google Tag Manager recommandé

Evenements

• view_item
• add_to_cart
• begin_checkout
• purchase

Ecommerce

Enhanced E-commerce automatique

Facebook_Pixel

Evenements

• ViewContent
• AddToCart
• InitiateCheckout
• Purchase

Audiences

Création automatique pour retargeting

Tracking_Custom

Callbacks

JavaScript events disponibles

DataLayer

Variables GTM automatiques

Apis_Tierces

Intégration sur mesure possible

Support_Troubleshooting

Problemes_Frequents

Widget_Non_Affiche

• Vérifier code embed
• Contrôler HTTPS
• Tester en navigation privée

Design_Casse

• Conflits CSS
• Z-index problème
• Container trop petit

Reservations_Non_Reçues

• Configuration email
• Webhooks actifs
• Permissions API

Outils_Debug

Mode_Debug

Paramètre ?debug=1 pour diagnostics

Console_Logs

Informations techniques détaillées

Test_Widget

Outil de test intégré interface admin

Support

Documentation

https://fr.yoplanning.support/yoplanning-academie/yoplanning-parametrage/module-de-reservation

Video_Tutoriel

Guide installation 6min

Support_Email

support@yoplanning.com

Chat_Assistance

Aide contextuelle dans interface

Exemples_Implementation

Site_Vitrine

Widget iframe simple pour présenter activités

E_Commerce

Intégration JavaScript avec panier existant

Application_Mobile

API custom pour app native

Marketplace

Multi-widgets pour différents prestataires