ShopiPress 1.0.0 · 05
Shape products and collections
Use the included visual workshop, default templates and delivered Pro controls without confusing preview locks with active engines.
Applies to ShopiPress 1.0.0, officially published on Freemius.
Watch the video : Style your product page01:31 · English narration
Synthetic narration generated with Microsoft Azure Speech.
Customize the title, mobile layout, template and CSS with ShopiPress PRO, then inspect the saved product page. Morrowfield is a fictional local demonstration with no Shopify store connected.
Download the videoRead the transcript
ShopiPress Pro adds visual controls for adapting native WordPress product pages to a site’s design without moving checkout away from Shopify.
The walkthrough uses the exact authorized Pro candidate. Its edition and version are visible before any design setting changes.
Open the delivered advanced Visual Design editor on one controlled template and capture the page before the change.
Change one component-level setting, then compare the real frontend. The useful result is the visible before-and-after difference, not the saved control alone.
Add one responsive setting for a smaller screen. At 320 pixels, verify wrapping, reading order and access to the buying action.
Create or select an additional template and clearly identify which template is active before comparing the result.
When a small exception is needed, apply a trusted custom CSS rule without remote imports or sensitive values. This candidate does not provide saved presets or settings import and export.
Elementor and WPBakery integrations are separate Pro capabilities. Their presence does not make every builder control identical.
Reopen the frontend after each meaningful change and confirm that the product information and Shopify buying path remain usable.
Use the design and templates guide to choose the appropriate control and verify its rendered result.
Verified workflow
- Adjust global product and collection settings in Design.
- Check the live preview at desktop and mobile widths.
- Use Pro-only template, builder and CSS controls only with an authorized Pro package.
This guide applies to the ShopiPress version identified in the page header, officially published on Freemius. Confirm the installed version before applying the procedure. Later versions may change screens, defaults or service boundaries.
Expected result
Product and collection presentation uses the included FREE design workshop or the delivered PRO visual-design controls without changing Shopify’s responsibility for commerce.
Use the included visual workshop, default templates and delivered Pro controls without confusing preview locks with active engines.
Before you begin
- Representative synchronized products with images, long titles, prices, variants and availability states.
- A known WordPress theme and target page widths.
- The edition capability reference for the installed FREE or PRO package.
- A rollback point for design settings before making broad changes.
Prepare a rollback point and identify the authoritative Shopify record and the WordPress URL or administration surface that will prove the result. The test should be small enough to repeat without creating ambiguous catalog state.
Scope and current limits
FREE exposes a basic global product and collection workshop with preview. PRO adds the advanced editor, component customization, responsive controls, multiple templates and custom CSS. Saved presets and settings import or export are absent.
Keep the responsibility model visible throughout the task: Shopify remains the commercial source and checkout system; ShopiPress connects, synchronizes and renders the catalog according to delivered contracts; WordPress owns the publishing context. A successful WordPress result must not be interpreted as a transfer of orders, customers, payments or inventory authority.
Procedure
- Open Design and select the product or collection surface you intend to change.
- Adjust only a small set of global controls, then compare the preview with representative catalog data.
- In PRO, separate component-level and responsive changes so each difference can be reviewed and rolled back.
- Preview long text, missing images, sale prices, variant controls and out-of-stock states.
- Publish only after testing the actual WordPress page, not only the Design preview.
Do not skip the review step between an administrative action and public publication. A successful control response is only one layer of evidence; the stored WordPress record, rendered page and Shopify commerce path must agree.
Verify the result
- The product and collection defaults remain usable without PRO controls.
- Responsive changes preserve reading order, focus and buying actions at 320 pixels.
- A downgrade does not delete saved PRO settings or catalog content.
Verify the result in the rendered WordPress page and in the authoritative Shopify surface, not only inside the ShopiPress administration screen. Use a representative product with price, availability, variant and collection data. Repeat the smallest safe operation when idempotence matters, and record any difference before broadening the test.
Common mistakes
- Preview and frontend differ: identify whether the theme, builder renderer or saved design setting owns the mismatch.
- A PRO control appears locked in FREE: treat it as contextual product information, not an active engine.
- Layout breaks on mobile: return to global defaults, then reintroduce changes one component and breakpoint at a time.
When a result is unexpected, stop broad actions and reduce the case to one record, one URL and one renderer. Preserve the failing response before changing settings or clearing caches so the diagnosis remains reproducible.
Troubleshooting
- Confirm the package version and edition.
- Reproduce the smallest safe case with controlled data.
- Identify whether Shopify, ShopiPress or WordPress owns the failing step.
- Compare the observed result with the delivered, partial or absent capability state.
- Restore the test environment, repeat once and record whether the result is stable.
Security and data
Custom CSS is a PRO publishing capability. Limit it to trusted administrators, avoid remote imports and never embed credentials or customer data in styles or templates.
Record the installed version, edition, WordPress and PHP versions, active builder or SEO integration, exact URL, viewport and the ordered actions that produced the result. Capture only controlled catalog data. Redact the Storefront token, customer data, order information, private domains and any environment secret before an artifact leaves the validation workspace.
SEO consequences
Design can change heading order, text visibility, link labels and layout stability. Validate rendered semantic structure, accessible names and cumulative layout behavior after each template change.
Evidence to record
Record the installed version, edition, WordPress and PHP versions, active builder or SEO integration, exact URL, viewport and the ordered actions that produced the result. Capture only controlled catalog data. Redact the Storefront token, customer data, order information, private domains and any environment secret before an artifact leaves the validation workspace.
Related guides
Version and product state
ShopiPress is officially published on Freemius. This guide describes the documented version. Purchase and download links will be added to this site once their destinations are configured.
Keep the system boundary visible
Shopify remains the commerce source; ShopiPress moves catalog records and rendering contracts; WordPress owns publication.
Shopify · catalog source and checkout
ShopiPress · manual sync and rendering
WordPress · content, templates and SEO surface
Verify before moving on
- Confirm the result in WordPress, not only in the ShopiPress interface.
- Keep cart and checkout on Shopify.
- Record the installed version when reporting a defect.