diff --git a/src/translation/en.json b/src/translation/en.json
index 27acafcad..c359b6279 100644
--- a/src/translation/en.json
+++ b/src/translation/en.json
@@ -131,7 +131,8 @@
             "setupSubscriptionAction": "Set up Subscription",
             "installAnywayAction": "Install anyway",
             "installAction": "Install",
-            "doInstallAction": "Install {{ dnsOverwrite ? 'and overwrite DNS' : '' }}"
+            "doInstallAction": "Install {{ dnsOverwrite ? 'and overwrite DNS' : '' }}",
+            "cloudflarePortWarning": "Cloudflare proxying must be disabled for the app's domain to access this port"
         },
         "appNotFoundDialog": {
             "title": "App not found",
diff --git a/src/views/app.html b/src/views/app.html
index 37a8a635f..3174016c2 100644
--- a/src/views/app.html
+++ b/src/views/app.html
@@ -427,6 +427,7 @@
                     </sup>
                   </label>
                   <input type="number" class="form-control" ng-model="clone.portBindings[env]" ng-disabled="!clone.portBindingsEnabled[env]" id="inputPortInfo{{env}}" later-name="itemName{{$index}}" min="{{hostPortMin}}" max="{{hostPortMax}}" required>
+                  <p class="text-small text-warning text-bold" ng-show="clone.domain.provider === 'cloudflare'">{{ 'appstore.installDialog.cloudflarePortWarning' | tr }} </p>
                 </div>
               </ng-form>
             </div>
@@ -601,6 +602,7 @@
                       </sup>
                     </label>
                     <input type="number" class="form-control" ng-model="location.portBindings[env]" ng-disabled="!location.portBindingsEnabled[env]" id="locationPortInput{{env}}" later-name="itemName{{$index}}" min="{{HOST_PORT_MIN}}" max="{{HOST_PORT_MAX}}" required>
+                    <p class="text-small text-warning text-bold" ng-show="location.domain.provider === 'cloudflare'">{{ 'appstore.installDialog.cloudflarePortWarning' | tr }} </p>
                   </div>
                 </ng-form>
               </div>
diff --git a/src/views/appstore.html b/src/views/appstore.html
index 5af795cf0..4236f3b15 100644
--- a/src/views/appstore.html
+++ b/src/views/appstore.html
@@ -49,6 +49,7 @@
                     </sup>
                   </label>
                   <input type="number" class="form-control" ng-model="appInstall.portBindings[env]" ng-disabled="!appInstall.portBindingsEnabled[env]" id="inputPortInfo{{env}}" later-name="itemName{{$index}}" min="{{hostPortMin}}" max="{{hostPortMax}}" required>
+                  <p class="text-small text-warning text-bold" ng-show="appInstall.domain.provider === 'cloudflare'">{{ 'appstore.installDialog.cloudflarePortWarning' | tr }} </p>
                 </div>
               </ng-form>
             </div>