Overview
The new "Shopify App Block" element makes adding and integrating widgets from third-party apps to your "Full Customization" Product pages, Collection pages and Landing pages a breeze!
Now you can easily integrate any Shopify app that utilizes app blocks onto your product and/or collection pages, even if it’s not one we've built an integration for. No custom coding required.
See the instructions below for the details about how to use this new element to take your page design and functionality to the next level!
📝 This element only works on "Full Customization" Product pages, Collection pages and Landing pages that use the JSON theme template format.
Adding the element
To add the Shopify App Block element to your Zipify Pages product, collection or landing page, first open the desired page within the Zipify Pages builder.
Next, click on the existing element on the page where you'd like to add it and then on the ➕ button above/below the existing element:
Find and select the "Shopify App Block" element from the Integrations category of page elements:
The element will be added to your page in the location chosen. Next, click on the "Open Shopify Editor" button in the sidebar:
📝You must publish the page first before you can add and edit the app block in the Theme Editor.
A new tab will open where your Shopify Theme Editor will be displayed and the current product page template. Under the Template section, click "Add block":
Select the third-party app widget you'd like to integrate from the Apps tab:
The app widget will appear where you positioned the Shopify App Block element in the Zipify Pages editor:
Click the "Save" button in the top-right corner of the Theme Editor:
Using the App Block on Home and Landing Pages
You can now use the Zipify Pages Shopify App Block on Home and Landing pages in addition to Product and Collection pages.
Because Shopify has a limit of 1000 JSON templates per theme, we’ve implemented a hybrid model for home and landing pages:
Pages without an app block will continue to publish using the current flow (no separate template).
Pages with an app block will publish like product or collection pages, meaning a separate JSON template will be generated.
If you later remove the app block, the page template will remain until the page is unpublished.
📝 This helps avoid unnecessary use of Shopify’s template limit for landing pages that don’t need a custom template.
⚠️ Pages That Are Too Large
Shopify enforces a strict size limit for JSON templates. If your landing page is too large to support a template and you've added an app block:
The page will still publish normally.
However, the app block won’t appear in the Shopify Theme Editor.
You’ll see a warning in the Zipify Pages builder if this happens.
To enable app block support on a large landing page, try reducing the amount of content on the page.
Important Notes
The Shopify App Block element can only be added to "Full Customization" product page templates, Collection page templates and Home and Landing page templates that use the JSON file type. If you're not sure which file type is being used for your Zipify Pages product page template, navigate to Sales channels > Online Store > Themes > Edit code and check the "Templates" folder to see the type of file. It will either be product.zipifypages-xyz.json or product.zipifypages-xyz.liquid
The third-party app widget will only render on the published page and not within the Zipify Pages builder directly. If an app widget requires their app embed be enabled, check the "App Embeds" section of the Shopify Theme Editor to enable it.
Unpublishing the page will automatically remove the app block from the associated theme template. If you want the block to appear again, you’ll need to manually re-add it. To do this, click the "Open Shopify Editor" button and use the theme editor to place the app block back onto the template, then click the Save button.
To add additional Shopify App Block element(s) to your page, click the "Update" button in the Zipify Pages builder each time a new one is added. Then navigate to the Theme Editor via the "Open Shopify Editor" button in the sidebar to add the additional app block by hovering over the previously added one and clicking "Add block":
For example: Add the "Shopify App Block" element ➡ Click the "Update" button in the builder ➡ Click the "Open Shopify Editor" button in the sidebar to add the new app block via the Theme Editor.