CN116756442A - 一种用于多级产品的网站交互方法和系统 - Google Patents

Abstract

本发明属于互联网技术领域，本发明提供了一种用于多级产品的网站交互方法，包括：将多级产品信息在多级产品导航页面进行展示，以供用户进行交互；当接收到所述用户在所述多级产品导航页面输入的产品选择数据时，在所述多级产品导航页面弹出产品沟通互动弹窗，以供所述用户进行便捷互动；其中，所述将多级产品信息包括多个产品类别，所述产品类别包括多个产品子类别，所述产品子类别包括多个产品名称，所述产品名称包括多个产品参数。本发明通过企业网站中多级产品的导航目录式设计，并在各级产品前面设置选择框，从而通过在目录上选择一个或多个产品，实现对产品的批量询盘和便捷沟通，无需进入产品详情页面，即可便捷高效地选择相关产品。

Description

一种用于多级产品的网站交互方法和系统

技术领域

本发明涉及互联网技术领域，特别是涉及一种用于多级产品的网站交互方法和系统。

背景技术

当企业网站存在集团站和子网站时，怎样实现数据共享，并且实现企业内多级分类产品的批量便捷沟通是许多公司面临的问题，现有的方法耗时费力，难以批量操作，使得客户对网站的体验感较差，具体为：1.不具备网站之间的数据共享功能。2.不具备多级产品的批量选择功能，只能对某单一产品进行操作。3.客户需要对某个产品详细沟通和询价时，必须先进入产品详情页，比较繁琐。4.客户需要对多个产品进行沟通和询价时，需要反复进入和退出多个产品的详情页。

发明内容

本发明的目的是提供一种用于多级产品的网站交互方法和系统，能够解决上述问题。

本发明提供的技术方案如下：

在一些实施方式中，本发明提供一种用于多级产品的网站交互方法，包括：

将多级产品信息在多级产品导航页面进行展示，以供用户进行交互；

当接收到所述用户在所述多级产品导航页面输入的产品选择数据时，在所述多级产品导航页面弹出产品沟通互动弹窗，以供所述用户进行便捷互动；

其中，所述将多级产品信息包括多个产品类别，所述产品类别包括多个产品子类别，所述产品子类别包括多个产品名称，所述产品名称包括多个产品参数。

在一些实施方式中，还包括：

根据所述产品选择数据，调取对应的用户信息识别要素和产品沟通要素；

基于所述用户信息识别要素和所述产品沟通要素，生成产品沟通互动弹窗。

在一些实施方式中，所述根据所述产品选择数据，调取对应的用户信息识别要素和产品沟通要素，包括：

根据所述产品选择数据中的产品参数，筛选对应的产品名称。

在一些实施方式中，还包括：

当点击所述多级产品导航页面中的产品类别时，展开所述产品类别的所有产品子类别；

当点击所述产品子类别时，展开所述产品子类别的产品参数；

当点击所述产品参数时，调取所述产品参数的参数细化数据。

在一些实施方式中，还包括：

当所述用户处于所述产品类别的展开页面时，点击所述多级产品导航页面的栏目页面，弹出多级产品详情页面；

其中，所述多级产品详情页面同步显示所述多级产品信息中的产品类别，所述产品类别包括的产品子类别，所述产品子类别包括的产品参数。

在一些实施方式中，还包括：

当所述用户在所述产品沟通互动弹窗输入沟通信息时，将所述沟通信息链接至产品服务端并进行保存。

在一些实施方式中，还包括：

识别和验证所述用户输入的身份信息是否符合预设安全标准。

在一些实施方式中，还包括：

当所述用户在所述产品沟通互动弹窗输入沟通信息时，通过点击最大化以实现所述产品沟通互动弹窗的最大化，所述产品沟通互动弹窗不展示所述多级产品信息；

当所述用户在所述产品沟通互动弹窗输入沟通信息时，通过点击最小化模块以实现所述产品沟通互动弹窗的最小化，所述产品沟通互动弹窗的预设百分比页面展示所述多级产品信息；

