Skip to content
POWR Help Center home
InboxAsk a human

How to Install POWR Apps on Shopify Using the PageFly Theme Editor

Updated by POWR Support

PageFly is one of the most popular page builder apps for Shopify, giving store owners the flexibility to create beautifully designed custom pages without any coding. If you’re using PageFly to build your Shopify pages and want to add POWR apps to them, you’ll be glad to know that the two work seamlessly together. By embedding your POWR app’s code directly within the PageFly editor, you can place any POWR app — whether it’s a form, a popup, a countdown timer or anything else — exactly where you want it on your custom PageFly pages. In this article we’ll walk you through the steps to get your POWR app installed on your Shopify store using the PageFly editor quickly and easily.

🔗 Need direct help from PageFly? Check out PageFly’s Integration Help Guide

In This Article:

Install the POWR App on Your Shopify Store

Before adding the app inside PageFly, make sure the POWR app is installed in your Shopify store.

Step-by-Step Instructions

  1. Go to the Shopify App Store and search for the POWR app you want to use.

  2. Click Add App and complete the installation process.

  3. Once installed, configure and publish your POWR app from your POWR Dashboard.

Enable Third-Party App Integration in PageFly

For POWR apps to appear in the PageFly editor, you must allow third-party app access within PageFly’s settings.

  1. Open the PageFly editor for your page in Shopify.

  2. From the left panel, click on Third-party elements.

  3. Click the gear icon (Manage Integrations) at the top of the panel.

  4. Find POWR in the list and click Activate.

  5. Click Done to save your changes.

✅ Once activated, POWR will appear as an element under the "Third-party elements" section in the editor.

Add a POWR App Element in PageFly

Now that the integration is enabled, you can drop the POWR app into your PageFly layout.

  1. In the PageFly editor, open the page where you want the app to appear.

  2. Open Third-party elements in the left panel.

  3. Drag and drop the POWR App element into your desired location on the page.

  4. Click the app element to adjust any settings.

  5. Click Save and then Publish to push the changes live.

Troubleshooting: App Not Displaying

If your POWR app still isn’t showing up in PageFly, try the following:

  • Make sure your app is published: Double-check the app settings in your POWR dashboard to confirm it's set to display.

  • Re-check PageFly integration settings: Make sure POWR is still activated under Third-party Integrations.

  • Clear cache and republish: Sometimes republishing the page or clearing your browser cache helps.

  • Use a supported Shopify theme: Conflicts can occur with custom themes that block embedded code.

If you're still having trouble, reach out to POWR Support or PageFly Support and we’ll help you troubleshoot further.

FAQs

Q: Why did my POWR app disappear after switching to PageFly?

A: PageFly disables third-party app rendering by default. You must manually activate POWR in their "Third-party Integrations" settings.

Q: Do I need to reinstall my POWR app when switching to PageFly?

A: No. If it’s already installed on your Shopify store, you only need to activate and embed it inside the PageFly editor.

Q: Can I use more than one POWR app on a PageFly page?

A: Yes! Just repeat the drag-and-drop process for each app you want to embed.

Conclusion

Installing POWR apps through the PageFly editor is a straightforward process that combines the design flexibility of PageFly with the powerful functionality of POWR — giving you the best of both worlds on your Shopify store. Once embedded your POWR app will display and function exactly as expected, and any updates you publish in the POWR editor will automatically reflect on your live page without needing to touch the PageFly setup again. If you run into any trouble during the installation or have any questions along the way, our support team is always here and happy to help — don’t hesitate to reach out!

Need Help?
If you need any help or have any questions about our Form Builder, our support team is happy to help.

👉 Contact our support team

When contacting us, you'll be prompted to authenticate your email by signing in, and a confirmation code will be emailed to you. This helps ensure our support team's reply will be delivered to you with no issues.

For more information about available features, visit our Pricing Page:
https://www.powr.io/pricing