Shopify integration

Plugin download

The Shopify integration is not published online yet. Use this placeholder link until the app or package is uploaded.

How Shopify publishing works

StaticPagesApi sends signed exported HTML to the Shopify receiver. The receiver verifies the signature, stores the imported page payload, and publishes the page into the Shopify storefront using the integration's configured page path.

The usual setup is to let StaticPagesApi host or reference page assets, then send the final static HTML into Shopify so the storefront can render the marketing page near product, collection, or campaign traffic.

• Use full-document exports when Shopify should receive a complete standalone page.
• Use body-only exports when the Shopify theme or app wrapper supplies the page head, CSS, JavaScript, navigation, and footer.
• Keep the StaticPagesApi page slug stable because the receiver can use it to update the same Shopify page on later exports.
• Test each export in a Shopify preview or development theme before using it in a live storefront.

Install the Shopify receiver

Install the receiver app or plugin in the Shopify store, then open its StaticPagesApi settings screen.

• Install the Shopify package when it becomes available.
• Open the integration settings inside Shopify.
• Copy or generate the signing secret.
• Choose the storefront path or page prefix for imported pages.
• Copy the Shopify receiver webhook endpoint URL.

Create the webhook in StaticPagesApi

In StaticPagesApi, create a saved webhook that points to the Shopify receiver endpoint. Use the same signing secret shown by the Shopify integration.

• Set the webhook URL to the Shopify receiver endpoint.
• Store the matching signing secret.
• Attach the webhook to each page that should publish to Shopify.
• Export the page from StaticPagesApi.

Public pages in Shopify

After a successful export, the Shopify receiver stores the imported page and serves it from the configured storefront path. Use the integration's imported pages screen or Shopify admin tools to inspect received pages, review the rendered storefront URL, and confirm visibility.

Theme and asset requirements

If you export body only, the Shopify theme or receiver wrapper must load the assets required by the imported content. For Bootstrap-based pages, make sure the Shopify theme or integration loads Bootstrap 5.3.8 CSS and bootstrap.bundle.min.js before rendering the imported body fragment.

Recommended Shopify use cases

Shopify is a good destination for static campaign pages that support storefront traffic without requiring a theme rebuild for each experiment.

• Product launch landing pages.
• Collection buying guides.
• Seasonal promotion pages.
• Creator, partner, or retail campaign pages.
• SEO pages that support products or collections but do not need dynamic cart logic inside the generated content.