当所述用户在所述产品沟通互动弹窗输入沟通信息时，通过点击正常化模块以实现所述产品沟通互动弹窗的正常化，所述产品沟通互动弹窗中所述多级产品信息对应页面的百分比等于所所述产品沟通互动弹窗中输入信息对应页面的百分比。

在一些实施方式中，还包括：

当所述用户输入的产品选择数据在子网站未查询到时，所述子网站调取集团总站的数据库信息以供生成产品沟通互动弹窗。

在一些实施方式中，本发明还提供一种用于多级产品的网站交互系统，包括：

导航模块，用于将多级产品信息在多级产品导航页面进行展示，以供用户进行交互；

弹窗模块，用于当接收到所述用户在所述多级产品导航页面输入的产品选择数据时，在所述多级产品导航页面弹出产品沟通互动弹窗，以供所述用户进行便捷互动；

其中，所述将多级产品信息包括多个产品类别，所述产品类别包括多个产品子类别，所述产品子类别包括多个产品参数。

本发明提供的一种用于多级产品的网站交互方法和系统至少具有以下有益效果：

本发明通过企业网站中多级产品的导航目录式设计，并在各级产品前面设置选择框，从而通过在目录上选择一个或多个产品，实现对产品的批量询盘和便捷沟通，无需进入产品详情页面，即可便捷高效地选择相关产品。

附图说明

下面将以明确易懂的方式，结合附图说明优选实施方式，对一种用于多级产品的网站交互方法和系统的上述特性、技术特征、优点及其实现方式予以进一步说明。

图1是本发明中的一种用于多级产品的网站交互方法的一个实施例的示意图；

图2是本发明中产品分级导航目录的示意图；

图3是本发明中互动弹窗的产品显示模块示意图；

图4是本发明中全景展示图；

图5是本发明中产品详情页的示意图；

图6是本发明中互动弹窗最大化的示意图；

图7是本发明中互动弹窗最小化的示意图；

图8是本发明中互动弹窗正常化的示意图。

具体实施方式

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对照附图说明本发明的具体实施方式。显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图，并获得其他的实施方式。

为使图面简洁，各图中只示意性地表示出了与本发明相关的部分，它们并不代表其作为产品的实际结构。另外，以使图面简洁便于理解，在有些图中具有相同结构或功能的部件，仅示意性地绘示了其中的一个，或仅标出了其中的一个。在本文中，“一个”不仅表示“仅此一个”，也可以表示“多于一个”的情形。

在一个实施例中，应用于网站互联网和产业互联网的场景中，如图1所示，本发明提供一种用于多级产品的网站交互方法，包括：

S101将多级产品信息在多级产品导航页面进行展示，以供用户进行便捷交互。

在本实施例中，多级产品导航页面如图2所示，根据企业产品情况，在网站设置产品分级导航目录，每个子产品前面都设置选择框。

S102当接收到所述用户在所述多级产品导航页面输入的产品选择数据时，在所述多级产品导航页面弹出产品沟通互动弹窗，以供所述用户进行互动。

具体的，在浏览过程中，客户可通过导航工具栏直接勾选一个或多个产品，此时可激发沟通互动弹窗，并将所选产品自动填充到互动弹窗的产品显示模块；如果不再勾选某产品，则其信息也相应从弹窗中自动去除，如图3所示。

需要说明的是，图3为示意图，实际方案中弹窗可由网页底部向上弹出，并可折叠收回。

在本实施例中，弹窗中设有客户信息识别要素和产品沟通要素，并且这些沟通要素可以添加和修改。自动填充的产品项后以模块形式内嵌多个沟通要素，可由客户进行填写，以增加其询价的具体性和针对性。

其中，所述将多级产品信息包括多个产品类别，所述产品类别包括多个产品子类别，所述产品子类别包括多个产品参数。

例如，产品类别为农药，产品子类别为杀虫剂，产品参数则是杀虫剂对应的产品成分、规格。

