Comment créer un site web de conférence WordPress en moins de 30 minutes

La brève

• Créer un site web WordPress de marque pour une conférence de 3 jours comprenant une page d'accueil, une page d'information, une page d'horaire, un formulaire de contact et un blog.
• Mettre en place une fonctionnalité de commerce électronique qui sera utilisée pour vendre des billets et marchandises
• Lors de l'achat d'un billet, le participant devra sélectionner un type de billet (délégué, sponsor ou étudiant) et devra fournir son nom, son adresse électronique, la taille de son t-shirt, son adresse Twitter et l'URL de son site web.
• Une fois le billet acheté, il doit être envoyé à l'adresse électronique de l'acheteur sous la forme d'un courriel HTML et celui-ci doit également avoir la possibilité de télécharger le billet au format PDF.
• Les billets seront également vendus en personne le jour de l'événement et le système devra permettre de gérer l'enregistrement des participants chaque jour de l'événement.

Le défi des 30 minutes

Compte tenu du délai limité, avant de commencer la construction, j'ai préparé un logo, acheté des images de stock et créé toutes les pages nécessaires au site (avec un peu d'aide de la part de ChatGPT).

Je me suis ensuite rendu à InstaWP qui est un excellent outil pour créer des sites de type "bac à sable" utilisés pour le développement ou les tests. L'utilisation d'InstaWP réduira considérablement le temps nécessaire à l'installation du site WordPress. Lorsque le site est prêt à être mis en ligne, InstaWP propose des outils de migration qui facilitent le transfert du site vers votre fournisseur de services d'hébergement.

Lors de la création du site dans InstaWP, j'ai choisi l'option de modèle WooCommerce qui a lancé un site WordPress avec WooCommerce déjà installé. Nous avons ensuite terminé la configuration de WooCommerce, défini la devise comme étant l'USD et configuré PayPal pour pouvoir accepter les paiements.

Ensuite, j'ai installé le logiciel gratuit Elementor et le générateur de pages gratuit Thème Astra. Ce sont les outils avec lesquels j'ai déjà de l'expérience, mais vous pouvez utiliser n'importe quel thème ou constructeur de pages avec lequel vous vous sentez à l'aise. Je me suis ensuite rendu dans la section des médias et j'ai téléchargé toutes les photographies et tous les graphiques que j'avais trouvés à l'avance.

J'ai ensuite créé des pages vierges d'accueil, de présentation, d'agenda, de contact et de blog, puis je me suis rendu dans les paramètres de lecture de WordPress pour définir les pages d'accueil et de blog. J'ai créé un menu comprenant toutes ces pages et je l'ai défini comme menu principal.

Je suis ensuite retourné à la page d'accueil et j'ai commencé à ajouter le contenu de la page d'accueil et à construire une mise en page efficace. Pour ce défi, j'ai décidé de créer toutes les pages à partir de zéro et de n'utiliser aucun modèle.

Je suis ensuite passé à la page About et j'ai ajouté le titre, l'image de présentation et le contenu. Ensuite, j'ai ajouté du contenu à la page de contact et j'ai ajouté le widget de code court Elementor qui sera utilisé pour placer un formulaire de contact sur la page.J'ai sauvegardé mes changements et je me suis dirigé vers la section des plugins et j'ai installé le plugin Formulaire de contact 7 plugin. Lors de l'installation de Contact form 7, il génère automatiquement un formulaire de contact par défaut et fournit un shortcode qui peut être utilisé pour ajouter le formulaire de contact à la page. J'ai copié le shortcode et je l'ai ajouté à ma page de contact en utilisant le widget shortcode.

J'ai ensuite créé la page des horaires en utilisant la même mise en page que la page "à propos" et j'ai publié un article de blog d'annonce.

En utilisant les paramètres du personnalisateur, j'ai défini le logo et l'icône de l'en-tête du site.

Ensuite, j'ai installé le Plugins FooEvents qui sera utilisé pour ajouter des fonctionnalités d'événements et de billetterie au site. Pour l'essentiel, j'ai utilisé les paramètres standard de FooEvents, mais je me suis rendu dans les paramètres de FooEvents et j'ai paramétré les billets pour qu'ils utilisent un code QR au lieu d'un code-barres. Il s'agit principalement d'une préférence personnelle, car les codes QR sont très esthétiques et plus faciles à scanner.

J'ai ensuite créé un produit pour les billets et rempli tous les champs standard tels que le titre, l'image de présentation et la description. 

En utilisant la fonctionnalité fournie par le FooEvents Plugin multijoursJ'ai défini le produit comme un événement de trois jours. 

