You can use an app proxy to fetch data from an outside location and display it on the page of an online store. This means that the content on these proxy pages can be dynamic, allowing it to be updated as often as is needed. App proxies are useful for displaying image galleries, statistics, and custom forms.
You don't need to set up app proxies before you publish your app. If you add an application proxy to an app after you've published it, then existing installations of the app will be updated automatically.
App proxies also support responses from the Proxy URL using Liquid, Shopify's theme customization engine. You can use Liquid to display your proxy page as if it were a part of an online store's theme.
Add a proxy to your app
To add an app proxy to your app, you'll need to enable the online store extension area and configure the extension.
To configure the app extension:
- Click Apps and then click the name of your app.
- Click Extensions>Online store.
- In the App proxy section, click Manage app proxy.
Select a prefix from the Sub path prefix drop-down list. If you want to add a sub path as well, then enter one in the Sub path field: These settings determine which HTTP requests to Shopify are proxied to the Proxy URL that you enter in the next step. For example, if the Sub path prefix is
apps, and the Sub path is
store-pickup, then any path in your shop after
https://your-store.myshopify.com/apps/store-pickupwill be proxied to the Proxy URL that you enter in the next step.
Enter the URL of your proxy server in the Proxy URL field. This is the URL that will be proxied from the path that you entered in the previous step.
- When you're done, click Save.
Consider the following app proxy configuration:
Sub path prefix:
In this example,
https://example-store.myshopify.com/apps/my-app-proxy/app_path will be forwarded to the Proxy URL at
What the merchant sees
After a merchant installs an app with a proxy, they can change the sub path. The sub path is where the application proxy will be accessed from a merchant's own shop. Merchants can choose to change the sub path so that the URL in a browser's location bar makes the proxy page look like it's hosted in their store instead of externally. Ultimately, the sub path doesn't affect the actual location of the proxy URL.