在本实施例中，多级产品导航页面中的产品中心页面的整个页面展示全部的内容包括：一级分类(类别)、二级分类(子类别)、三级分类(参数)。

在本实施例中，本发明通过企业网站中多级产品的导航目录式设计，并在各级产品前面设置选择框，从而通过在目录上选择一个或多个产品，实现对产品的批量询盘和便捷沟通，无需进入产品详情页面，即可便捷高效地选择相关产品。

在一个实施例中，还包括：

根据所述产品选择数据，调取对应的用户信息识别要素和产品沟通要素；

基于所述用户信息识别要素和所述产品沟通要素，生成产品沟通互动弹窗。

具体的，如图3所示，具体的，在浏览过程中，客户可通过导航工具栏直接勾选一个或多个产品，此时可激发沟通互动弹窗，并将所选产品自动填充到互动弹窗的产品显示模块；如果不再勾选某产品，则其信息也相应从弹窗中自动去除。

在一个实施例中，所述根据所述产品选择数据，调取对应的用户信息识别要素和产品沟通要素，包括：

根据所述产品选择数据中的产品参数，筛选对应的产品名称。

在本实施例中，可以直接勾选产品参数，后台将筛选对应的产品名称进行展示以供用户进行选择。

在本实施例中，产品参数包括成分，以及成分对应的规格，规格包括但不限于百分比、数值、克数等。例如80％成分A，3.2g成分B，2个成分C。

通过本发明的自动筛选方案可以满足不同用户直接快速的对产品进行选择，节约了用户问询产品的时间，并且由于后台自动筛选了产品，可以避免由于用户输入文字错误导致产品的问询错误。

在一个实施例中，还包括：

当点击所述多级产品导航页面中的产品类别时，展开所述产品类别的所有产品子类别；

当点击所述产品子类别时，展开所述产品子类别的产品参数；

当点击所述产品参数时，调取所述产品参数的参数细化数据。

在一个实施例中，还包括：

当所述用户处于所述产品类别的展开页面时，点击所述多级产品导航页面的栏目页面，弹出多级产品详情页面；

其中，所述多级产品详情页面同步显示所述多级产品信息中的产品类别，所述产品类别包括的产品子类别，所述产品子类别包括的产品参数。

在本实施例中，多级产品导航页面包括产品中心页面和产品栏目页面，当点击产品中心页面跳转出产品类别的展开页面时，点击产品栏目页面可以弹出多级产品详情页面。

在本实施例中，多级产品详情页面同步显示所述多级产品信息中的产品类别，所述产品类别包括的产品子类别，所述产品子类别包括的产品参数。

通过点击多级产品详情页面可以查询每个产品子类别对应的产品参数的具体细化数据，也可以通过依次点击产品类别的展开页面中的产品参数查询每个产品子类别对应的产品参数的具体细化数据。

在一个实施例中，还包括：

当所述用户在所述产品沟通互动弹窗输入沟通信息时，将所述沟通信息链接至产品服务端并进行保存。

在一个实施例中，还包括：

识别和验证所述用户输入的身份信息是否符合预设安全标准。

在本实施例中，内置识别，识别和验证用户输入的公司名称、邮箱是否符合预先设置的标准规则、安全性。

在一个实施例中，还包括：

如图8所示，当所述用户在所述产品沟通互动弹窗输入沟通信息时，通过点击最大化以实现所述产品沟通互动弹窗的最大化，所述产品沟通互动弹窗不展示所述多级产品信息。

如图6所示，当所述用户在所述产品沟通互动弹窗输入沟通信息时，通过点击最小化模块以实现所述产品沟通互动弹窗的最小化，所述产品沟通互动弹窗的预设百分比页面展示所述多级产品信息。

如图7所示，当所述用户在所述产品沟通互动弹窗输入沟通信息时，通过点击正常化模块以实现所述产品沟通互动弹窗的正常化，所述产品沟通互动弹窗中所述多级产品信息对应页面的百分比等于所所述产品沟通互动弹窗中输入信息对应页面的百分比。

