diff --git a/ui/admin/app/controllers/scopes/scope/targets/new.js b/ui/admin/app/controllers/scopes/scope/targets/new.js
new file mode 100644
index 000000000..bd048a0ef
--- /dev/null
+++ b/ui/admin/app/controllers/scopes/scope/targets/new.js
@@ -0,0 +1,7 @@
+import Controller from '@ember/controller';
+
+export default class ScopesScopeTargetsNewController extends Controller {
+  // =attributes
+
+  queryParams = ['type'];
+}
diff --git a/ui/admin/app/routes/scopes/scope/targets/new.js b/ui/admin/app/routes/scopes/scope/targets/new.js
index 5e3d97603..98fa5dd38 100644
--- a/ui/admin/app/routes/scopes/scope/targets/new.js
+++ b/ui/admin/app/routes/scopes/scope/targets/new.js
@@ -3,14 +3,24 @@ import Route from '@ember/routing/route';
 export default class ScopesScopeTargetsNewRoute extends Route {
   // =methods
 
+  // =attributes
+  queryParams = {
+    type: {
+      refreshModel: true,
+    },
+  };
   /**
    * Creates a new unsaved target in current scope.
    * @return {TargetModel}
    */
-  model() {
+
+  model(params) {
     const scopeModel = this.modelFor('scopes.scope');
+    if (!params.type) {
+      params.type = 'tcp'; //tcp is the default type
+    }
     return this.store.createRecord('target', {
-      type: 'tcp',
+      type: params.type,
       scopeModel,
     });
   }