diff --git a/web/app/components/datasets/documents/create-from-pipeline/processing/index.tsx b/web/app/components/datasets/documents/create-from-pipeline/processing/index.tsx
index eb74146c79..7215f23345 100644
--- a/web/app/components/datasets/documents/create-from-pipeline/processing/index.tsx
+++ b/web/app/components/datasets/documents/create-from-pipeline/processing/index.tsx
@@ -2,7 +2,7 @@
 import React from 'react'
 import { useTranslation } from 'react-i18next'
 import { RiBookOpenLine } from '@remixicon/react'
-import { useGetDocLanguage } from '@/context/i18n'
+import { useDocLink } from '@/context/i18n'
 import EmbeddingProcess from './embedding-process'
 import type { InitialDocumentDetail } from '@/models/pipeline'
 import { useDatasetDetailContextWithSelector } from '@/context/dataset-detail'
@@ -17,7 +17,7 @@ const Processing = ({
   documents,
 }: ProcessingProps) => {
   const { t } = useTranslation()
-  const docLanguage = useGetDocLanguage()
+  const docLink = useDocLink()
   const datasetId = useDatasetDetailContextWithSelector(s => s.dataset?.id)
   const indexingType = useDatasetDetailContextWithSelector(s => s.dataset?.indexing_technique)
   const retrievalMethod = useDatasetDetailContextWithSelector(s => s.dataset?.retrieval_model_dict.search_method)
@@ -44,7 +44,7 @@ const Processing = ({
             <div className='system-xl-semibold text-text-secondary'>{t('datasetCreation.stepThree.sideTipTitle')}</div>
             <div className='system-sm-regular text-text-tertiary'>{t('datasetCreation.stepThree.sideTipContent')}</div>
             <a
-              href={`https://docs.dify.ai/${docLanguage}/guides/knowledge-base/integrate-knowledge-within-application`}
+              href={docLink('/guides/knowledge-base/integrate-knowledge-within-application')}
               target='_blank'
               rel='noreferrer noopener'
               className='system-sm-regular text-text-accent'
diff --git a/web/app/components/datasets/no-linked-apps-panel.tsx b/web/app/components/datasets/no-linked-apps-panel.tsx
index b6e2e4addf..2e014a5b81 100644
--- a/web/app/components/datasets/no-linked-apps-panel.tsx
+++ b/web/app/components/datasets/no-linked-apps-panel.tsx
@@ -1,11 +1,11 @@
-import { useGetDocLanguage } from '@/context/i18n'
+import { useDocLink } from '@/context/i18n'
 import { RiApps2AddLine, RiBookOpenLine } from '@remixicon/react'
 import React from 'react'
 import { useTranslation } from 'react-i18next'
 
 const NoLinkedAppsPanel = () => {
   const { t } = useTranslation()
-  const docLanguage = useGetDocLanguage()
+  const docLink = useDocLink()
 
   return (
     <div className='w-[240px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-4'>
@@ -15,7 +15,7 @@ const NoLinkedAppsPanel = () => {
       <div className='my-2 text-xs text-text-tertiary'>{t('common.datasetMenus.emptyTip')}</div>
       <a
         className='mt-2 inline-flex cursor-pointer items-center text-xs text-text-accent'
-        href={`https://docs.dify.ai/${docLanguage}/guides/knowledge-base/integrate-knowledge-within-application`}
+        href={docLink('/guides/knowledge-base/integrate-knowledge-within-application')}
         target='_blank' rel='noopener noreferrer'
       >
         <RiBookOpenLine className='mr-1 size-4 text-text-accent' />