在本实施例中，其中，沟通互动弹窗可折叠，也可铺满整个页面，形成全景展示，如图6～8所示。

在一个实施例中，还包括：

当所述用户输入的产品选择数据在子网站未查询到时，所述子网站调取集团总站的数据库信息以供生成产品沟通互动弹窗。

在一个实施例中，还包括：

当所述用户在所述产品沟通互动弹窗录入验证信息后，审查所述验证信息是否准确；

当确定所述验证信息通过审查后，将所述产品沟通信息提交至产品服务端或预设产品邮箱。

具体的，在用户输入沟通信息后，需要提交验证信息，以确定输入沟通信息的用户是否为本人，以保证信息的安全性和准确性。

在一个实施例中，本发明还提供一种用于多级产品的网站交互方法，包括：

1.集团公司网站和各子网站实现数据互通，共用一个数据库，子网站可以调取集团站数据库的数据。

2.根据企业产品情况，在网站设置产品分级导航目录，每个子产品前面都设置选择框，如图2所示。

3.在浏览过程中，客户可通过导航工具栏直接勾选一个或多个产品，此时可激发沟通互动弹窗，并将所选产品自动填充到互动弹窗的产品显示模块；如果不再勾选某产品，则其信息也相应从弹窗中自动去除，如图3所示。

以上为示意图，实际方案中弹窗可由网页底部向上弹出，并可折叠收回。弹窗中设有客户信息识别要素和产品沟通要素，并且这些沟通要素可以添加和修改。

自动填充的产品项后以模块形式内嵌多个沟通要素，可由客户进行填写，以增加其询价的具体性和针对性。

其中，沟通互动弹窗中设有验证码填写模块，防止黑客恶意攻击。

在本实施例中，沟通互动弹窗设有提交键，可一键提交到后台或指定邮箱。

在本实施例中，通过API接口，提交的数据可与后台的OA办公系统打通，实现商机转化和闭环管理。

其中，沟通互动弹窗可折叠，也可铺满整个页面，形成全景展示，如图4所示。图4所示的全景图可以展示所有产品全貌，可以同时勾选多个产品，无需进入详情页，即可激发沟通互动弹窗。顶部设置有产品类别导航标签，可以快速链接到各个产品类别。全景图中，可以对各类别产品进行折叠和展开。

通过导航目录可浏览各个产品，点击目录标题，可进入产品详情页，如图5所示，在图5所示的上述产品详情页中可以展示多个产品指标，以及产品图片和视频，并可提供文档下载功能。同时，提供快速询价按钮，点击快速询价，同样可以激发互动沟通弹窗，与导航栏勾选、全景图勾选一起，形成多维度的产品快捷选择方式。

本发明提供了一种对集团企业网站中多级分类产品进行快捷批量沟通的实现形式，即设置多级产品导航目录栏，具体特点如下：

1.各网站之间可以共享数据，子网站可以调取集团总站的数据库信息。

2.在各网站中，可以进行多级产品的批量选择。

3.不需进入产品详情页，即可进行操作。

4.批量沟通和询价时不需反复进入和退出产品详情页。

5.导航栏不仅有导航功能，还可以实现多级批量选择产品，选中后可激发沟通互动弹窗。

6.弹窗中的具体沟通内容可以增减和修改。

7.弹窗可以折叠隐藏，并可以放大到全屏模式。

8.弹窗的交互可与公司的OA办公系统、ERP系统或产业互联网系统连接，直接将沟通转化为商机，在公司内部自动化流转，形成闭环。作为产业互联网系统的前端模块，通过API接口调取该交互网站的询价数据。

在一个实施例中，本发明还提供一种用于多级产品的网站交互系统，包括：

导航模块，用于将多级产品信息在多级产品导航页面进行展示，以供用户进行交互。

在本实施例中，多级产品导航页面如图2所示，根据企业产品情况，在网站设置产品分级导航目录，每个子产品前面都设置选择框。

