Une billetterie, différents univers.

Votre billetterie personnalisée à votre charte graphique — en ligne en seulement 10 minutes

Configuration via notre backend : sélectionner un thème, télécharger simplement designs et visuels, définir la palette de couleurs et, au besoin, choisir votre propre police vous permet de personnaliser les différents portails en quelques secondes, sans aucune connaissance informatique préalable — c'est ce qui caractérise le premier niveau, celui de base, de la personnalisation. Une charte graphique en quelques clics est souvent d'une grande aide, en particulier pour les petites entreprises, car notre framework convainc par un standard solide.

Plus de personnalité grâce à votre propre CSS ou vos scripts

Vous en voulez un peu plus ? Il vous manque cette touche personnelle qui fait ressortir votre événement, ou vous souhaitez mettre en évidence certaines informations de façon particulièrement nette ? Alors nous avons la solution qu'il vous faut : avec de simples instructions HTML et CSS, vous mettez en œuvre précisément ce genre de personnalisations. Vous ajoutez CSS, HTML ou JavaScript directement via le backend. Nos portails sont conçus pour de telles extensions et offrent des points d'ancrage ciblés, par exemple les CSS custom properties (aussi appelées variables CSS).

La même étape du processus, une fois dans le design par défaut et une fois volontairement poussée à l'extrême avec du CSS :

Page d'accueil

• En-tête : fond rose et ombre foncée
• Pied de page : fond jaune
• Cartes d'articles : bordure rose et ombre foncée

Sélection des billets

• En-tête : fond rose et ombre foncée
• Panneau de sélection des billets : bordure rose et ombre foncée
• En-tête de colonnes : fond rose et texte blanc
• Prix du billet : police plus fine
• Encart prix réduit : fond jaune
• Panneaux latéraux : ombre foncée
• Bouton de paiement : bordure rose, texte blanc, ombre foncée
• Texte « Or pay with » : en italique
• Encart d'avertissement : fond jaune

Inscription

• En-tête : fond rose et ombre foncée
• Panneau des participants : bordure rose et ombre foncée
• Aperçu du badge : bordure rose et ombre foncée

Récapitulatif

• En-tête : fond rose et ombre foncée
• Panneau récapitulatif : bordure rose et ombre foncée
• Noms des billets : texte rose
• Prix : texte en gras
• Panneau latéral : ombre foncée
• Bouton « Buy tickets » : bordure rose et ombre foncée

‹

›

Intégrer la billetterie complète comme un bloc autonome

Intégrer la billetterie dans la page d'accueil de votre propre événement ? Avec plaisir. En quelques lignes seulement, vous intégrez le cœur de l'achat de billets et de l'inscription directement dans votre site web. Vous obtenez un bloc fini et autonome qui s'exécute sur votre page — le HTML complet est accessible et peut être stylé avec votre propre CSS. Notre portail visiteur est précisément conçu pour de telles intégrations poussées et offre des options de configuration supplémentaires :

• Restriction optionnelle à un événement précis
• Restriction optionnelle à certaines fonctions (achat, inscription, presse)
• Restriction optionnelle à certains articles ou groupes
• L'en-tête et le pied de page peuvent être affichés ou masqués
• Configurer la langue : automatique ou pilotée par le site environnant
• Choisir votre propre style ou votre propre CSS pour l'intégration
• Masquer les contenus superflus
• Configurer l'ajustement de la taille

Ainsi, les visiteurs restent plus longtemps sur la page d'accueil de l'événement sans être redirigés. Pour les développeurs, il existe une démo d'intégration dédiée et un portail développeur dans lequel vous pouvez tester l'intégration et générer des scripts prêts à l'emploi. Il suffit de sélectionner la variante souhaitée, de copier le code d'intégration et de le coller dans votre site web. Vous n'avez pas à vous soucier des barres de défilement : notre conteneur adapte dynamiquement sa hauteur au contenu — vous évitez ainsi les zones de défilement disgracieuses à l'intérieur de votre page.

Techniquement, cette intégration repose sur une iFrame — la boutique s'exécute donc dans un cadre propre et encapsulé à l'intérieur de votre page. Cela fonctionne de manière fiable, mais atteint ses limites dès qu'il s'agit de s'imbriquer parfaitement avec votre interface. Nous ne recommandons donc cette solution que lorsqu'il faut aller vite — pour une intégration vraiment native, le niveau suivant est le meilleur choix : le Shop Micro Frontend, qui s'affiche directement dans votre propre markup.

Intégrer la billetterie nativement en tant que micro-frontend

À ce niveau, vous laissez de côté le theming via le backend et intégrez la boutique directement dans le code — sous forme de Shop Micro Frontend qui s'affiche nativement dans votre propre markup plutôt que dans un widget étranger. Le parcours complet de la discovery au billet est prêt à l'emploi. Deux voies s'offrent à vous :

Les deux variantes de micro-frontend peuvent en outre être combinées avec les ADITUS Webhooks : des événements comme les commandes ou inscriptions finalisées sont signalés en temps réel et peuvent être traités dans d'autres backends — par exemple pour le CRM, la logique d'adhésion ou vos propres processus en aval.

Intégrer librement sur la Shop API

Le niveau le plus poussé pour une liberté maximale : vous intégrez la fonctionnalité de la boutique entièrement dans votre propre application web, application mobile ou paysage système — sous forme d'UI entièrement personnalisée pour la boutique et l'inscription, ou comme composant fonctionnel supplémentaire de votre plateforme existante. Tout ce que notre portail visiteur sait faire, notre API sait le faire : nous utilisons nous-mêmes la même API REST read/write complète comme base pour nos portails. Des API REST, des Webhooks et des SDK sont à votre disposition pour des solutions sur mesure.

Cette voie peut elle aussi être combinée avec les ADITUS Webhooks : les événements pertinents sont signalés en temps réel et peuvent être traités dans d'autres backends — par exemple pour le CRM, la logique d'adhésion ou vos propres processus en aval.