Comment créer un thème de billetterie personnalisé

Image de couverture pour Comment créer un thème de billetterie personnalisé

Un thème de ticket est une collection de fichiers modèles qui déterminent l'apparence d'un email de ticket FooEvents. Dans ce guide, nous allons vous montrer comment créer votre propre thème de ticket personnalisé et mettre en œuvre votre design unique. Commençons par le commencement !

Si vous organisez un événement et que vous utilisez FooEventsvous êtes probablement déjà familiarisé avec FooEvents Thèmes des billets. Il s'agit essentiellement d'une collection de fichiers modèles qui restituent le code HTML d'un courrier électronique de billetterie. Il existe de nombreux thèmes de billets parmi lesquels vous pouvez choisir et vous pouvez personnaliser le logo, l'image d'en-tête et les couleurs lors de la configuration de votre événement. Ces options permettent d'aligner facilement la conception du billet sur votre marque, mais si vous préférez utiliser votre propre thème de billet personnalisé, c'est également facile.

Dans ce guide, nous aborderons les sujets suivants :

  1. Comprendre le fonctionnement des thèmes de billets
  2. Création d'un thème de billetterie personnalisé
  3. Personnaliser votre thème de billetterie
  4. Tester votre thème de billetterie personnalisé
  5. Paramétrage de votre thème de billetterie personnalisé pour les événements
  6. Maintenir votre thème de billetterie personnalisé à jour

Comprendre le fonctionnement des thèmes de billets #

Lorsque vous installez pour la première fois le logiciel principal FooEvents pour WooCommerce il créera un dossier dans le répertoire des téléchargements de WordPress appelé fooevents/themes. Une copie de la FooEvents Thème de billetterie par défaut est alors automatiquement ajouté à ce dossier : wp-content/uploads/fooevents/themes/thème_de_billet_par_défaut. L'emplacement de ce dossier garantit que toute personnalisation des thèmes de tickets ne sera pas écrasée lors de la mise à jour du plugin FooEvents for WooCommerce. Vous pouvez également télécharger des thèmes de tickets supplémentaires à partir de notre page Galerie du thème du billet et téléchargez-les sur votre site en allant sur FooEvents > Thèmes des billets > Ajouter un nouveau dans la zone d'administration de WordPress.

Capture d'écran de l'option de sélection du thème du billet dans les paramètres du billet de Fooevents.

Lors de la configuration d'un événement, les options déroulantes du thème du billet afficheront tous les thèmes de billets actuellement téléchargés dans le dossier themes. Le thème de billet sélectionné sera alors utilisé lors de la génération du billet HTML que votre client recevra.

Création d'un thème de billetterie personnalisé #

Pour créer un thème de billetterie, vous devez créer un nouveau modèle de thème de billetterie et le télécharger sur votre site web. Lorsque vous créez votre thème de billetterie personnalisé, nous vous recommandons de modifier un thème de billetterie existant et de vous l'approprier. Le thème de billetterie par défaut ou notre thème de démarrage sont de bons points de départ car ils incluent toutes les fonctions essentielles pour garantir que vos billets reflètent les détails corrects du billet, de l'événement et du participant.

Veuillez suivre les étapes suivantes pour configurer vos modèles de thèmes de billets personnalisés :

  1. Télécharger les FooEvents Thème de billetterie par défaut ou FooEvents Ticket Starter Theme de la FooEvents Ticket Theme Gallery.
  2. Extrait le fichier ZIP du thème du billet que vous avez téléchargé sur votre bureau.
  3. Renommer ce dossier vers quelque chose d'autre. Utilisez un ou plusieurs mots séparés par des traits de soulignement, pas d'espaces ! Par exemple, mon_thème_personnalisé
  4. Ouvrez le dossier et renommez le fichier "nom" dans le champ config.json pour qu'il corresponde au nom du dossier. Utilisez un ou plusieurs mots séparés par des espaces. Par exemple, Mon thème personnalisé Capture d'écran montrant un fichier de configuration de thème de ticket en cours de modification.
  5. Enregistrez les modifications. Votre nouveau thème de billetterie est maintenant prêt à être personnalisé.

Personnaliser votre thème de billetterie #

Une compréhension de base du code HTML est nécessaire pour personnaliser les modèles de thèmes de billets. Si vous n'êtes pas à l'aise avec le code HTML, nous avons conclu un partenariat avec Codeableque nous recommandons vivement pour ce type de projets.

Ensuite, vous pouvez commencer à personnaliser votre thème de billetterie. Chaque thème de billetterie comprend trois fichiers modèles :

  • header.php: Contient le logo, l'image d'en-tête, les détails généraux de l'événement tels que l'heure, le lieu et le lien "Ajouter au calendrier".
  • ticket.php: Contient le code-barres et des informations spécifiques sur les participants, telles que le nom, les champs personnalisés et les sièges. Le code dans ticket.php sera répétée pour chaque billet si le client a acheté plusieurs billets pour le même événement en une seule transaction.
  • footer.php: Contient les informations de contact.

