diff --git a/site/plugins/admin/views/partials/base.html b/site/plugins/admin/views/partials/base.html
index dfa215d7..dc06c075 100644
--- a/site/plugins/admin/views/partials/base.html
+++ b/site/plugins/admin/views/partials/base.html
@@ -266,6 +266,7 @@
         {% include "plugins/admin/views/partials/forms-save.html" %}
         {% include "plugins/admin/views/partials/datetimepicker.html" %}
         {% include "plugins/admin/views/partials/tags.html" %}
+        {% include "plugins/admin/views/partials/slugify.html" %}
 
         {% block tail %}{% endblock %}
     </body>
diff --git a/site/plugins/admin/views/partials/slugify.html b/site/plugins/admin/views/partials/slugify.html
new file mode 100644
index 00000000..9f5a0069
--- /dev/null
+++ b/site/plugins/admin/views/partials/slugify.html
@@ -0,0 +1,7 @@
+<script src="//cdn.jsdelivr.net/npm/speakingurl@14.0.1/speakingurl.min.js"></script>
+<script>
+    $("#title").on("keyup change", function () {
+        var slug = getSlug($("#title").val());
+        $("#id").val(slug);
+    });
+</script>
diff --git a/site/plugins/admin/views/templates/extends/fieldsets/add.html b/site/plugins/admin/views/templates/extends/fieldsets/add.html
index f9c90edd..242a179b 100644
--- a/site/plugins/admin/views/templates/extends/fieldsets/add.html
+++ b/site/plugins/admin/views/templates/extends/fieldsets/add.html
@@ -7,12 +7,12 @@
         <div class="col-md-6">
             <div class="form-group">
                 <label for="title">{{ tr('admin_title') }}</label>
-                <input type="text" id="fieldsetTitle" name="title" value="" class="form-control" required="required" data-validation="length required" data-validation-length="min1" data-validation-error-msg="{{ tr('admin_error_title_empty_input') }}">
+                <input type="text" id="title" name="title" value="" class="form-control" required="required" data-validation="length required" data-validation-length="min1" data-validation-error-msg="{{ tr('admin_error_title_empty_input') }}">
                 <small class="form-text text-muted">{{ tr('admin_help_text_for_fieldsets_label') }}</small>
             </div>
             <div class="form-group">
                 <label for="id">{{ tr('admin_name') }}</label>
-                <input type="text" id="fieldsetId" name="id" value="" class="form-control" required="required" data-validation="length required" data-validation-length="min1" data-validation-error-msg="{{ tr('admin_error_name_empty_input') }}">
+                <input type="text" id="id" name="id" value="" class="form-control" required="required" data-validation="length required" data-validation-length="min1" data-validation-error-msg="{{ tr('admin_error_name_empty_input') }}">
                 <small class="form-text text-muted">{{ tr('admin_help_text_for_fieldsets_name') }}</small>
             </div>
         </div>
diff --git a/site/plugins/admin/views/templates/extends/fieldsets/rename.html b/site/plugins/admin/views/templates/extends/fieldsets/rename.html
index 4b589610..b1b636a3 100644
--- a/site/plugins/admin/views/templates/extends/fieldsets/rename.html
+++ b/site/plugins/admin/views/templates/extends/fieldsets/rename.html
@@ -8,7 +8,7 @@
         <div class="col-md-6">
             <div class="form-group">
                 <label for="id">{{ tr('admin_name') }}</label>
-                <input type="text" id="fieldsetId" name="id" value="{{ id }}" class="form-control" required="required" data-validation="length required" data-validation-length="min1" data-validation-error-msg="{{ tr('admin_error_name_empty_input') }}">
+                <input type="text" id="id" name="id" value="{{ id }}" class="form-control" required="required" data-validation="length required" data-validation-length="min1" data-validation-error-msg="{{ tr('admin_error_name_empty_input') }}">
                 <small class="form-text text-muted">{{ tr('admin_help_text_for_fieldsets_name') }}</small>
             </div>
             <div class="form-group">