diff --git a/addons/website/views/snippets/s_mega_menu_odoo_menu.xml b/addons/website/views/snippets/s_mega_menu_odoo_menu.xml
index 4bcc5cc387e..a7bc77fea39 100644
--- a/addons/website/views/snippets/s_mega_menu_odoo_menu.xml
+++ b/addons/website/views/snippets/s_mega_menu_odoo_menu.xml
@@ -60,14 +60,27 @@
         <div class="container-fluid border-top s_mega_menu_odoo_menu_footer">
             <div class="row">
                 <div class="col-12 pt8 pb8">
-                    <nav class="nav justify-content-center">
-                        <a href="#" class="mx-3 my-2 text-o-color-5" style="font-size: 14px;"><i class="fa fa-fw fa-2x fa-github"></i></a>
-                        <a href="#" class="mx-3 my-2 text-o-color-5" style="font-size: 12px;"><i class="fa fa-fw fa-2x fa-youtube-play"></i></a>
-                        <a href="#" class="mx-3 my-2 text-o-color-5" style="font-size: 12px;"><i class="fa fa-fw fa-2x fa-twitter"></i></a>
-                        <a href="#" class="mx-3 my-2 text-o-color-5" style="font-size: 12px;"><i class="fa fa-fw fa-2x fa-linkedin"></i></a>
-                        <a href="#" class="mx-3 my-2 text-o-color-5" style="font-size: 12px;"><i class="fa fa-fw fa-2x fa-instagram"></i></a>
-                        <a href="#" class="mx-3 my-2 text-o-color-5" style="font-size: 12px;"><i class="fa fa-fw fa-2x fa-facebook"></i></a>
-                    </nav>
+                    <div class="s_social_media text-center o_not_editable" data-snippet="s_social_media" data-name="Social Media" contenteditable="false">
+                        <h5 class="s_social_media_title d-none" contenteditable="true">Follow us</h5>
+                        <a href="/website/social/facebook" class="s_social_media_facebook mr-3 ml-3" target="_blank">
+                            <i class="fa fa-2x fa-facebook m-1"/>
+                        </a>
+                        <a href="/website/social/twitter" class="s_social_media_twitter mr-3 ml-3" target="_blank">
+                            <i class="fa fa-2x fa-twitter m-1"/>
+                        </a>
+                        <a href="/website/social/linkedin" class="s_social_media_linkedin mr-3 ml-3" target="_blank">
+                            <i class="fa fa-2x fa-linkedin m-1"/>
+                        </a>
+                        <a href="/website/social/github" class="s_social_media_github mr-3 ml-3" target="_blank">
+                            <i class="fa fa-2x fa-github m-1"/>
+                        </a>
+                        <a href="/website/social/youtube" class="s_social_media_youtube mr-3 ml-3" target="_blank">
+                            <i class="fa fa-2x fa-youtube m-1"/>
+                        </a>
+                        <a href="/website/social/instagram" class="s_social_media_instagram mr-3 ml-3" target="_blank">
+                            <i class="fa fa-2x fa-instagram m-1"/>
+                        </a>
+                    </div>
                 </div>
             </div>
         </div>