diff --git a/scss/_off.scss b/scss/_off.scss
index 2bd4ecf3e8e45..e93bfbd53d438 100644
--- a/scss/_off.scss
+++ b/scss/_off.scss
@@ -1450,4 +1450,19 @@ a.panel_title {
 .button:focus, .button:hover, button:focus, button:hover {
     background-color: scale-color($button-bg-color, $lightness: -$button-function-factor / 2);
     color: #fff;
+}
+
+// Tuto video beside user form
+.form-wrapper {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  gap: 1rem;
+  margin: 0 auto;
+  max-width: 100rem;
+  @media #{$small-only} {
+    flex-direction: column;
+    gap: 0;
+    margin-top: -2rem;
+  }
 }
\ No newline at end of file
diff --git a/templates/web/pages/user_form/user_form_page.tt.html b/templates/web/pages/user_form/user_form_page.tt.html
index 6af14f91ee728..3531a111c942b 100644
--- a/templates/web/pages/user_form/user_form_page.tt.html
+++ b/templates/web/pages/user_form/user_form_page.tt.html
@@ -60,44 +60,57 @@
             [% IF section.note %]
                 <p >[% section.note %]</p>
             [% END %]
+            <div class="form-wrapper">
+                <div class="form-container" style="width: 80%;margin-right: 20px;">
+                   [% FOREACH field IN section.fields %]
+                       [% IF field.field == 'userid' %]
+                            [% IF type == 'edit' %]
+                                <label for="[% field.field %]"> [% field.label %]</label>
+                                <p id="userid"><a href="/editor/[% field.value %]">[% field.value %]</a></p>
+                            [% ELSE %]
+                                <label for="[% field.field %]">  [% lang(field.label) %] [% lang('username_info')  %]</label>
+                                <input type="text" id="[% field.field %]" name="[% field.field %]" value="[% field.value %]" autocomplete="username" onkeyup="normalize_string_value(this)" />
+                            [% END %]
+                        [% ELSIF field.type == 'text' %]
+                              <div [% IF section.id == "professional" %] class="pro_org_display" [% END %]>
+                                  <label for="[% field.field %]">[% field.label %]</label>
+                                  <input type="text" id="[% field.field %]" name="[% field.field %]" value="[% field.value %]" [% IF section.id == "teams" %] onkeyup="normalize_string_value(this)" [% END %]/>
+                                </div>
+                        [% ELSIF field.type == 'password' %]
+                            <label for="[% field.field %]">[% lang(field.label) %]</label>
+                            <input type="password" id="[% field.field %]" name="[% field.field %]" value="[% field.value %]" autocomplete="new-password"/>
+                        [% ELSIF field.type == 'email' %]
+                            <label for="[% field.field %]">	[% field.label %]</label>
+                            <input type="email" id="[% field.field %]" name="[% field.field %]" value = "[% field.value %]" autocomplete="email"/>
+                        [% ELSIF field.type == 'checkbox' %]
+                            [% IF accepted_organization && section.id == "professional" %]
+                                <p>[% f_lang('f_this_is_a_pro_account_for_org', {'org' => accepted_organization}) %]</p>
+                            [% ELSE %]
+                                <label for="[% field.field %]">
+                                    <input type="checkbox" id="[% field.field %]" name="[% field.field %]" [% IF field.value == 'on' %]checked="checked"[% END %] />
+                                     [% field.label %]
+                                </label>
+                            [% END %]
+                        [% ELSIF field.type == 'hidden' %]
+                            <label for="pro">
+                                <input type="hidden" name="[% field.field %]" value="[% field.value %]">
+                            </label>
+                        [% END %]
 
-            [% FOREACH field IN section.fields %]
-                [% IF field.field == 'userid' %]
-                    [% IF type == 'edit' %]
-                        <label for="[% field.field %]"> [% field.label %]</label>
-                        <p id="userid"><a href="/editor/[% field.value %]">[% field.value %]</a></p>
-                    [% ELSE %]
-                        <label for="[% field.field %]">  [% lang(field.label) %] [% lang('username_info')  %]</label>
-                        <input type="text" id="[% field.field %]" name="[% field.field %]" value="[% field.value %]" autocomplete="username" onkeyup="normalize_string_value(this)" />
                     [% END %]
-                [% ELSIF field.type == 'text' %]
-                        <div [% IF section.id == "professional" %] class="pro_org_display" [% END %]>
-                            <label for="[% field.field %]">[% field.label %]</label>
-                            <input type="text" id="[% field.field %]" name="[% field.field %]" value="[% field.value %]" [% IF section.id == "teams" %] onkeyup="normalize_string_value(this)" [% END %]/>
-                        </div>
-                [% ELSIF field.type == 'password' %]
-                    <label for="[% field.field %]">[% lang(field.label) %]</label>
-                    <input type="password" id="[% field.field %]" name="[% field.field %]" value="[% field.value %]" autocomplete="new-password"/>
-                [% ELSIF field.type == 'email' %]
-                    <label for="[% field.field %]">	[% field.label %]</label>
-                    <input type="email" id="[% field.field %]" name="[% field.field %]" value = "[% field.value %]" autocomplete="email"/>
-                [% ELSIF field.type == 'checkbox' %]
-                    [% IF accepted_organization && section.id == "professional" %]
-                        <p>[% f_lang('f_this_is_a_pro_account_for_org', {'org' => accepted_organization}) %]</p>
-                    [% ELSE %]
-                        <label for="[% field.field %]">
-                            <input type="checkbox" id="[% field.field %]" name="[% field.field %]" [% IF field.value == 'on' %]checked="checked"[% END %] />
-                            [% field.label %]
-                        </label>
-                    [% END %]
-                [% ELSIF field.type == 'hidden' %]
-                    <label for="pro">
-                        <input type="hidden" name="[% field.field %]" value="[% field.value %]">
-                    </label>
+                </div>
+                <!-- show video about account creation beside user form section-->
+                [% IF server_options_producers_platform AND section.id == "user" AND type != "edit" %]
+                    <div class="video-container" style="width:70%">
+    
+                        <iframe width="560" height="315" src="https://www.youtube.com/embed/RXKxDuuKYV0"
+                        title="YouTube video player" frameborder="0"
+                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                        allowfullscreen style="margin-top: 20px;max-width: 100%;"></iframe>
+    
+                    </div>
                 [% END %]
-
-            [% END %]
-
+            </div>
 			[% IF section.id == "professional" %]
             <div class="pro_org_display">
                 [% IF requested_org_ref.defined %]