Publiceren met blokken en shortcodes

Deze gids geldt voor de ShopiPress-versie die in de paginakop staat, officieel uitgebracht op Freemius. Bevestig de geïnstalleerde versie voordat je de werkwijze toepast. Latere versies kunnen schermen, standaardwaarden of servicegrenzen wijzigen.

Verwacht resultaat

Gesynchroniseerde producten en collecties worden in WordPress-pagina’s geplaatst met de geleverde blokken, de openbare shortcodes of de ondersteunde builders, terwijl elk aankooppad bij Shopify uitkomt.

Plaats gesynchroniseerde catalogusgegevens in Gutenberg, thema’s en inhoudsgebieden met 17 blokken en 27 shortcodes met voorvoegsel.

Voor je begint

• Minstens één gecontroleerd gesynchroniseerd product en één collectie.
• Een thema of paginasjabloon waarvan de inhoudsbreedte en typografie bekend zijn.
• Een gekozen renderingmethode: Gutenberg, shortcode, Elementor PRO of WPBakery PRO.
• Een canonieke en indexeringsbeslissing voor het WordPress-productoppervlak.

Maak een herstelpunt en bepaal welk Shopify-record gezaghebbend is en welke WordPress-URL of beheerpagina het resultaat zal aantonen. De test moet klein genoeg zijn om te herhalen zonder een dubbelzinnige catalogustoestand te creëren.

Reikwijdte en huidige grenzen

De aanwezigheid van een builder bewijst geen identieke attributen, besturing, markup of uitvoer. Elf openbare shortcodes hebben in geen van de drie builders een eigen component, en CollectionProductsPerPage bestaat in de exacte kandidaat alleen in de builders.

Houd het verantwoordelijkheidsmodel zichtbaar gedurende de hele taak: Shopify blijft de commerciële bron en het afrekensysteem; ShopiPress verbindt, synchroniseert en rendert de catalogus volgens de geleverde contracten; WordPress bezit de publicatiecontext. Een geslaagd resultaat in WordPress mag niet worden opgevat als een overdracht van bestellingen, klanten, betalingen of voorraadgezag.

Werkwijze

1. Open Aan mijn pagina’s toevoegen en bepaal of een samengestelde product- of collectie-uitvoer dan wel granulaire componenten bij de pagina passen.
2. Voeg het geleverde Gutenberg-blok in of kopieer de exacte shortcode met voorvoegsel naar het bedoelde inhoudsgebied.
3. Voeg bij PRO-builders de eigen component toe en vergelijk de besturing ervan met de shortcode- of blokreferentie in plaats van gelijkwaardigheid aan te nemen.
4. Bekijk een voorbeeld van de pagina op desktop- en mobiele breedtes, inclusief varianten, beschikbaarheid, prijs en lege toestanden.
5. Volg de aankoophandeling tot het aanmaken van de winkelwagen en bevestig dat het afrekenen bij Shopify wordt gehost.

Sla de controlestap tussen een beheerhandeling en publicatie niet over. Een geslaagd antwoord van de controle is slechts één bewijslaag; het opgeslagen WordPress-record, de gerenderde pagina en het commerciële pad van Shopify moeten overeenkomen.

Resultaat controleren

• De gerenderde productidentiteit en prijs komen overeen met het gesynchroniseerde record.
• De opmaak werkt met toetsenbordnavigatie en bij 320 pixels zonder horizontaal schuiven.
• De aankooplink of winkelwagenactie verwijst naar het bedoelde commerciële pad bij Shopify.

Controleer het resultaat op de gerenderde WordPress-pagina en op het gezaghebbende Shopify-oppervlak, niet alleen in het beheerscherm van ShopiPress. Gebruik een representatief product met prijs-, beschikbaarheids-, variant- en collectiegegevens. Herhaal de kleinste veilige bewerking wanneer idempotentie telt en leg elk verschil vast voordat je de test uitbreidt.

Veelvoorkomende fouten

• Lege granulaire component: controleer of de pagina de vereiste product- of collectiecontext levert.
• De uitvoer van de builder wijkt af: raadpleeg de dekkingsmatrix en test de builder-specifieke renderer; behandel conceptuele dekking niet als gelijkwaardige markup.
• De aankoop mislukt: controleer de product- en variantidentiteit, de openbare Storefront-verbinding en het winkelwagenantwoord van Shopify.

Als een resultaat onverwacht is, stop dan met brede handelingen en breng de zaak terug tot één record, één URL en één renderer. Bewaar het mislukte antwoord voordat je instellingen wijzigt of caches leegt, zodat de diagnose reproduceerbaar blijft.

Problemen oplossen

1. Bevestig de versie en de editie van het pakket.
2. Reproduceer het kleinste veilige geval met gecontroleerde gegevens.
3. Bepaal of Shopify, ShopiPress of WordPress verantwoordelijk is voor de falende stap.
4. Vergelijk het waargenomen resultaat met de geleverde, gedeeltelijke of ontbrekende functiestatus.
5. Herstel de testomgeving, herhaal één keer en noteer of het resultaat stabiel is.

Beveiliging en gegevens

Plak geen tokens in velden van paginabuilders of in eigen HTML. Behandel door gebruikers aangeleverde CSS en buildertoegang als bevoorrechte publicatierechten.

Leg de geïnstalleerde versie vast, de editie, de WordPress- en PHP-versies, de actieve builder of SEO-integratie, de exacte URL, de viewport en de geordende handelingen die tot het resultaat leidden. Leg uitsluitend gecontroleerde catalogusgegevens vast. Verberg het Storefront-token, klantgegevens, bestelinformatie, privédomeinen en elk omgevingsgeheim voordat een artefact de validatieomgeving verlaat.

SEO-gevolgen

Controleer de uiteindelijke URL, de koppen, de interne links, de canonical, de robots en de gestructureerde gegevens. Een visueel correct voorbeeld in de builder bewijst niet dat crawlers de bedoelde HTML ontvangen.

Vast te leggen bewijs

Leg de geïnstalleerde versie vast, de editie, de WordPress- en PHP-versies, de actieve builder of SEO-integratie, de exacte URL, de viewport en de geordende handelingen die tot het resultaat leidden. Leg uitsluitend gecontroleerde catalogusgegevens vast. Verberg het Storefront-token, klantgegevens, bestelinformatie, privédomeinen en elk omgevingsgeheim voordat een artefact de validatieomgeving verlaat.

Gerelateerde gidsen

• Installatie
• Publiceren met WordPress
• Google en SEO
• Beveiliging en gegevens

Versie en productstatus

ShopiPress is officieel uitgebracht op Freemius. Deze gids beschrijft de gedocumenteerde versie. Koop- en downloadlinks worden aan deze site toegevoegd zodra hun bestemmingen zijn geconfigureerd.