product_mhc.ejs
25.4 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
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Magnolia Headless CMS | Agency, Development, Implementation | Magnolia Partner in China</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>Create Unique Digital Experiences at Amazing Speed</h3>
<h5>Move fast and stay flexible by combining headless content and a modular Digital Experience Platform.</h5>
<div>
<a href="contact.html#contact" class="btn-get-started scrollto" target="view_window">Request Product Demo</a>
</div>
</div>
</div>
</section><!-- #intro -->
<main id="main">
<!--==========================
Function Section
============================-->
<section id="function" class="clearfix">
<div class="container">
<header class="section-header">
<h3>Product Features</h3>
</header>
<div class="row">
<div class="col-lg-4">
<div class="box">
<p class="description">
Create
</p>
</div>
<div class="box">
<p class="description">
Manage
</p>
</div>
<div class="box">
<p class="description">
Deliver
</p>
</div>
<div class="box">
<p class="description">
Optimize
</p>
</div>
</div>
<div class="col-lg-8">
<div class="wow fadeInUp">
<div class="function-item function-item-1">
<p><strong>WYSIWYG Editing</strong></p>
<p>
Build complete web pages in an intuitive What-you-see-is-what-you-get (WYSIWYG) fashion. Select the
components you need, configure them as you wish, and place them where you want. Developers can
configure which components are available to ensure the overall design of the site is consistent.
</p>
<p><strong>Single-Page App (SPA) Editing</strong></p>
<p>
Use the same WYSIWYG editor to edit and manage content for single-page applications (SPAs) built on
frameworks like React, Angular or Vue. You get creative control to choose components and layout - not
just enter content - and a live preview, to see exactly how the experience will look and feel,
including videos, accordions and other interactive elements.
</p>
<p><strong>Optimized Content Authoring (Stories App)</strong></p>
<p>
Optimize authoring with structured and semi-structured content. Fill in a structured outline with
standard fields, and then build your story with a stack of whatever content blocks you need: images,
text, video, embeds, etc. Use the Stories App for news, products, blogs, landing pages, content
curation and more.
</p>
<p><strong>Content Reuse</strong></p>
<p>
Create once, publish everywhere (COPE). Whether your content is an image asset, a teaser for a
campaign, or a unit of structured content like a product, you only need to maintain it in one place.
</p>
<p><strong>Multichannel Preview</strong></p>
<p>
Toggle instantly between editing and preview modes in the Page editor. Preview your content in
different device resolutions, and even see how your content looks to different personalization
segments.
</p>
<p><strong>Microsites & Landing Pages</strong></p>
<p>
Quickly and easily create landing pages with the WYSIWYG Page editor, personalization and reusable
content features of Magnolia. Use the multi-site feature to create and run 10’s or 100’s of microsites
on one Magnolia installation.
</p>
<p><strong>Omnichannel Campaigns</strong></p>
<p>
Create and manage the entire customer experience of a targeted campaign in one place, without touching
any code. Campaign content can be a simple banner or a complex layout with product assets, teasers, or
anything that will entice your audience. You can publish campaigns with just a click, and re-run at
any time. Custom workflows let you create, preview, and push campaigns ahead of time.
</p>
<p><strong>Forms & Marketing Automation</strong></p>
<p>
Easily create web forms on pages for visitors to fill in. Build your forms in your marketing
automation tool of choice, such as Marketo or Salesforce, and embed them in your Magnolia experiences
with just one click. The forms match the branding and design of your website and create a seamless
user experience.
</p>
</div>
<div class="function-item">
<p><strong>Multisource Content</strong></p>
<p>
Bring in content from your PIM, DAM or even other CMS, and data from your analytics, personalization
and optimization sources. Then you can deliver all of your content in a consistent way to each of your
visitors, and across all of your digital channels. With Multisource, Magnolia makes it fast and easy
to connect to any content source with just a few lines of configuration.
</p>
<p><strong>Unified User Experience</strong></p>
<p>
Connect standard user interface elements in the CMS to your integrated tools and systems. With a
connected user interface, you can show trends from a connected analytics platform directly in the
content list in the CMS UI, or allow an author to choose and place a contact form from a CRM.
</p>
<p><strong>AI Federated Search</strong></p>
<p>
Search across all your content, both in Magnolia and connected systems. Magnolia suggests top hits and
ranks all your search results based on what its AI has learned from previous search patterns and
preferences. The Find Bar, Magnolia’s search app, is the heart of the Magnolia user interface. It
offers powerful full-text search across all your content and provides a starting point for many tasks.
</p>
<p><strong>Automatic Text Classification</strong></p>
<p>
Save time by moving from manual to automated content tagging. Analyze and tag your content directly in
the Pages app with the Amazon Comprehend service. This also provides a more accurate search experience
for content authors, as these tags are then searchable via the Find Bar, Magnolia’s search app.
</p>
<p><strong>Automatic Image Recognition</strong></p>
<p>
Find assets faster and organize them more effectively. The automatic image recognition feature
recognizes and tags image assets automatically, lowering the work required and increasing accuracy.
You can use the Amazon Rekognition service out-of-the-box, or integrate your own services for
specialized imagery.
</p>
<p><strong>Multi-site Management</strong></p>
<p>
If your business has multiple branches, franchises or country sites, Magnolia allows you to manage
complex multi-site installations that share similar content, without duplicating efforts. You can
create referenced copies of master sites, which are automatically updated when you make changes to the
master. Components on referenced pages can be changed individually and protected from master content
changes.
</p>
<p><strong>Automatic Translation</strong></p>
<p>
Easily support additional languages with automatic content translation support. Magnolia has
out-of-the-box support for Google Translator, Microsoft Translator, Across and Translations.com
services, and you can integrate other services just as easy.
</p>
<p><strong>Concurrent Editing</strong></p>
<p>
Magnolia allows high speed content authoring without losing data. Members of editorial teams can edit
pages simultaneously, see who else is actively editing the page, and coordinate all their activities
without leaving the authoring interface.
</p>
<p><strong>Visual Version Compare</strong></p>
<p>
Magnolia stores a version of a content item when it is published, creating a history of versions. You
can always audit what has changed, see previous versions and restore to a previous version if
necessary. You can compare any two versions of content. For web pages, changes are “redlined”, clearly
marked on the page itself.
</p>
<p><strong>Custom Workflows</strong></p>
<p>
Magnolia provides a 4-eye publishing workflow out-of-the-box and supports the creation of custom
workflows, all based on the popular JBPM workflow engine. Workflows can contain a mix of steps
performed by the system, and steps which depend on author, publisher, or other user interactions.
</p>
</div>
<div class="function-item">
<p><strong>Magnolia for eCommerce</strong></p>
<p>
Deliver personalized shopping experiences across all your touchpoints using a powerful headless CMS
with an extensive commerce integration framework, including prebuilt connectors to e-Commerce systems
like commercetools, Magento, Salesforce Commerce Cloud and SAP Commerce Cloud.
</p>
<p><strong>SPAs / PWAs</strong></p>
<p>
Use a Single-page app or a Progressive web app built with React, Angular and Vue as your frontend to
reap the benefits of the headless and microservice/SOA approach, and use Magnolia to manage its
content. The Magnolia Visual SPA Editor gives authors the autonomy to edit all layout and content, and
preview any SPA/PWA experience in-context. Just how they edit websites.
</p>
<p><strong>Jamstack / Static Site Generation</strong></p>
<p>
Take advantage of the performance, security and SEO benefits of the Jamstack approach. The Magnolia
Visual SPA Editor is compatible with static site generation and CDN/ADN deployment.
</p>
<p><strong>Digital Signage</strong></p>
<p>
Provide an interactive customer experience in physical locations by delivering content to all your
digital displays, from interactive kiosks to billboards to ATMs, within the same content platform.
Raise customer engagement and provide a unified experience, online and offline.
</p>
<p><strong>VR, AR & MR</strong></p>
<p>
Manage spatial and 3D content like 360 degree photos & videos, complete 3D models, textures,
environments and even game levels in Magnolia, and publish to any VR or AR touchpoint. Link spatial
content with your other content such as product information to create experiences that engage
customers and help them shop.
</p>
<p><strong>Hybrid Headless</strong></p>
<p>
Manage content in one single hub, and reuse it across the web and all your channels. Magnolia provides
for headless scenarios full WYSIWYG editing & preview, tied in personalization and analytics, and
unlimited integrations.
</p>
</div>
<div class="function-item">
<p><strong>Personalization</strong></p>
<p>
Track user behavior on any Magnolia touchpoint, make digital enrollment effortless with forms, and
integrate your customer data platform to create a 360-degree view of your customers. Then use your
content pools and Magnolia’s capabilities to engage them at every step in their journey. Define
segments and personas, and fully individualize experiences according to user profile and intent.
</p>
<p><strong>A/B/n Testing </strong></p>
<p>
Optimize the performance of your content, and convert more visitors into leads. Magnolia allows you to
test multiple variants and determine which option is preferred by each audience. It also persists the
winning variant to the CMS easily.
</p>
<p><strong>Analytics & insights</strong></p>
<p>
Track the performance of your content and campaigns, and see the insights without ever having to leave
your Magnolia screen. Connect any analytics tools you need, and aggregate data from multiple sources
into a single dashboard in Magnolia. Flexibly display the metrics you are interested in, and get
detailed insights about traffic, engagement and conversions, across your entire website or specific
pages.
</p>
<p><strong>SEO</strong></p>
<p>
Get an all-in-one SEO solution with Magnolia and Siteimprove: on-page diagnostics, keywords insights,
and prioritized list of recommendations to improve technical platform, on-page SEO, user and mobile
experience. Enhance the quality of your content and user experience via readability checks, broken
links and spell checks.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--==========================
Advantage Section
============================-->
<section id="advantage" class="section-bg">
<div class="container">
<header class="section-header">
<h3>Product Advantages</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>Time to Market</a></h4>
<p class="description">
Great companies are fast to market. That takes high-performing teams and a modern tech stack. Magnolia
equips its users with the right technology to empower them to work alone or in a team to launch great
digital experiences in the fastest way possible.
</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>Future-proof</a></h4>
<p class="description">
Meet the challenges of today and tomorrow. Magnolia’s composable, API-based architecture lets you build
a modern, flexible, and extensible tech stack.
</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>Superior Commerce Experiences</a></h4>
<p class="description">
Bring easy management and optimization to your shopping experiences. Use Magnolia to power your
storefront, or consume content via our APIs to power your website, SPA, PWA, IoT app, digital signage,
or any frontend you need.
</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>Personalization and Optimization</a></h4>
<p class="description">
Deliver individualized content in an effective and scalable way, and automate engagement with your
customers. Content authors and marketers get an intuitive UI and can instantly preview which content is
delivered to different segments.
</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>Unified Integrations</a></h4>
<p class="description">
Integrate your tech stack and reap the benefits of a microservice-based approach. We’ve made it easy and
effective to connect Magnolia to eCommerce, DAM, marketing automation, analytics, and optimization tools
via a unified integration framework based on microservices and a unified UI.
</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>Best-in-class Content Management</a></h4>
<p class="description">
Manage content in one central hub and reuse it across the web and all your other channels. Magnolia is
extremely easy to use and empowers content authors and marketers through a full WYSIWYG authoring
experience.
</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 helps companies build tailored digital experience platforms</h3>
</div>
<div class="col-lg-3">
<a href="contact.html#contact" class="btn-get-started scrollto">Request Product Demo</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>