diff --git a/packtools/catalogs/htmlgenerator/v3.0/article.xsl b/packtools/catalogs/htmlgenerator/v3.0/article.xsl
index 741718ae3..acf786d52 100644
--- a/packtools/catalogs/htmlgenerator/v3.0/article.xsl
+++ b/packtools/catalogs/htmlgenerator/v3.0/article.xsl
@@ -61,6 +61,8 @@
     <xsl:include href="html-modals-how2cite.xsl"/>
     <xsl:include href="html-head.xsl"/>
 
+    <xsl:include href="bottom-floating-menu.xsl"/>
+
     <xsl:variable name="ref" select="//ref"/>
     <xsl:variable name="fn" select="//*[name()!='table-wrap-foot']//fn"/>
 
@@ -123,49 +125,7 @@
         </div>
     </xsl:template>
     <xsl:template match="/" mode="graphic-elements-title">
-        <xsl:if test="$graphic_elements_title!=''">
-        <div class="scielo__floatingMenuCtt">
-            <ul class="scielo__floatingMenu fm-slidein" data-fm-toogle="hover">
-                <li class="fm-wrap">
-                    <a href="javascript:;" class="fm-button-main">
-                        <span class="material-icons-outlined material-icons-outlined-menu-default">more_horiz</span>
-                        <span class="material-icons-outlined material-icons-outlined-menu-close">close</span>
-                    </a>
-                    <ul class="fm-list d-none d-sm-block">
-                        <li>
-                            <a class="fm-button-child" 
-                                data-bs-toggle="modal" 
-                                title="" 
-                                data-mobile-tooltip="{$graphic_elements_title}" 
-                                data-bs-target="#ModalTablesFigures" data-bs-original-title="{$graphic_elements_title}">
-                                <span class="material-icons-outlined"> image </span>
-                            </a>
-                        </li>
-                        <li>
-                            <a class="fm-button-child"
-                                title="">
-                                <xsl:attribute name="data-mobile-tooltip">
-                                    <xsl:apply-templates select="." mode="text-labels">
-                                        <xsl:with-param name="text">How to
-                                          cite</xsl:with-param>
-                                    </xsl:apply-templates>
-                                </xsl:attribute>
-                                <xsl:attribute name="data-bs-toggle">modal</xsl:attribute>
-                                <xsl:attribute name="data-bs-target">#ModalArticles</xsl:attribute>
-                                <xsl:attribute name="data-bs-original-title">
-                                    <xsl:apply-templates select="." mode="text-labels">
-                                        <xsl:with-param name="text">How to
-                                          cite</xsl:with-param>
-                                    </xsl:apply-templates>
-                                </xsl:attribute>
-                                <span class="material-icons-outlined"> link </span>
-                            </a>
-                        </li>
-                    </ul>
-                </li>
-            </ul>
-        </div>
-        </xsl:if>
+        <xsl:apply-templates select="." mode="bottom-floating-menu"/>
     </xsl:template>
 
     <xsl:template match="/" mode="css">