J'ai configuré l'e-mail de ticket HTML et j'ai utilisé l'option FooEvents Custom Attendee Fields plugin (plugin de champs de participants personnalisés)J'ai créé des champs personnalisés pour les participants, qui seront saisis au moment du paiement.

J'ai ensuite créé un produit WooCommerce standard pour un t-shirt qui serait vendu en ligne et lors de l'événement pour collecter des fonds.

Comme il me restait peu de temps, j'ai installé le logiciel gratuit WP SMTP Mail afin d'améliorer l'envoi de nos emails de tickets. WP SMTP Mail permet d'envoyer des courriels de site tels que les courriels de tickets WooCommerce et FooEvents en utilisant un compte de messagerie authentifié plutôt que directement à partir de votre serveur. 

À quelques minutes de la fin, je suis retourné sur la page d'accueil et j'ai apporté quelques touches finales avant d'atteindre le délai de 30 minutes !

Le résultat final est un site web de conférence entièrement fonctionnel. Bien que le design soit simple et qu'il aurait pu bénéficier de quelques heures d'amour pour la conception, il transmet les informations pertinentes d'une manière professionnelle.

Les zones fonctionnelles telles que le blog et le formulaire de contact fonctionnent parfaitement et notre site est prêt à traiter les commandes de commerce électronique.

Les participants peuvent acheter des marchandises et s'assurer une place en achetant un billet pour la conférence. 

Il leur suffit de sélectionner leurs articles, de les placer dans le panier et de passer à la caisse. 

Ils peuvent y compléter leurs informations de facturation et fournir des informations sur les participants qui seront utilisées lors de la création de leur billet. 

Ils peuvent ensuite consulter leur billet sur l'écran des détails de la commande et, grâce au plugin FooEvents PDF Tickets, ils peuvent télécharger une copie PDF du billet. 

Le participant recevra également un courriel contenant une copie du billet en format PDF.

Les organisateurs d'événements peuvent gérer à la fois les commandes et les billets dans le tableau de bord d'administration de WordPress.

L'utilisation de la FooEvents POS pluginLes billets peuvent également être vendus en personne le jour de l'événement.

Les organisateurs d'événements peuvent imprimer les billets sur place, directement à partir de FooEvents POS en utilisant la plupart des reçus thermiques et des imprimantes de bureau standard.

Traitez les paiements directement dans le système FooEvents POS à l'aide de certains lecteurs de cartes Stripe et Square. Vous pouvez également saisir manuellement les détails de la carte d'un client, ce qui est idéal pour prendre des commandes par téléphone ou si le matériel n'est pas disponible dans votre pays.

Enfin, l'utilisation du logiciel gratuit FooEvents Applications d'enregistrementLes organisateurs d'événements peuvent également gérer les inscriptions de manière transparente le jour de l'événement. Ils peuvent facilement trouver les informations relatives aux billets en recherchant les participants par leur nom ou leur numéro de billet, ou en scannant le billet à l'aide du scanner de code QR intégré.

Conclusion

Ce fut un défi amusant et un excellent testament de ce qui peut être réalisé en utilisant WordPress et les outils qui l'accompagnent. Si j'avais plus de temps, il y aurait certainement plus de choses sur lesquelles je travaillerais (SEO, design, accessibilité, performance, etc.), mais si l'on considère le délai de 30 minutes, je suis assez satisfait de ce qui a été accompli.

Si vous souhaitez voir plus de détails, voici une vidéo du processus de construction complet et non édité, d'une durée de 30 minutes :

Voici tous les services et plugins que j'ai utilisés pour créer ce projet.

• FooEvents pour WooCommerce - https://www.fooevents.com/products/fooevents-for-woocommerce
• FooEvents Custom Attendee Fields plugin - (plugin pour les champs de participants personnalisés) https://www.fooevents.com/products/fooevents-custom-attendee-fields
• FooEvents Plugin multijours - https://www.fooevents.com/products/fooevents-multi-day
• FooEvents PDF Tickets plugin – https://www.fooevents.com/products/fooevents-pdf-tickets
• FooEvents POS plugin – https://www.fooevents.com/products/fooevents-pos
• InstaWP - https://instawp.com
• WordPress - https://wordpress.org
• WooCommerce - https://woocommerce.com
• Elementor - https://wordpress.org/plugins/elementor
• Thème Astra - https://www.wordpress.org/themes/astra
• Formulaire de contact 7 - https://www.wordpress.org/plugins/contact-form-7
• Le plugin WP SMTP Mail - https://www.wordpress.org/plugins/wp-mail-smtp

Si vous avez des questions concernant FooEvents, veuillez vous rendre dans notre centre d'aide et prendre contact