Votre boutique dans WordPress

Votre billetterie s'affiche en cinq minutes dans une page de votre site WordPress. Vous n'avez besoin d'aucune extension : vous collez un court morceau de HTML dans un bloc, et la boutique apparaît à cet endroit. Elle prend automatiquement la hauteur de son contenu, votre visiteur peut y changer de langue lui-même, et le paiement s'ouvre dans un nouvel onglet pour que votre site reste ouvert.

Ce qu'il vous faut

• Le rôle Propriétaire dans votre back-office.
• Dans WordPress : le droit d'ajouter du HTML dans une page. Sur votre propre installation WordPress, un administrateur l'a toujours. Sur WordPress.com, ce n'est possible qu'avec un abonnement payant qui autorise les extensions ; voir plus bas.

Étape 1 — Copier le code

1. Dans votre back-office, allez dans Paramètres → Organisation.
2. Faites défiler jusqu'au bloc Votre boutique sur votre propre site.
3. Choisissez ce que vous voulez :
   • sous Ce que vous intégrez : Toute votre boutique, ou Uniquement : un seul produit (par exemple pour une page consacrée à un atelier) ;
   • sous Langue d'ouverture : la langue de la page WordPress ;
   • sous Le paiement s'ouvre : laissez Dans un nouvel onglet, sauf si votre visiteur peut vraiment quitter votre site.
4. Cliquez sur Copier le code.

Étape 2 — Dans l'éditeur de blocs (Gutenberg)

1. Ouvrez dans WordPress la page où la boutique doit apparaître.
2. Cliquez sur le + à l'endroit voulu et cherchez HTML.
3. Choisissez HTML personnalisé (Custom HTML).
4. Collez le code.
5. Cliquez sur Mettre à jour ou Publier et regardez la page comme un visiteur.

Dans l'éditeur, vous ne voyez que le code ; la boutique n'apparaît que sur la page publiée ou dans l'aperçu.

Avec un constructeur de pages

Constructeur	Où coller le code
Elementor	Faites glisser le widget HTML sur la page et collez-y le code.
Divi	Ajoutez un module Code et collez-y le code.
Éditeur classique	Ouvrez l'onglet Texte (pas Visuel) et collez le code.
WPBakery	Ajoutez l'élément Raw HTML et collez-y le code.

Plus d'une boutique sur votre site

Vous pouvez placer le code sur plusieurs pages, et même plusieurs fois avec un autre produit : une page par atelier, chacune avec Uniquement : ce produit. La page en français reçoit le code avec la langue française, la page en néerlandais celui avec le néerlandais.

Un shortcode ?

Aucun shortcode ni extension n'est nécessaire, et il n'en existe pas : le bloc HTML fait la même chose et continue de fonctionner à chaque mise à jour de votre boutique. Si vous préférez un shortcode, une extension de « snippets » ou de « shortcodes » peut enregistrer le code sous un nom à vous.

Ça ne marche pas ?

Le bloc reste vide après l'enregistrement. WordPress a supprimé le code. Sur WordPress.com, cela arrive avec un abonnement sans extensions ; sur votre propre installation, chez un utilisateur qui n'est pas administrateur. Demandez à l'administrateur de votre site, ou placez un simple bouton Acheter des billets avec le lien vers votre boutique. Voir Partager et intégrer votre billetterie.

Il n'y a qu'un petit lien et pas de boutique. Le script ne se charge pas. Une extension de cache ou d'optimisation (comme WP Rocket ou Autoptimize) retarde ou regroupe parfois les scripts. Excluez-y embed.js, ou désactivez le report du JavaScript pour cette page.

La boutique est coupée ou a sa propre barre de défilement. Il reste alors un ancien iframe à hauteur fixe. Remplacez-le par le code de l'étape 1 ; celui-ci s'adapte à la hauteur.