弹窗模块，用于当接收到所述用户在所述多级产品导航页面输入的产品选择数据时，在所述多级产品导航页面弹出产品沟通互动弹窗，以供所述用户进行互动；

其中，所述将多级产品信息包括多个产品类别，所述产品类别包括多个产品系列，所述产品系列包括多个产品名称。

具体的，在浏览过程中，客户可通过导航工具栏直接勾选一个或多个产品，此时可激发沟通互动弹窗，并将所选产品自动填充到互动弹窗的产品显示模块；如果不再勾选某产品，则其信息也相应从弹窗中自动去除，如图3所示。

需要说明的是，图3为示意图，实际方案中弹窗可由网页底部向上弹出，并可折叠收回。

在本实施例中，弹窗中设有客户信息识别要素和产品沟通要素，并且这些沟通要素可以添加和修改。自动填充的产品项后以模块形式内嵌多个沟通要素，可由客户进行填写，以增加其询价的具体性和针对性。

其中，所述将多级产品信息包括多个产品类别，所述产品类别包括多个产品系列，所述产品系列包括多个产品名称。

在本实施例中，本发明通过企业网站中多级产品的导航目录式设计，并在各级产品前面设置选择框，从而通过在目录上选择一个或多个产品，实现对产品的批量询盘和便捷沟通，无需进入产品详情页面，即可便捷高效地选择相关产品。

在一个实施例中，还包括：调取模块，用于：

根据所述产品选择数据，调取对应的用户信息识别要素和产品沟通要素；

基于所述用户信息识别要素和所述产品沟通要素，生成产品沟通互动弹窗。

具体的，如图3所示，具体的，在浏览过程中，客户可通过导航工具栏直接勾选一个或多个产品，此时可激发沟通互动弹窗，并将所选产品自动填充到互动弹窗的产品显示模块；如果不再勾选某产品，则其信息也相应从弹窗中自动去除。

在一个实施例中，还包括：保存模块，用于：

当所述用户在所述产品沟通互动弹窗输入沟通信息时，将所述沟通信息链接至产品服务端并进行保存。

在一个实施例中，还包括：所述调取模块，用于：

当所述用户输入的产品选择数据在子网站未查询到时，所述子网站调取集团总站的数据库信息以供生成产品沟通互动弹窗。

在一个实施例中，还包括：验证模块，用于：

当所述用户在所述产品沟通互动弹窗录入验证信息后，审查所述验证信息是否准确；

当确定所述验证信息通过审查后，将所述产品沟通信息提交至产品服务端或预设产品邮箱。

具体的，如图3所示，在用户输入沟通信息后，需要提交验证信息，以确定输入沟通信息的用户是否为本人，以保证信息的安全性和准确性。

在本实施例中，本发明的多功能多级产品导航栏，不但可以作为产品导航，还可以直接勾选产品；上述导航栏还可以展开为“全景视窗多功能多级产品鸟瞰与复选页”。可以通过上述导航栏的各级标题链接到“产品全面信息多功能展示页”；可以在多功能多级产品导航栏上直接进行单个或多个产品的勾选；勾选后，激活“智能互动沟通弹窗”，并在相应位置自动填充选定产品内容；点击按钮可提交到后台或指定邮箱。

在本实施例中，所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各程序模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的程序模块完成，即将所述装置的内部结构划分成不同的程序单元或模块，以完成以上描述的全部或者部分功能。实施例中的各程序模块可以集成在一个处理单元中，也可是各个单元单独物理存在，也可以两个或两个以上单元集成在一个处理单元中，上述集成的单元既可以采用硬件的形式实现，也可以采用软件程序单元的形式实现。另外，各程序模块的具体名称也只是为了便于相互区分，并不用于限制本申请的保护范围。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详细描述或记载的部分，可以参见其他实施例的相关描述。

本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。

