product_mhc.ejs
27.7 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
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Magnolia CMS | Magnolia Development, Magnolia Implementation | Magnolia Partner in China | Leadstec</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta
content="Magnolia Partner, Magnolia Solution Partner, Magnolia Service Provider, Magnolia Agency, Magnolia Implementor, Magnolia CMS, Magnolia Headless CMS, Magnolia Solution, Magnolia Development, Magnolia Implementation, Digital Experience Platform, Content Management System, Digital Transformation, Website Development"
name="keywords">
<meta content="Leadstec has a professional Magnolia development team dedicated to helping companies quickly build a Magnolia Headless CMS , so as to achieve cross-channel, personalized and digital experiences." 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>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">
<div class="item">
<h5>WYSIWYG Editing </h5>
<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>
</div>
<div class="item">
<h5>Single-Page App (SPA) Editing </h5>
<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>
</div>
<div class="item">
<h5>Optimized Content Authoring (Stories App) </h5>
<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>
</div>
<div class="item">
<h5>Content Reuse </h5>
<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>
</div>
<div class="item">
<h5>Multichannel Preview </h5>
<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>
</div>
<div class="item">
<h5>Microsites & Landing Pages </h5>
<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>
</div>
<div class="item">
<h5>Omnichannel Campaigns </h5>
<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>
</div>
<div class="item">
<h5>Forms & Marketing Automation </h5>
<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>
<div class="function-item">
<div class="item">
<h5>Multisource Content </h5>
<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>
</div>
<div class="item">
<h5>Unified User Experience </h5>
<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>
</div>
<div class="item">
<h5>AI Federated Search </h5>
<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>
</div>
<div class="item">
<h5>Automatic Text Classification </h5>
<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>
</div>
<div class="item">
<h5>Automatic Image Recognition </h5>
<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>
</div>
<div class="item">
<h5>Multi-site Management </h5>
<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>
</div>
<div class="item">
<h5>Automatic Translation </h5>
<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>
</div>
<div class="item">
<h5>Concurrent Editing </h5>
<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>
</div>
<div class="item">
<h5>Visual Version Compare </h5>
<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>
</div>
<div class="item">
<h5>Custom Workflows </h5>
<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>
<div class="function-item">
<div class="item">
<h5>Magnolia for eCommerce </h5>
<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>
</div>
<div class="item">
<h5>SPAs / PWAs </h5>
<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>
</div>
<div class="item">
<h5>Jamstack / Static Site Generation </h5>
<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>
</div>
<div class="item">
<h5>Digital Signage </h5>
<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>
</div>
<div class="item">
<h5>VR, AR & MR </h5>
<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>
</div>
<div class="item">
<h5>Hybrid Headless </h5>
<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>
<div class="function-item">
<div class="item">
<h5>Personalization </h5>
<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>
</div>
<div class="item">
<h5>A/B/n Testing </h5>
<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>
</div>
<div class="item">
<h5>Analytics & insights </h5>
<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>
</div>
<div class="item">
<h5>SEO </h5>
<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>
</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-cloud-upload-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-analytics-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-home-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-personadd-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-shuffle" 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-color-filter-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>Our Services</h3>
<p>Leadstec team and Magnolia team work together for a win-win situation to provide customers with
future-proof solutions</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">According to the customer's design requirements, complete the overall design of the
product's human-computer interaction, operation logic, and interface vision</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="">Front-end Development</a></h4>
<p class="description">Choose the front-end framework you love, such as React, Angular, or Vue, and 100%
restore the design draft</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="">Easy Integration</a></h4>
<p class="description">We provide connector packs and integration frameworks for Commerce, Marketing
Automation, Analytics, DAM, and Optimization platforms
</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="">Flexible Deployment</a></h4>
<p class="description">Leadstec helps customers deploy on their own enterprise servers or cloud platforms
such as Alibaba Cloud, Tencent Cloud, and Huawei Cloud
</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="">Content Input and Migration</a></h4>
<p class="description">Assist customers in data extraction, conversion and loading, and complete the
construction of the platform from 0 to 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 Training</a></h4>
<p class="description">We provide Authors & Content Editor Training, Headless CMS Training, Website
Developer Training and Full-Stack Developer Training</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 -->
<!-- Uncomment below i you want to use a preloader -->
<!-- <div id="preloader"></div> -->
<%- include('footlib'); -%>
</body>
</html>