diff --git a/src/BootstrapBlazor.Server/Components/Samples/Dom2Images.razor b/src/BootstrapBlazor.Server/Components/Samples/Dom2Images.razor
index 42dc629903c..5049607aa62 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/Dom2Images.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/Dom2Images.razor
@@ -1,4 +1,4 @@
-@page "/dom2image"
+@page "/dom2image"
 
 <h3>@Localizer["Dom2ImageTitle"]</h3>
 
@@ -6,6 +6,13 @@
 
 <PackageTips Name="BootstrapBlazor.Dom2Image" />
 
+<Tips>
+    <p>@((MarkupString)Localizer["Dom2ImageServiceInjectTip"].Value)</p>
+    <Pre class="no-highlight">builder.Services.AddBootstrapBlazorDom2ImageService();</Pre>
+    <p>@((MarkupString)Localizer["Dom2ImageSignalRConfigTip"].Value)</p>
+    <Pre class="no-highlight">builder.Services.Configure&lt;HubOptions&gt;(option => option.MaximumReceiveMessageSize = null);</Pre>
+</Tips>
+
 <DemoBlock Title="@Localizer["Dom2ImageNormalTitle"]" Introduction="@Localizer["Dom2ImageNormalIntro"]" Name="Normal">
     <section ignore>
         <p>@((MarkupString)Localizer["Dom2ImageDesc"].Value)</p>
@@ -29,4 +36,3 @@
         }
     </section>
 </DemoBlock>
-
diff --git a/src/BootstrapBlazor.Server/Locales/en-US.json b/src/BootstrapBlazor.Server/Locales/en-US.json
index 3a06764977a..a2452381e7d 100644
--- a/src/BootstrapBlazor.Server/Locales/en-US.json
+++ b/src/BootstrapBlazor.Server/Locales/en-US.json
@@ -2018,6 +2018,8 @@
     "Dom2ImageIntro": "Export HTML snippets as images",
     "Dom2ImageNormalIntro": "Convert the node to an image by specifying a <code>Selector</code>",
     "Dom2ImageNormalTitle": "Basic usage",
+    "Dom2ImageServiceInjectTip": "Before using <code>IDom2HtmlService</code>, manually register this service",
+    "Dom2ImageSignalRConfigTip": "Also configure the SignalR maximum receive message size (example: <code>10 MB</code>)",
     "Dom2ImageTitle": "Dom2Image"
   },
   "BootstrapBlazor.Server.Components.Samples.Downloads": {
diff --git a/src/BootstrapBlazor.Server/Locales/zh-CN.json b/src/BootstrapBlazor.Server/Locales/zh-CN.json
index 64cc58c830f..0d60ff9f893 100644
--- a/src/BootstrapBlazor.Server/Locales/zh-CN.json
+++ b/src/BootstrapBlazor.Server/Locales/zh-CN.json
@@ -2018,6 +2018,8 @@
     "Dom2ImageIntro": "将 Html 片段导出为图片",
     "Dom2ImageNormalIntro": "通过指定 <code>Selector</code> 将此节点转成图片",
     "Dom2ImageNormalTitle": "基本用法",
+    "Dom2ImageServiceInjectTip": "使用 <code>IDom2HtmlService</code> 前请先手动注入服务",
+    "Dom2ImageSignalRConfigTip": "同时请配置 SignalR 的最大接收消息大小（示例为 <code>10 MB</code>）",
     "Dom2ImageTitle": "Dom2Image 元素转图片"
   },
   "BootstrapBlazor.Server.Components.Samples.Downloads": {