在本申请所提供的实施例中，应该理解到，所揭露的系统，可以通过其他的方式实现。示例性的，以上所描述的实施例仅仅是示意性的，示例性的，所述模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，示例性的，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通讯连接可以是通过一些接口，装置或单元的间接耦合或通讯连接，可以是电性、机械或其他的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可能集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

应当说明的是，上述实施例均可根据需要自由组合。以上所述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (10)

1.一种用于多级产品的网站交互方法，其特征在于，包括：

将多级产品信息在多级产品导航页面进行展示，以供用户进行交互；

当接收到所述用户在所述多级产品导航页面输入的产品选择数据时，在所述多级产品导航页面弹出产品沟通互动弹窗，以供所述用户进行便捷互动；

其中，所述将多级产品信息包括多个产品类别，所述产品类别包括多个产品子类别，所述产品子类别包括多个产品名称，所述产品名称包括多个产品参数。

2.根据权利要求1所述的用于多级产品的网站交互方法，其特征在于，还包括：

根据所述产品选择数据，调取对应的用户信息识别要素和产品沟通要素；

基于所述用户信息识别要素和所述产品沟通要素，生成产品沟通互动弹窗。

3.根据权利要求1所述的用于多级产品的网站交互方法，其特征在于，所述根据所述产品选择数据，调取对应的用户信息识别要素和产品沟通要素，包括：

根据所述产品选择数据中的产品参数，筛选对应的产品名称。

4.根据权利要求1所述的用于多级产品的网站交互方法，其特征在于，还包括：

当点击所述多级产品导航页面中的产品类别时，展开所述产品类别的所有产品子类别；

当点击所述产品子类别时，展开所述产品子类别的产品参数；

当点击所述产品参数时，调取所述产品参数的参数细化数据。

5.根据权利要求1所述的用于多级产品的网站交互方法，其特征在于，还包括：

当所述用户处于所述产品类别的展开页面时，点击所述多级产品导航页面的栏目页面，弹出多级产品详情页面；

其中，所述多级产品详情页面同步显示所述多级产品信息中的产品类别，所述产品类别包括的产品子类别，所述产品子类别包括的产品参数。

6.根据权利要求1所述的用于多级产品的网站交互方法，其特征在于，还包括：

当所述用户在所述产品沟通互动弹窗输入沟通信息时，将所述沟通信息链接至产品服务端并进行保存。

7.根据权利要求1所述的用于多级产品的网站交互方法，其特征在于，还包括：

识别和验证所述用户输入的身份信息是否符合预设安全标准。

8.根据权利要求1所述的用于多级产品的网站交互方法，其特征在于，还包括：

当所述用户在所述产品沟通互动弹窗输入沟通信息时，通过点击最大化以实现所述产品沟通互动弹窗的最大化，所述产品沟通互动弹窗不展示所述多级产品信息；

当所述用户在所述产品沟通互动弹窗输入沟通信息时，通过点击最小化模块以实现所述产品沟通互动弹窗的最小化，所述产品沟通互动弹窗的预设百分比页面展示所述多级产品信息；

当所述用户在所述产品沟通互动弹窗输入沟通信息时，通过点击正常化模块以实现所述产品沟通互动弹窗的正常化，所述产品沟通互动弹窗中所述多级产品信息对应页面的百分比等于所所述产品沟通互动弹窗中输入信息对应页面的百分比。

9.根据权利要求1～8中任一项所述的用于多级产品的网站交互方法，其特征在于，还包括：

当所述用户输入的产品选择数据在子网站未查询到时，所述子网站调取集团总站的数据库信息以供生成产品沟通互动弹窗。

10.一种用于多级产品的网站交互系统，其特征在于，包括：

导航模块，用于将多级产品信息在多级产品导航页面进行展示，以供用户进行交互；

弹窗模块，用于当接收到所述用户在所述多级产品导航页面输入的产品选择数据时，在所述多级产品导航页面弹出产品沟通互动弹窗，以供所述用户进行便捷互动；

其中，所述将多级产品信息包括多个产品类别，所述产品类别包括多个产品子类别，所述产品子类别包括多个产品参数。