diff --git a/CHANGELOG.md b/CHANGELOG.md
index e74a9961..663b4b24 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,7 @@
 ## Unreleased
 ### Update
 - Update WebComponents library to version 5.1.7
+- Add template to suggest element
 
 ## [v5.2.1] - 2025.07.17
 ### Change
diff --git a/src/view/frontend/templates/ff/suggest.phtml b/src/view/frontend/templates/ff/suggest.phtml
index ae2cb9a8..9d51ee04 100644
--- a/src/view/frontend/templates/ff/suggest.phtml
+++ b/src/view/frontend/templates/ff/suggest.phtml
@@ -2,48 +2,49 @@
 /** @var Magento\Framework\Escaper $escaper */
 ?>
 <ff-suggest for-searchbox="ff-searchbox" layout="block" unresolved>
-    <section id="searchContainer" class="searchTermContainer">
-        <template data-role="popularSearches">
-            <div class="popular-searches">
-                <h3><?= $escaper->escapeHtmlAttr(__('Popular Searches')) ?></h3>
-                <div data-template>{{name}}</div>
-            </div>
-        </template>
-
-        <div data-container="searchTerm">
-            <p class="containerCaption"><?= $escaper->escapeHtml(__('Search suggestions')) ?></p>
-            <ff-suggest-item type="searchTerm">
-                <a href="#">{{{name}}}</a>
-            </ff-suggest-item>
+    <template data-role="popularSearches">
+        <div class="popular-searches">
+            <h3><?= $escaper->escapeHtmlAttr(__('Popular Searches')) ?></h3>
+            <div data-template>{{name}}</div>
         </div>
+    </template>
+    <template data-role="suggestions">
+        <section id="searchContainer" class="searchTermContainer">
+            <div data-container="searchTerm">
+                <p class="containerCaption"><?= $escaper->escapeHtml(__('Search suggestions')) ?></p>
+                <ff-suggest-item type="searchTerm">
+                    <a href="#">{{{name}}}</a>
+                </ff-suggest-item>
+            </div>
 
-        <div data-container="category">
-            <p class="containerCaption"><?= $escaper->escapeHtml(__('Category suggestions')) ?></p>
-            <ff-suggest-item type="category">
-                <a href="#">{{{name}}}</a>
-            </ff-suggest-item>
-        </div>
+            <div data-container="category">
+                <p class="containerCaption"><?= $escaper->escapeHtml(__('Category suggestions')) ?></p>
+                <ff-suggest-item type="category">
+                    <a href="#">{{{name}}}</a>
+                </ff-suggest-item>
+            </div>
 
-        <div data-container="brand">
-            <p class="containerCaption"><?= $escaper->escapeHtml(__('Brands')) ?></p>
-            <ff-suggest-item type="brand">
-                <a href="#">{{{name}}}</a>
-            </ff-suggest-item>
-        </div>
-    </section>
+            <div data-container="brand">
+                <p class="containerCaption"><?= $escaper->escapeHtml(__('Brands')) ?></p>
+                <ff-suggest-item type="brand">
+                    <a href="#">{{{name}}}</a>
+                </ff-suggest-item>
+            </div>
+        </section>
 
-    <section id="productContainer" class="productsContainer">
-        <div data-container="productName">
-            <p class="containerCaption"><?= $escaper->escapeHtml(__('Suggested products')) ?></p>
-            <ff-suggest-item type="productName">
-                <img data-image="{{suggestions.image}}" />
-                <div class="product-center">
-                    <a href="#" class="product-name">{{{name}}}</a>
-                </div>
-                <div class="product-right">
-                    <div class="product-price">{{attributes.Price}}</div>
-                </div>
-            </ff-suggest-item>
-        </div>
-    </section>
+        <section id="productContainer" class="productsContainer">
+            <div data-container="productName">
+                <p class="containerCaption"><?= $escaper->escapeHtml(__('Suggested products')) ?></p>
+                <ff-suggest-item type="productName">
+                    <img data-image="{{suggestions.image}}" />
+                    <div class="product-center">
+                        <a href="#" class="product-name">{{{name}}}</a>
+                    </div>
+                    <div class="product-right">
+                        <div class="product-price">{{attributes.Price}}</div>
+                    </div>
+                </ff-suggest-item>
+            </div>
+        </section>
+    </template>
 </ff-suggest>