Publier avec les blocs et les codes courts

Ce guide s’applique à la version de ShopiPress indiquée dans l’en-tête, officiellement publiée sur Freemius. Confirmez la version installée avant d’appliquer la procédure. Les versions ultérieures peuvent modifier les écrans, les valeurs par défaut ou les frontières de services.

Résultat attendu

Les produits et collections synchronisés sont placés dans des pages WordPress avec les blocs livrés, les codes courts publics ou les constructeurs pris en charge, tandis que chaque parcours d’achat continue vers Shopify.

Placer les données du catalogue dans Gutenberg, les thèmes et les contenus avec 17 blocs et 27 codes courts préfixés.

Avant de commencer

• Au moins un produit et une collection synchronisés et vérifiés.
• Un thème ou gabarit de page dont la largeur et la typographie sont connues.
• Une méthode de rendu choisie : Gutenberg, code court, Elementor PRO ou WPBakery PRO.
• Une décision de canonicalisation et d’indexation pour la surface produit WordPress.

Préparez un point de restauration et identifiez la fiche Shopify d’autorité ainsi que l’URL ou la surface d’administration WordPress qui prouvera le résultat. Le test doit être assez petit pour être répété sans créer un état de catalogue ambigu.

Portée et limites actuelles

La présence dans un constructeur ne prouve pas des attributs, contrôles, balisages ou sorties identiques. Onze codes courts publics n’ont aucun composant dédié dans les trois constructeurs, et CollectionProductsPerPage demeure propre aux constructeurs dans le candidat exact.

Gardez le modèle de responsabilité visible pendant toute la tâche : Shopify demeure la source commerciale et le système de paiement; ShopiPress connecte, synchronise et rend le catalogue selon les contrats livrés; WordPress gère le contexte de publication. Un résultat WordPress réussi ne signifie pas un transfert des commandes, clients, paiements ou de l’autorité d’inventaire.

Procédure

1. Ouvrez Ajouter à mes pages et choisissez entre une sortie produit ou collection composée et des composants granulaires.
2. Insérez le bloc Gutenberg livré ou copiez le code court préfixé exact dans la zone de contenu prévue.
3. Pour les constructeurs PRO, ajoutez le composant natif et comparez ses contrôles à la référence des codes courts ou blocs sans supposer de parité.
4. Prévisualisez la page sur ordinateur et mobile, y compris les variantes, la disponibilité, le prix et les états vides.
5. Suivez l’action d’achat jusqu’à la création du panier et confirmez que le paiement est hébergé par Shopify.

Ne sautez pas l’étape de vérification entre une action administrative et la publication. Une réponse de contrôle réussie n’est qu’une couche de preuve; la fiche WordPress, la page rendue et le parcours commercial Shopify doivent concorder.

Vérifier le résultat

• L’identité et le prix rendus correspondent à la fiche synchronisée.
• La mise en page fonctionne au clavier et à 320 pixels sans débordement horizontal.
• Le lien d’achat ou l’action de panier pointe vers le parcours commercial Shopify prévu.

Vérifiez le résultat dans la page WordPress rendue et dans la surface Shopify d’autorité, pas seulement dans l’administration ShopiPress. Utilisez un produit représentatif avec prix, disponibilité, variante et collection. Répétez la plus petite opération sûre lorsque l’idempotence importe et consignez toute différence avant d’élargir le test.

Erreurs fréquentes

• Composant granulaire vide : confirmez que la page fournit le contexte produit ou collection requis.
• Le rendu du constructeur diffère : consultez la matrice de couverture et testez le renderer propre au constructeur; ne confondez pas couverture conceptuelle et parité de balisage.
• L’achat échoue : vérifiez l’identité du produit et de la variante, la connexion Storefront publique et la réponse du panier Shopify.

Lorsqu’un résultat est inattendu, arrêtez les actions larges et réduisez le cas à une fiche, une URL et un renderer. Conservez la réponse fautive avant de modifier les réglages ou purger les caches afin que le diagnostic demeure reproductible.

Dépannage

1. Confirmez la version et l’édition du paquet.
2. Reproduisez le plus petit cas sûr avec des données contrôlées.
3. Déterminez si Shopify, ShopiPress ou WordPress est responsable de l’étape fautive.
4. Comparez le résultat observé à l’état livré, partiel ou absent de la capacité.
5. Restaurez l’environnement de test, répétez une fois et notez si le résultat est stable.

Sécurité et données

Ne collez aucun jeton dans les champs du constructeur ni dans du HTML personnalisé. Traitez le CSS fourni par l’utilisateur et l’accès aux constructeurs comme des capacités de publication privilégiées.

Consignez la version installée, l’édition, les versions WordPress et PHP, le constructeur ou l’intégration SEO active, l’URL exacte, le viewport et les actions ordonnées qui produisent le résultat. Capturez seulement des données contrôlées. Masquez le jeton Storefront, les données clientes, commandes, domaines privés et secrets avant qu’un artefact quitte l’espace de validation.

Conséquences SEO

Examinez l’URL finale, les titres, liens internes, canoniques, robots et données structurées. Une prévisualisation visuelle correcte ne prouve pas que les robots reçoivent le HTML attendu.

Preuves à consigner

Consignez la version installée, l’édition, les versions WordPress et PHP, le constructeur ou l’intégration SEO active, l’URL exacte, le viewport et les actions ordonnées qui produisent le résultat. Capturez seulement des données contrôlées. Masquez le jeton Storefront, les données clientes, commandes, domaines privés et secrets avant qu’un artefact quitte l’espace de validation.

Guides connexes

• Installation
• Publier avec WordPress
• Google et SEO
• Sécurité et données

Version et état du produit

ShopiPress est officiellement publié sur Freemius. Ce guide décrit la version documentée. Les liens d’achat et de téléchargement seront ajoutés au site lorsque leurs destinations seront configurées.