diff --git a/packtools/catalogs/htmlgenerator/v3.0/bottom-floating-menu.xsl b/packtools/catalogs/htmlgenerator/v3.0/bottom-floating-menu.xsl
new file mode 100644
index 000000000..6cadacaef
--- /dev/null
+++ b/packtools/catalogs/htmlgenerator/v3.0/bottom-floating-menu.xsl
@@ -0,0 +1,141 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
+    xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:mml="http://www.w3.org/1998/Math/MathML"
+    exclude-result-prefixes="xlink mml">
+
+    <xsl:template match="/" mode="bottom-floating-menu">
+        <div class="container">
+            <div class="row">
+              <div class="col">
+                  <div class="scielo__floatingMenuCttJs3">
+                    <xsl:apply-templates select="." mode="bottom-floating-menu-gototop"/>
+                    <xsl:apply-templates select="." mode="bottom-floating-menu-metrics"/>
+                    <ul class="scielo__floatingMenuJs3 fm-slidein" data-fm-toogle="hover">
+                      <xsl:apply-templates select="." mode="bottom-floating-menu-open-and-close"/>
+                    </ul>
+                 </div>
+              </div>
+            </div>
+        </div>
+    </xsl:template>
+
+    <xsl:template match="/" mode="bottom-floating-menu-gototop">
+      <a class="scielo__floatingMenuItem fm-button-child item-goto d-none d-lg-inline-block" data-bs-toggle="tooltip" href="#top">
+        <xsl:attribute name="title"><xsl:apply-templates select="." mode="text-labels">
+            <xsl:with-param name="text">Go to top</xsl:with-param>
+        </xsl:apply-templates></xsl:attribute>
+        <span class="material-icons-outlined">
+          vertical_align_top
+        </span>
+      </a>
+    </xsl:template>
+
+    <xsl:template match="/" mode="bottom-floating-menu-metrics">
+      <a href="javascript:;" class="scielo__floatingMenuItem fm-button-child item-metrics d-none d-lg-inline-block" data-bs-toggle="tooltip" target="_blank" data-bs-target="#metric_modal_id" tabindex="0">
+        <xsl:attribute name="title"><xsl:apply-templates select="." mode="text-labels">
+            <xsl:with-param name="text">Metrics</xsl:with-param>
+        </xsl:apply-templates></xsl:attribute>
+        <span class="material-icons-outlined">
+          show_chart
+        </span>
+      </a>
+    </xsl:template>
+
+    <xsl:template match="/" mode="bottom-floating-menu-open-and-close">
+      <li class="fm-wrap">
+        <a href="javascript:;" class="fm-button-main" data-bs-toggle="tooltip" tabindex="0">
+          <xsl:attribute name="title"><xsl:apply-templates select="." mode="text-labels">
+              <xsl:with-param name="text">Open menu</xsl:with-param>
+          </xsl:apply-templates></xsl:attribute>
+          <span class="material-icons-outlined material-icons-outlined-menu-default">more_horiz</span></a>
+        <a href="javascript:;" class="fm-button-close" data-bs-toggle="tooltip" tabindex="0">
+          <xsl:attribute name="title"><xsl:apply-templates select="." mode="text-labels">
+              <xsl:with-param name="text">Close menu</xsl:with-param>
+          </xsl:apply-templates></xsl:attribute>
+          <span class="material-icons-outlined material-icons-outlined-menu-close">close</span></a>
+
+          <xsl:apply-templates select="." mode="bottom-floating-menu-for-not-mobile"/>
+          <xsl:apply-templates select="." mode="bottom-floating-menu-for-mobile"/>
+      </li>
+    </xsl:template>
+
+    <xsl:template match="/" mode="bottom-floating-menu-for-not-mobile">
+      <!-- exibe em tudo menos mobile-->
+      <ul class="fm-list-desktop d-none d-lg-block">
+        <li>
+          <a class="fm-button-child" id="lnkFigsTables" data-bs-toggle="tooltip" data-bs-target="#ModalTablesFigures" tabindex="0">
+            <xsl:attribute name="title"><xsl:apply-templates select="." mode="text-labels">
+              <xsl:with-param name="text"><xsl:value-of select="$graphic_elements_title"/></xsl:with-param>
+          </xsl:apply-templates></xsl:attribute>
+            <span class="material-icons-outlined">
+              image
+            </span>
+          </a>
+        </li>
+        <!-- n/a -->
+        <!--li>
+          <a class="fm-button-child" id="lnkVersTranslations" data-bs-toggle="tooltip" data-bs-target="#ModalVersionsTranslations" tabindex="0">
+            <xsl:attribute name="title"><xsl:apply-templates select="." mode="text-labels">
+              <xsl:with-param name="text">Versões e traduções</xsl:with-param>
+          </xsl:apply-templates></xsl:attribute>
+            <span class="material-icons-outlined">
+              translate
+            </span>
+          </a>
+        </li-->
+        <!--li>
+          <a class="fm-button-child" id="lnkHowToCite" data-bs-toggle="tooltip"  data-bs-target="#ModalHowcite" tabindex="0">
+            <xsl:attribute name="title"><xsl:apply-templates select="." mode="text-labels">
+              <xsl:with-param name="text">Como citar este artigo</xsl:with-param>
+          </xsl:apply-templates></xsl:attribute>
+            <span class="material-icons-outlined">
+              link
+            </span>
+          </a>
+        </li-->
+        <!--li>
+          <a class="fm-button-child" id="lnkArticles" data-bs-toggle="tooltip" data-bs-target="#ModalRelatedArticles" tabindex="0">
+            <xsl:attribute name="title"><xsl:apply-templates select="." mode="text-labels">
+              <xsl:with-param name="text">Artigos relacionados</xsl:with-param>
+          </xsl:apply-templates></xsl:attribute>
+            <span class="material-icons-outlined">
+              article
+            </span>
+          </a>
+        </li-->
+      </ul>
+    </xsl:template>
+    <xsl:template match="/" mode="bottom-floating-menu-for-mobile">
+      <ul class="fm-list-desktop d-none d-lg-block">
+        <li>
+          <a class="fm-button-child" id="lnkFigsTables" data-bs-toggle="tooltip" title="{$graphic_elements_title}" data-bs-target="#ModalTablesFigures" tabindex="0">
+            <span class="material-icons-outlined">
+              image
+            </span>
+          </a>
+        </li>
+        <!-- n/a for standalone -->
+        <!--li>
+          <a class="fm-button-child" id="lnkVersTranslations" data-bs-toggle="tooltip" title="{% trans %}Versões e traduções{% endtrans %}" data-bs-target="#ModalVersionsTranslations" tabindex="0">
+            <span class="material-icons-outlined">
+              translate
+            </span>
+          </a>
+        </li>
+        <li>
+          <a class="fm-button-child" id="lnkHowToCite" data-bs-toggle="tooltip" title="{% trans %}Como citar este artigo{% endtrans %}" data-bs-target="#ModalHowcite" tabindex="0">
+            <span class="material-icons-outlined">
+              link
+            </span>
+          </a>
+        </li>
+        <li>
+          <a class="fm-button-child" id="lnkArticles" data-bs-toggle="tooltip" title="{% trans %}Artigos relacionados{% endtrans %}" data-bs-target="#ModalRelatedArticles" tabindex="0">
+            <span class="material-icons-outlined">
+              article
+            </span>
+          </a>
+        </li-->
+      </ul>
+    </xsl:template>
+</xsl:stylesheet>
\ No newline at end of file