product_mhc.ejs
23.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Magnolia Headless CMS - 产品代理开发实施 - Magnolia合作伙伴</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Adobe Partner,Adobe,Adobe Solution Partner,解决方案,合作伙伴,Adobe Target,A/B测试,多变量测试,自动化优化,个性化体验,用户体验,用户行为分析,交互测试,产品推荐,网站优化,移动优化,Web优化,app优化,个性化搜索,咨询服务,产品代理,实施方案" name="keywords">
<meta content="Magnolia 以惊人的速度构建出色的数字体验,通过前后端分离，并将数字体验平台的功能模块化，提高项目开发和上线的速度，并保持系统灵活性。" name="description">
<!-- Favicons -->
<link href="img/favicon.ico" rel="icon">
<link href="img/apple-touch-icon.png" rel="apple-touch-icon">
<%- include('headlib'); -%>
</head>
<body>
<!--==========================
Header
============================-->
<header id="header" class="fixed-top">
<%- include('header'); -%>
</header><!-- #header -->
<!--==========================
Intro Section
============================-->
<section id="introduction" class="section-bg">
<div class="container">
<div class="intro-img">
<img src="img/product/Magnolia.png" alt="Magnolia" class="img-fluid">
</div>
<div class="intro-info">
<h3>Magnolia</h3>
<h3>以惊人的速度构建出色的数字体验</h3>
<h5>通过前后端分离，并将数字体验平台的功能模块化，提高项目开发和上线的速度，并保持系统灵活性。</h5>
<div>
<a href="contact.html#contact" class="btn-get-started scrollto" target="view_window">体验产品</a>
</div>
</div>
</div>
</section><!-- #intro -->
<main id="main">
<!--==========================
Function Section
============================-->
<section id="function" class="clearfix">
<div class="container">
<header class="section-header">
<h3>产品功能</h3>
</header>
<div class="row">
<div class="col-lg-4">
<div class="box">
<p class="description">
创建
</p>
</div>
<div class="box">
<p class="description">
管理
</p>
</div>
<div class="box">
<p class="description">
发布
</p>
</div>
<div class="box">
<p class="description">
优化
</p>
</div>
</div>
<div class="col-lg-8">
<div class="wow fadeInUp">
<div class="function-item function-item-1">
<p><strong>拉拽式的编辑</strong></p>
<p>
以直观的拉拽方式构建完整网页。选择您需要的组件，按您的意愿进行配置并放置。开发人员可以配置哪些组件可用，以确保站点总体设计的一致性。
</p>
<p><strong>单页应用程序 (SPA) 编辑</strong></p>
<p>
使用同样的拉拽式编辑器来编辑和管理基于 React、Angular 或 Vue 等框架的单页应用程序 (SPA) 内容。您拥有选择组件和布局的创作自由度（不只是输入内容），同时可使用实时预览功能，精确了解浏览者的体验观感，包括视频、折叠菜单和其他交互元素。
</p>
<p><strong>优化内容创作流程（Storeis 应用程序）</strong></p>
<p>
使用优化的创作流程编辑结构化和半结构化的内容。借助标准化字段完成结构化大纲，随后利用您需要的一些内容区块来构建您的内容：图像、文本、视频、插件等。使用 Stories 应用提供新闻、产品、博客、登录页面、内容策划等功能。
</p>
<p><strong>内容重复利用</strong></p>
<p>
一旦创建，即可发布到任何渠道 (COPE)。无论您的内容是图像、广告系列宣传片，还是诸如产品之类的结构化内容单元，都只需通过同一个系统管理。
</p>
<p><strong>多渠道预览</strong></p>
<p>
在页面编辑器的编辑和预览模式之间随时切换。以不同的设备分辨率预览您的内容，甚至可以查看此内容针对不同的受众群体的变化。
</p>
<p><strong>微型页面和登录页面</strong></p>
<p>
使用 Magnolia 的所见即所得页面编辑器、个性化和可重复使用内容功能，快速轻松地创建登录页面。使用多站点功能即可在一个 Magnolia 设备上创建和运行 10 个或 100 个微型网站。
</p>
<p><strong>全渠道市场活动</strong></p>
<p>
在同一系统内创建和管理跨渠道市场活动的客户体验，而无需触及代码。活动内容可以是一个简单的横幅，也可以是一个复杂的页面，包含产品图片、宣传片或任何能吸引您的受众的内容。您只需简单操作即可发布活动，并能重复利用活动内容。自定义工作流让您能提前创建、预览，并在适当时机推送活动。
</p>
<p><strong>营销自动化</strong></p>
<p>
在网页上轻松创建着陆页以供访客填写。在您的营销自动化工具（如 Marketo 或 Salesforce）中创建着陆页，只需单击一下，即可嵌入到您的页面中。此着陆页与您网站的品牌和设计相匹配，从而打造无缝的用户体验。
</p>
</div>
<div class="function-item">
<p><strong>Multisource 内容</strong></p>
<p>
从您的产品信息系统（PIM）、数字资产管理系统（DAM）甚至其他 CMS 中获取内容，并从数据分析系统、个性化和优化系统中获取相关数据。随后，您便可以通过 Magnolia 在任何数字渠道为每一位客户提供个性化的内容。使用 Multisource，Magnolia 只需简单几行配置，便可快速轻松地与任一内容和数据来源建立连接。
</p>
<p><strong>最优化的用户体验</strong></p>
<p>
在 CMS 的用户界面中完成对其它工具和系统的操作。通过集成的用户界面，您可以在 CMS 的用户界面的内容列表中直接显示来自数据分析平台的趋势，或者允许创作者选择并放置来自 CRM 的着陆页。
</p>
<p><strong>AI 搜索</strong></p>
<p>
通过 Magnolia 搜索已连接的系统中的所有内容。根据 AI 对以往搜索模式和偏好的学习，Magnolia 会显示热门点击，并对您的所有搜索结果进行排名。Magnolia 的搜索程序 “搜索栏” 是 Magnolia 的用户界面核心，支持对所有内容进行全文搜索的强大功能，也为许多任务提供起点。
</p>
<p><strong>自动文本分类</strong></p>
<p>
内容标记由手动转为自动，节约操作时间。使用 Amazon Comprehend 服务直接在 Pages 应用中分析和标记您的内容。这也为内容创作者提供了更精确的搜索体验，因为可通过 Magnolia 的搜索应用程序“搜索栏”搜索上述标签。
</p>
<p><strong>图像自动识别</strong></p>
<p>
加快资产查找速度，提高资产管理效率。图像自动识别功能可自动识别和标记图像，从而降低所需工作量，提高准确性。您可以使用即装即用的 Amazon Rekognition 服务，或者集成自己的服务，用于专门的影像功能。
</p>
<p><strong>多站点管理</strong></p>
<p>
如果您的企业拥有多个分部、特许经营机构或国家/地区办事处，Magnolia 可帮助您对复杂的多站点架构进行管理，分享内容和页面模版，避免重复工作。您可以创建主站点的参考副本，当您对主站点进行更改时，副本也会自动更新，而各个分部、品牌或地区办事处则可以直接将副本全部或部分用于自己的页面中。
</p>
<p><strong>自动化翻译</strong></p>
<p>
自动化内容翻译可轻松支持多种语言。Magnolia 与谷歌翻译、微软翻译、Across 和 Translations.com 实现对接，让您可以轻松使用它们的翻译功能/服务来实现页面本地化。
</p>
<p><strong>并发编辑</strong></p>
<p>
Magnolia 可在不丢失数据的情况下进行高速内容创作。编辑团队成员可同时编辑页面，查看谁正在编辑页面，并在不离开创作界面的情况下协调所有活动。
</p>
<p><strong>可视化版本比较</strong></p>
<p>
Magnolia 可在内容发布时存储当前版本，并创建历史版本记录。您可以审查已更改的内容，查看历史版本，并在必要时还原到以前的版本。您可以比较任意两个版本的内容。更改的内容会在页面中以“红线”作明确标记。
</p>
<p><strong>定制工作流</strong></p>
<p>
Magnolia 提供即装即用的双人审批发布工作流，并支持创建自定义工作流，所有工作流均基于热门的 JBPM 工作流引擎实现。工作流可包含由系统执行的步骤集合以及取决于创作者、发布者或其他用户交互的步骤。
</p>
</div>
<div class="function-item">
<p><strong>电商集成</strong></p>
<p>
使用功能强大的前后端分离的 CMS 以及电商系统集成框架（包括连接到 commercetools、Magento、Salesforce Commerce Cloud 和 SAP Commerce Cloud 等电商系统的预构建连接器），提供跨多个客户交互渠道的个性化购物体验。
</p>
<p><strong>SPA/PWA</strong></p>
<p>将单页应用程序或基于 React、Angular 和 Vue 构建的先进的 web 应用程序作为前端，以享受前后端分离和微服务/SOA 方法带来的诸多优势，并利用 Magnolia 进行内容管理。Magnolia 的可视化 SPA 编辑器赋予创作者编辑所有布局和内容，并在上下文中预览任一 SPA/PWA 体验的自主权，如同编辑传统网页。
</p>
<p><strong>Jamstack/静态站点生成</strong></p>
<p>
充分利用 Jamstack 方法的性能、安全性和 SEO 优势。Magnolia 可视化 SPA 编辑器与静态站点生成及 CDN/ADN 部署相兼容。
</p>
<p><strong>线下显示屏</strong></p>
<p>通过 Magnolia 向所有线下显示屏（从交互式信息亭、公告牌到自动取款机）发布内容，实现物理位置上的交互式客户体验，提高客户参与度，提供线上和线下的统一化体验。
</p>
<p><strong>VR、AR 和 MR</strong></p>
<p>在 Magnolia 上管理 3D 内容，如 360 度照片和视频、完整的 3D 模型、纹理、环境以及甚至游戏关卡，并发布至任何 VR 或 AR 交互点。将 3D 内容与其他内容（如产品信息）相连接，以打造能够吸引顾客的购物体验。
</p>
<p><strong>混合型前后端分离</strong></p>
<p>在 Magnolia 中管理内容，并在网站和所有渠道中重复使用。Magnolia 为前后端分离场景提供了完整的拉拽式编辑和预览功能、内容个性化和分析功能以及无限制集成。
</p>
</div>
<div class="function-item">
<p><strong>个性化</strong></p>
<p>追踪任何 Magnolia 接触点上的用户行为，使用表单轻松进行数字注册，并集成您的客户数据平台以创建客户的 360 度视图。随后，利用内容池和 Magnolia 的功能，让客户参与体验之旅的每一环节。定义细分市场和角色，并根据用户信息和意图提供完全个性化的体验。
</p>
<p><strong>A/B/n 测试 </strong></p>
<p>优化内容表现，将更多访客转化为客户。Magnolia 可帮助您测试多个页面变化，确定每个受众群体所钟爱的选项，还可以将表现最好的版本轻松保存在 CMS 中。
</p>
<p><strong>分析</strong></p>
<p>追踪内容和活动的表现，无需离开 Magnolia 界面即可查看结果。连接您需要的任何分析工具，并将多个来源的数据聚合到同一个仪表板中。选择显示感兴趣的指标，获取关于整个网站或特定页面流量、参与度和转化情况的详细分析。
</p>
<p><strong>SEO</strong></p>
<p>通过 Magnolia 和 Siteimprove 获取一体化 SEO 解决方案：页面诊断、关键字分析和优先推荐列表，以改善技术平台、页面 SEO、用户和移动体验。通过可读性检查、失效链接和拼写检查来提高内容质量和用户体验。
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--==========================
Advantage Section
============================-->
<section id="advantage" class="section-bg">
<div class="container">
<header class="section-header">
<h3>产品优势</h3>
</header>
<div class="row">
<div class="col-md-6 col-lg-5 offset-lg-1 wow bounceInUp" data-wow-duration="1.4s">
<div class="box">
<div class="icon"><i class="ion-ios-lightbulb-outline" style="color: #ff689b;"></i></div>
<h4 class="title"><a>快速敏捷的发布</a></h4>
<p class="description">
现代化企业为了能适应市场激烈的竞争，因此敏捷的营销方式对于企业越来越重要。对此Magnolia CMS为企业提供了快速完美的数字化体验平台解决方案，以便于营销人员能方便快捷的应对市场变化。
</p>
</div>
</div>
<div class="col-md-6 col-lg-5 wow bounceInUp" data-wow-duration="1.4s">
<div class="box">
<div class="icon"><i class="ion-ios-gear-outline" style="color: #e9bf06;"></i></div>
<h4 class="title"><a>高兼容性和扩展性</a></h4>
<p class="description">
Magnolia基于模块化系统架构和凭借现代化、灵活且高扩展性的技术栈使其具有很强的兼容性，Magnolia提供了大量的Connector以便于与市场主流的软件集成，这也使得Magnolia能很好的应对当下和未来的各种需求。
</p>
</div>
</div>
<div class="col-md-6 col-lg-5 offset-lg-1 wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s">
<div class="box">
<div class="icon"><i class="ion-ios-paper-outline" style="color: #3fcdc7;"></i></div>
<h4 class="title"><a>卓越的电子商务体验</a></h4>
<p class="description">
轻松管理并优化线上购物体验。利用 Magnolia 为门店展示提供支持。通过 API 来获取内容，从而为您的APP、网站、微信公众号、SPA、PWA、IoT 应用程序、线下显示屏或任何前端提供内容。
</p>
</div>
</div>
<div class="col-md-6 col-lg-5 wow bounceInUp" data-wow-delay="0.2s" data-wow-duration="1.4s">
<div class="box">
<div class="icon"><i class="ion-ios-speedometer-outline" style="color:#41cf2e;"></i></div>
<h4 class="title"><a>个性化和优化</a></h4>
<p class="description">
以高效的方式为客户提供个性化的浏览体验，并实现营销自动化。内容创作者和营销人员可以通过一个直观的用户界面，设计、预览并将新的内容发布到不同的线上渠道中。
</p>
</div>
</div>
<div class="col-md-6 col-lg-5 offset-lg-1 wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s">
<div class="box">
<div class="icon"><i class="ion-ios-loop" style="color: #e9bf06;"></i></div>
<h4 class="title"><a>统一的集成</a></h4>
<p class="description">
与您的技术栈相集成，享受微服务架构带来的诸多优势。我们已通过基于微服务和统一 UI 的集成框架有效地将 Magnolia 与您的电子商务、数字资产管理（DAM）、营销自动化、分析和优化工具进行集成。 </p>
</div>
</div>
<div class="col-md-6 col-lg-5 wow bounceInUp" data-wow-delay="0.2s" data-wow-duration="1.4s">
<div class="box">
<div class="icon"><i class="ion-ios-pie-outline" style="color:#cf2ec7;"></i></div>
<h4 class="title"><a>一流的内容管理能力</a></h4>
<p class="description">
在一个系统里管理所有内容和数字资产，并发布到包括网站、APP和微信公众号在内的所有线上渠道中。Magnolia 非常容易使用，内容创作者和营销人员可通过拉拽式的创作方式来为客户设计最佳的线上体验。
</p>
</div>
</div>
</div>
</div>
</section><!-- #advantage -->
<!--==========================
Implementation Section
============================-->
<section id="implementation" class="wow fadeIn">
<div class="container">
<header class="section-header">
<h3>我们的服务</h3>
<p>Adobe认证的解决方案合作伙伴，提供全方位产品实施服务</p>
</header>
<div class="row">
<div class="col-md-6 col-lg-4 wow bounceInUp" data-wow-duration="1.4s" style="visibility: visible; animation-duration: 1.4s; animation-name: bounceInUp;">
<div class="box">
<div class="icon" style="background: #fceef3;"><i class="ion-ios-analytics-outline" style="color: #ff689b;"></i></div>
<h4 class="title"><a href="">方案设计</a></h4>
<p class="description">与企业充分沟通了解需求，运用丰富的实施经验，定制 Adobe Target 解决方案</p>
</div>
</div>
<div class="col-md-6 col-lg-4 wow bounceInUp" data-wow-duration="1.4s" style="visibility: visible; animation-duration: 1.4s; animation-name: bounceInUp;">
<div class="box">
<div class="icon" style="background: #fff0da;"><i class="ion-ios-bookmarks-outline" style="color: #e98e06;"></i></div>
<h4 class="title"><a href="">开发并运行</a></h4>
<p class="description">开发并验证 Adobe Target，运行 A/B 测试、多变量测试等，以找到最优方式</p>
</div>
</div>
<div class="col-md-6 col-lg-4 wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s" style="visibility: visible; animation-duration: 1.4s; animation-delay: 0.1s; animation-name: bounceInUp;">
<div class="box">
<div class="icon" style="background: #e6fdfc;"><i class="ion-ios-paper-outline" style="color: #3fcdc7;"></i></div>
<h4 class="title"><a href="">数据导入</a></h4>
<p class="description">Adobe Target Implementation 数据导入，以在 Target 中创建更细分的受众</p>
</div>
</div>
<div class="col-md-6 col-lg-4 wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s" style="visibility: visible; animation-duration: 1.4s; animation-delay: 0.1s; animation-name: bounceInUp;">
<div class="box">
<div class="icon" style="background: #eafde7;"><i class="ion-ios-speedometer-outline" style="color:#41cf2e;"></i></div>
<h4 class="title"><a href="">优化业务</a></h4>
<p class="description">重组您的受众，进一步将静态或动态数据集成到 Target 库中，KPI 审核并重新设计测试和定位活动</p>
</div>
</div>
<div class="col-md-6 col-lg-4 wow bounceInUp" data-wow-delay="0.2s" data-wow-duration="1.4s" style="visibility: visible; animation-duration: 1.4s; animation-delay: 0.2s; animation-name: bounceInUp;">
<div class="box">
<div class="icon" style="background: #e1eeff;"><i class="ion-ios-world-outline" style="color: #2282ff;"></i></div>
<h4 class="title"><a href="">第三方数据资源集成</a></h4>
<p class="description">帮助构建与其他第三方数据资源的集成，例如通过第三方资源，离线数据或其他网络分析系统获取的数据</p>
</div>
</div>
<div class="col-md-6 col-lg-4 wow bounceInUp" data-wow-delay="0.2s" data-wow-duration="1.4s" style="visibility: visible; animation-duration: 1.4s; animation-delay: 0.2s; animation-name: bounceInUp;">
<div class="box">
<div class="icon" style="background: #ecebff;"><i class="ion-ios-clock-outline" style="color: #8660fe;"></i></div>
<h4 class="title"><a href="">培训服务</a></h4>
<p class="description">针对开发人员和业务用户定制不同的培训内容，进行现场或者远程在线培训</p>
</div>
</div>
</div>
</div>
</section><!-- #implementation -->
<!--==========================
Experience Section
============================-->
<section id="experience" class="section-bg">
<div class="container">
<div class="row">
<div class="col-lg-9">
<h3>Magnolia帮助企业构建量身定制的数字体验平台</h3>
</div>
<div class="col-lg-3">
<a href="contact.html#contact" class="btn-get-started scrollto">体验产品</a>
</div>
</div>
</div>
</section>
</main>
<!--==========================
Footer
============================-->
<footer id="footer">
<%- include('footer'); -%>
</footer><!-- #footer -->
<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
<!-- Uncomment below i you want to use a preloader -->
<!-- <div id="preloader"></div> -->
<%- include('footlib'); -%>
</body>
</html>