product_mhc.ejs
24.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
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
<!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="Magnolia Partner,Magnolia Solution Partner,Magnolia 合作伙伴,Magnolia 服务提供商,Magnolia 代理商,Magnolia 供应商,Magnolia CMS,Magnolia 前后端分离 CMS,Magnolia 解决方案,Magnolia Development,Magnolia 开发,Magnolia 实施,数字体验平台,内容管理系统数字化转型,Web开发,网站开发"
name="keywords">
<meta content="凝新科技Leadstec拥有专业的Magnolia开发团队，致力于帮助企业快速搭建Magnolia前后端分离CMS，从而实现跨渠道、个性化和数字化的体验。" 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" style="max-height: 300px;">
</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">
<div class="item">
<h5>拉拽式的编辑</h5>
<p>
以直观的拉拽方式构建完整网页。选择您需要的组件，按您的意愿进行配置并放置。开发人员可以配置哪些组件可用，以确保站点总体设计的一致性。
</p>
</div>
<div class="item">
<h5>单页应用程序 (SPA) 编辑</h5>
<p>
使用同样的拉拽式编辑器来编辑和管理基于 React、Angular 或 Vue 等框架的单页应用程序 (SPA)
内容。您拥有选择组件和布局的创作自由度（不只是输入内容），同时可使用实时预览功能，精确了解浏览者的体验观感，包括视频、折叠菜单和其他交互元素。
</p>
</div>
<div class="item">
<h5>优化内容创作流程（Storeis 应用程序）</h5>
<p>
使用优化的创作流程编辑结构化和半结构化的内容。借助标准化字段完成结构化大纲，随后利用您需要的一些内容区块来构建您的内容：图像、文本、视频、插件等。使用 Stories
应用提供新闻、产品、博客、登录页面、内容策划等功能。
</p>
</div>
<div class="item">
<h5>内容重复利用</h5>
<p>
一旦创建，即可发布到任何渠道 (COPE)。无论您的内容是图像、广告系列宣传片，还是诸如产品之类的结构化内容单元，都只需通过同一个系统管理。
</p>
</div>
<div class="item">
<h5>多渠道预览</h5>
<p>
在页面编辑器的编辑和预览模式之间随时切换。以不同的设备分辨率预览您的内容，甚至可以查看此内容针对不同的受众群体的变化。
</p>
</div>
<div class="item">
<h5>微型页面和登录页面 </h5>
<p>
使用 Magnolia 的所见即所得页面编辑器、个性化和可重复使用内容功能，快速轻松地创建登录页面。使用多站点功能即可在一个 Magnolia 设备上创建和运行 10 个或 100 个微型网站。
</p>
</div>
<div class="item">
<h5>全渠道市场活动 </h5>
<p>
在同一系统内创建和管理跨渠道市场活动的客户体验，而无需触及代码。活动内容可以是一个简单的横幅，也可以是一个复杂的页面，包含产品图片、宣传片或任何能吸引您的受众的内容。您只需简单操作即可发布活动，并能重复利用活动内容。自定义工作流让您能提前创建、预览，并在适当时机推送活动。
</p>
</div>
<div class="item">
<h5>营销自动化 </h5>
<p>
在网页上轻松创建着陆页以供访客填写。在您的营销自动化工具（如 Marketo 或
Salesforce）中创建着陆页，只需单击一下，即可嵌入到您的页面中。此着陆页与您网站的品牌和设计相匹配，从而打造无缝的用户体验。
</p>
</div>
</div>
<div class="function-item">
<div class="item">
<h5>Multisource 内容 </h5>
<p>
从您的产品信息系统（PIM）、数字资产管理系统（DAM）甚至其他 CMS 中获取内容，并从数据分析系统、个性化和优化系统中获取相关数据。随后，您便可以通过 Magnolia
在任何数字渠道为每一位客户提供个性化的内容。使用 Multisource，Magnolia 只需简单几行配置，便可快速轻松地与任一内容和数据来源建立连接。
</p>
</div>
<div class="item">
<h5>最优化的用户体验 </h5>
<p>
在 CMS 的用户界面中完成对其它工具和系统的操作。通过集成的用户界面，您可以在 CMS 的用户界面的内容列表中直接显示来自数据分析平台的趋势，或者允许创作者选择并放置来自 CRM 的着陆页。
</p>
</div>
<div class="item">
<h5>AI 搜索 </h5>
<p>
通过 Magnolia 搜索已连接的系统中的所有内容。根据 AI 对以往搜索模式和偏好的学习，Magnolia 会显示热门点击，并对您的所有搜索结果进行排名。Magnolia 的搜索程序 “搜索栏”
是
Magnolia 的用户界面核心，支持对所有内容进行全文搜索的强大功能，也为许多任务提供起点。
</p>
</div>
<div class="item">
<h5>自动文本分类 </h5>
<p>
内容标记由手动转为自动，节约操作时间。使用 Amazon Comprehend 服务直接在 Pages 应用中分析和标记您的内容。这也为内容创作者提供了更精确的搜索体验，因为可通过 Magnolia
的搜索应用程序“搜索栏”搜索上述标签。
</p>
</div>
<div class="item">
<h5>图像自动识别 </h5>
<p>
加快资产查找速度，提高资产管理效率。图像自动识别功能可自动识别和标记图像，从而降低所需工作量，提高准确性。您可以使用即装即用的 Amazon Rekognition
服务，或者集成自己的服务，用于专门的影像功能。
</p>
</div>
<div class="item">
<h5>多站点管理 </h5>
<p>
如果您的企业拥有多个分部、特许经营机构或国家/地区办事处，Magnolia
可帮助您对复杂的多站点架构进行管理，分享内容和页面模版，避免重复工作。您可以创建主站点的参考副本，当您对主站点进行更改时，副本也会自动更新，而各个分部、品牌或地区办事处则可以直接将副本全部或部分用于自己的页面中。
</p>
</div>
<div class="item">
<h5>自动化翻译 </h5>
<p>
自动化内容翻译可轻松支持多种语言。Magnolia 与谷歌翻译、微软翻译、Across 和 Translations.com 实现对接，让您可以轻松使用它们的翻译功能/服务来实现页面本地化。
</p>
</div>
<div class="item">
<h5>并发编辑 </h5>
<p>
Magnolia 可在不丢失数据的情况下进行高速内容创作。编辑团队成员可同时编辑页面，查看谁正在编辑页面，并在不离开创作界面的情况下协调所有活动。
</p>
</div>
<div class="item">
<h5>可视化版本比较 </h5>
<p>
Magnolia
可在内容发布时存储当前版本，并创建历史版本记录。您可以审查已更改的内容，查看历史版本，并在必要时还原到以前的版本。您可以比较任意两个版本的内容。更改的内容会在页面中以“红线”作明确标记。
</p>
</div>
<div class="item">
<h5>定制工作流 </h5>
<p>
Magnolia 提供即装即用的双人审批发布工作流，并支持创建自定义工作流，所有工作流均基于热门的 JBPM
工作流引擎实现。工作流可包含由系统执行的步骤集合以及取决于创作者、发布者或其他用户交互的步骤。
</p>
</div>
</div>
<div class="function-item">
<div class="item">
<h5>电商集成 </h5>
<p>
使用功能强大的前后端分离的 CMS 以及电商系统集成框架（包括连接到 commercetools、Magento、Salesforce Commerce Cloud 和 SAP Commerce
Cloud 等电商系统的预构建连接器），提供跨多个客户交互渠道的个性化购物体验。
</p>
</div>
<div class="item">
<h5>SPA/PWA </h5>
<p>将单页应用程序或基于 React、Angular 和 Vue 构建的先进的 web 应用程序作为前端，以享受前后端分离和微服务/SOA 方法带来的诸多优势，并利用 Magnolia
进行内容管理。Magnolia 的可视化 SPA 编辑器赋予创作者编辑所有布局和内容，并在上下文中预览任一 SPA/PWA 体验的自主权，如同编辑传统网页。
</p>
</div>
<div class="item">
<h5>Jamstack/静态站点生成 </h5>
<p>
充分利用 Jamstack 方法的性能、安全性和 SEO 优势。Magnolia 可视化 SPA 编辑器与静态站点生成及 CDN/ADN 部署相兼容。
</p>
</div>
<div class="item">
<h5>线下显示屏 </h5>
<p>通过 Magnolia 向所有线下显示屏（从交互式信息亭、公告牌到自动取款机）发布内容，实现物理位置上的交互式客户体验，提高客户参与度，提供线上和线下的统一化体验。
</p>
</div>
<div class="item">
<h5>VR、AR 和 MR </h5>
<p>在 Magnolia 上管理 3D 内容，如 360 度照片和视频、完整的 3D 模型、纹理、环境以及甚至游戏关卡，并发布至任何 VR 或 AR 交互点。将 3D
内容与其他内容（如产品信息）相连接，以打造能够吸引顾客的购物体验。
</p>
</div>
<div class="item">
<h5>混合型前后端分离 </h5>
<p>在 Magnolia 中管理内容，并在网站和所有渠道中重复使用。Magnolia 为前后端分离场景提供了完整的拉拽式编辑和预览功能、内容个性化和分析功能以及无限制集成。
</p>
</div>
</div>
<div class="function-item">
<div class="item">
<h5>个性化 </h5>
<p>追踪任何 Magnolia 接触点上的用户行为，使用表单轻松进行数字注册，并集成您的客户数据平台以创建客户的 360 度视图。随后，利用内容池和 Magnolia
的功能，让客户参与体验之旅的每一环节。定义细分市场和角色，并根据用户信息和意图提供完全个性化的体验。
</p>
</div>
<div class="item">
<h5>A/B/n 测试 </h5>
<p>优化内容表现，将更多访客转化为客户。Magnolia 可帮助您测试多个页面变化，确定每个受众群体所钟爱的选项，还可以将表现最好的版本轻松保存在 CMS 中。
</p>
</div>
<div class="item">
<h5>分析 </h5>
<p>追踪内容和活动的表现，无需离开 Magnolia
界面即可查看结果。连接您需要的任何分析工具，并将多个来源的数据聚合到同一个仪表板中。选择显示感兴趣的指标，获取关于整个网站或特定页面流量、参与度和转化情况的详细分析。
</p>
</div>
<div class="item">
<h5>SEO </h5>
<p>通过 Magnolia 和 Siteimprove 获取一体化 SEO 解决方案：页面诊断、关键字分析和优先推荐列表，以改善技术平台、页面
SEO、用户和移动体验。通过可读性检查、失效链接和拼写检查来提高内容质量和用户体验。
</p>
</div>
</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-cloud-upload-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-analytics-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-home-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-personadd-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-shuffle" 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-color-filter-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>与Magnolia团队合作共赢，为客户提供面向未来的解决方案</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="">UX/UI </a></h4>
<p class="description">根据客户的设计需求，完成产品的人机交互、操作逻辑、界面视觉的整体设计</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">选择您喜欢的前端框架，比如 React、Angular 或 Vue，100%还原设计稿</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">为电商、营销自动化、分析、数字资产管理平台（DAM）和优化平台提供连接器和集成框架</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">帮助客户在自己企业的服务器或者如阿里云、腾讯云、华为云等云平台上部署</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">协助客户进行数据的抽取、转换和装载，完成平台从0到1的搭建</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="">Magnolia 培训</a></h4>
<p class="description">可提供作者和内容编辑培训、Magnolia Headless 训练、网站开发人员培训和全栈开发人员培训</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>