Vous pouvez soit modifier le code HTML et CSS existant pour vous approprier le thème, soit mettre en œuvre une conception HTML entièrement nouvelle. Dans ce dernier cas, nous recommandons l'outil Thème de départ comme point de départ. Voici quelques éléments à prendre en compte lors de la personnalisation du HTML et du CSS :

  • Vous pouvez soit télécharger vos images sur le site images dans le dossier du thème ou les héberger ailleurs. Dans les deux cas, assurez-vous que vous utilisez URL absolus et NON relatifs pour référencer les images ; sinon, elles ne s'afficheront pas lorsque le code HTML sera envoyé sous forme d'e-mail de ticket.
  • Si vous avez téléchargé vos images dans la base de données images assurez-vous que le dossier src commence par le code suivant : <?php echo $themePacksURL.'theme/images/'; ?>
  • Vous pouvez modifier l'image appelée aperçu.jpg à quelque chose qui représente votre thème.

Tester votre thème de billetterie personnalisé #

Maintenant que votre thème a un nouveau nom et que vous avez mis en œuvre votre nouveau design HTML, il est temps de le télécharger sur WordPress :

Capture d'écran du téléchargement d'un thème de ticket personnalisé.

  1. 1. Utilisez un client FTP tel que Filezilla pour accéder aux fichiers de votre serveur.
  2. Naviguer jusqu'au répertoire /wp-content/uploads/fooevents/themes/
  3. Téléchargez le dossier complet du thème du ticket dans le dossier themes de FooEvents. Par exemple /wp-content/uploads/fooevents/themes/my_custom_theme

Ensuite, vous devrez tester le thème du billet pour vous assurer qu'il fonctionne comme prévu :

Capture d'écran de l'écran de prévisualisation du thème du ticket personnalisé.

  1. Connectez-vous à votre Zone d'administration de WordPress et se rendre sur le site Billets > Thèmes des billets.
  2. Recherchez le nouveau thème de billet que vous avez créé et cliquez sur la vignette de l'image.
  3. Utiliser le Envoi de l'aperçu du billet pour envoyer un ticket de test à votre adresse e-mail afin que vous puissiez voir un exemple de l'apparence de vos tickets en utilisant votre thème.
  4. Si vous n'êtes pas satisfait du résultat, revenez à la modification du HTML et du CSS et téléchargez à nouveau les fichiers modifiés sur votre serveur. Continuez ce processus jusqu'à ce que vous soyez 100% satisfait de votre nouveau thème de billetterie personnalisé.

Paramétrage de votre thème de billetterie personnalisé pour les événements #

Capture d'écran de l'option de sélection du thème du billet dans les paramètres du billet de Fooevents.

Une fois que vous êtes 100% satisfait de votre nouveau thème de billet, il est temps de l'appliquer à un événement. Allez à Produits dans WordPress, modifier votre événementet de se rendre sur le site de la Paramètres des billets (onglet). Ici, vous pouvez sélectionner votre thème personnalisé à partir de la liste des thèmes. Thème de billetterie HTML menu déroulant pour les deux HTML. Si vous disposez de l'option FooEvents PDF Tickets plugin installé, vous pouvez également définir le thème du billet pour le billet PDF. N'oubliez pas de cliquer sur Mise à jour pour enregistrer vos modifications. Vos billets d'événement auront désormais une nouvelle apparence ! Veillez à effectuer des tests approfondis avant de commencer à vendre des billets au public.

Maintenir votre thème de billetterie personnalisé à jour #

De temps à autre, nous pouvons publier des mises à jour de nos thèmes de billets, ajoutant de nouvelles caractéristiques ou améliorant les fonctionnalités. Pour maintenir votre thème personnalisé à jour, il vous suffit de télécharger la dernière version, d'apporter vos modifications et de la télécharger à nouveau. Il est conseillé de sauvegarder les fichiers de votre thème, en particulier si vous l'avez largement personnalisé.

Conclusion

Personnaliser le thème d'un billet est un moyen fantastique d'ajouter une touche personnelle à vos billets d'événement. Il ne s'agit pas seulement d'une question d'esthétique, mais aussi de créer une expérience de marque cohérente pour vos participants. En suivant ces étapes, vous obtiendrez un ensemble de billets qui non seulement auront fière allure, mais qui permettront également à votre événement de se démarquer. N'hésitez pas à faire preuve de créativité - vos participants remarqueront l'effort que vous avez fait pour rendre leur expérience spéciale.

💡Pour des instructions plus détaillées sur l'utilisation et la modification des thèmes de billets, veuillez vous référer à ce guide d'aide.

S'abonner au blog digest

Recevez un résumé des derniers articles dans votre boîte de réception.

Vos données n'ont pas pu être soumises. Veuillez réessayer.
Vous avez été inscrit avec succès !

Nous utilisons Brevo comme plateforme de marketing. En soumettant ce formulaire, vous acceptez que les données personnelles que vous avez fournies soient transférées à Brevo pour être traitées conformément à Politique de confidentialité de Brevo.

Panier