489495df
MSV FM
MSV FM
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta charset="utf-8" />
<!-- v19044 -->
<title>Lotte Animation Widgets– M&N Web Support</title>
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="C:\xampp\htdocs\s\style.css" />
<link rel="canonical" href="https:http://support.mandnweb.com/categories/360003107213-Getting-Started" />
<link rel="alternate" hreflang="en" href="https:http://support.mandnweb.com/categories/360003107213-Getting-Started" />
<link rel="alternate" hreflang="es" href="https:http://support.mandnweb.com/hc/es-419/categories/360003107213-Introducci%C3%B3n" />
<link rel="alternate" hreflang="pt" href="https:http://support.mandnweb.com/hc/pt-br/categories/360003107213-Introdu%C3%A7%C3%A3o" />
<link rel="stylesheet" media="all" href="http://support.mandnweb.com/style3.css" id="stylesheet" />
<!-- Entypo pictograms by Daniel Bruce — www.entypo.com -->
<link rel="stylesheet" media="all" href="/STYLE2.CSS" />
<link rel="stylesheet" type="text/css" href="/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="/favicon.png" />
<script src="//static.zdassets.com/hc/assets/jquery-d5395f0b7ac5027403fc17855c46dbfc.js"></script>
<!-- add code here that should appear in the document head -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="google-site-verification" content="yMnWevXuYeFZaYlCbLARWsCmIB4P49BfutMw7C-QGlE" />
<meta name="google-site-verification" content="lhnotTD1lFQyygdB0p4zoTwEJt54b6hxRsT2esJWo1Q" />
<meta class="swiftype" name="source" data-type="string" content="Support Portal" />
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,600,700" rel="stylesheet">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<!-- swiftype assets -->
<script src="//theme.zdassets.com/theme_assets/71353/98a6a38ac0f676c4097971de1733c09909d2c4b1.js" charset="utf-8" async defer></script>
<script src="//theme.zdassets.com/theme_assets/71353/37f4c3e76225b8449028b41fd489f11a907e71d9.js" async defer charset="utf-8"></script>
<script type="text/javascript" src="//theme.zdassets.com/theme_assets/71353/f36d7b1b3c94475c1d07d525e1ccd309deaec1cc.js"></script>
<script type='text/javascript' src='//theme.zdassets.com/theme_assets/71353/ac77a77748e4f2ef16af3113e1dbd098490ce2ac.js'></script>
<script type="text/javascript" src="//theme.zdassets.com/theme_assets/71353/5fb9d31e4258f8aea8a952fc0948d3da76bd8abe.js"></script>
<!--testing localize.js -->
<script src="https://global.localizecdn.com/localize.js"></script>
<script>!function(a){if(!a.Localize){a.Localize={};for(var e=["translate","untranslate","phrase","initialize","translatePage","setLanguage","getLanguage","detectLanguage","getAvailableLanguages","untranslatePage","bootstrap","prefetch","on","off"],t=0;t<e.length;t++)a.Localize[e[t]]=function(){}}}(window);</script>
<script>
Localize.initialize({
key: 'xHdDnaYF6jmCt',
rememberLanguage: true
});
</script>
<!--testing localize.js -->
<script type="text/javascript" src="//p23.zdassets.com/hc/theming_assets/71353/360003507153/script.js?digest=360659752193"></script>
</head>
<body class="">
<header class="header">
<div class="clearfix header-nav">
<div class="logo" role="banner"><a href="https://www.mandnweb.com"><img src="/imagess/mnn.png" style="margin-top:-3%;"><defs><style>.support-cls-1{fill:#f66035;}.support-cls-2{fill:#fff;}</style></defs><path class="support-cls-1" d="M216.42,85.27a10.13,10.13,0,0,1-10.2,10.08H10.2A10.14,10.14,0,0,1,0,85.27V10.09A10.15,10.15,0,0,1,10.2,0h196a10.14,10.14,0,0,1,10.2,10.09Z"/><path class="support-cls-2" d="M55.36,59.63v-5.7c-.48-3.93-3-6.24-7.47-6.92q-8.52.68-9.59,8.75.36,9.84,9.59,10.2c4.51-.71,7-2.82,7.47-6.33m10-38.28V74h-10V71.23A13.6,13.6,0,0,1,47.54,74q-8.17,0-13-5.27a18.17,18.17,0,0,1,0-24.61q4.8-5.26,13-5.27,5.33.34,7.82,2.85V21.32Z"/><path class="support-cls-2" d="M95.47,61.56V38.86h10V74h-10v-3.2A12.44,12.44,0,0,1,87,74q-6.76,0-10.31-4a13.67,13.67,0,0,1-3.55-9.31V38.86H83V58.19a7.75,7.75,0,0,0,1.77,5.44,7.26,7.26,0,0,0,5.37,2q3.09-.21,5.29-4.11"/><path class="support-cls-2" d="M137.79,59.63v-5.7q-.71-5.9-7.46-6.92-8.54.68-9.59,8.75.35,9.84,9.59,10.2,6.75-1.06,7.46-6.33m10-38.28V74h-10V71.23A13.58,13.58,0,0,1,130,74q-8.16,0-13-5.27a18.17,18.17,0,0,1,0-24.61q4.78-5.26,13-5.27c3.56.23,6.16,1.18,7.82,2.85V21.32Z"/><path class="support-cls-2" d="M176.7,63.5v-4q-1.42-2.7-6.75-2.7-6.4.7-6.75,4.92.35,4.18,6.75,4.53,5.33,0,6.75-2.77M157.16,43.11a28.89,28.89,0,0,1,15.63-4.22q6.39,0,10.13,3.51T186.65,53V74h-10V71.23Q172.37,74,168.88,74q-7.11,0-10.66-3a10.19,10.19,0,0,1-3.55-8.26A13,13,0,0,1,158,54q3.36-3.86,10.85-3.86a18.27,18.27,0,0,1,7.82,2.11V51.19c0-2.57-1.94-4-5.69-4.22q-6.39,0-9.95,2.11Z"/><path class="support-cls-2" d="M244.7,73.17a21.31,21.31,0,0,1-7.86-4l3-6.64a23.45,23.45,0,0,0,6.94,3.65A25.29,25.29,0,0,0,255,67.58q5.13,0,7.66-1.64a5,5,0,0,0,2.53-4.35,4.2,4.2,0,0,0-1.41-3.25,9.8,9.8,0,0,0-3.59-2c-1.44-.48-3.42-1-5.92-1.64a70.7,70.7,0,0,1-8.52-2.5,14.08,14.08,0,0,1-5.59-3.92,10.54,10.54,0,0,1-2.34-7.2,12.28,12.28,0,0,1,2.08-6.94,14,14,0,0,1,6.25-5,25.26,25.26,0,0,1,10.23-1.84,33.17,33.17,0,0,1,8.29,1.05,23.07,23.07,0,0,1,7,3L269,38a27.1,27.1,0,0,0-6.31-2.7,23.89,23.89,0,0,0-6.39-.92q-5.07,0-7.53,1.71a5.27,5.27,0,0,0-2.47,4.54,4.1,4.1,0,0,0,1.42,3.23,10.24,10.24,0,0,0,3.58,2q2.17.72,5.92,1.64A63,63,0,0,1,265.65,50a14.41,14.41,0,0,1,5.63,3.92,10.29,10.29,0,0,1,2.34,7.1,12.07,12.07,0,0,1-2.08,6.91,14.09,14.09,0,0,1-6.28,4.94A25.71,25.71,0,0,1,255,74.69,35.08,35.08,0,0,1,244.7,73.17Z"/><path class="support-cls-2" d="M313.65,38.9V74h-7.83V69.56a13.23,13.23,0,0,1-4.94,3.65,16,16,0,0,1-6.38,1.28q-7,0-11.09-3.91t-4-11.62V38.9h8.22V57.84q0,4.74,2.14,7.08a7.85,7.85,0,0,0,6.09,2.33,9.21,9.21,0,0,0,7-2.73q2.6-2.73,2.6-7.86V38.9Z"/><path class="support-cls-2" d="M351.08,40.74a16.19,16.19,0,0,1,6.35,6.31,18.88,18.88,0,0,1,2.3,9.41,19,19,0,0,1-2.3,9.44,16.09,16.09,0,0,1-6.35,6.35,18.68,18.68,0,0,1-9.18,2.24q-7.11,0-11.25-4.74v17h-8.23V38.9h7.83v4.6a12.66,12.66,0,0,1,5-3.75,17,17,0,0,1,6.61-1.25A18.68,18.68,0,0,1,351.08,40.74Zm-2.64,23.68a10.92,10.92,0,0,0,2.93-8,10.93,10.93,0,0,0-2.93-8,9.92,9.92,0,0,0-7.46-3,10.65,10.65,0,0,0-5.33,1.34,9.79,9.79,0,0,0-3.75,3.85,12.75,12.75,0,0,0,0,11.58,9.72,9.72,0,0,0,3.75,3.85A10.56,10.56,0,0,0,341,67.45,9.93,9.93,0,0,0,348.44,64.42Z"/><path class="support-cls-2" d="M394.78,40.74a16.19,16.19,0,0,1,6.35,6.31,18.88,18.88,0,0,1,2.3,9.41,19,19,0,0,1-2.3,9.44,16.09,16.09,0,0,1-6.35,6.35,18.68,18.68,0,0,1-9.18,2.24q-7.11,0-11.25-4.74v17h-8.23V38.9H374v4.6a12.66,12.66,0,0,1,5-3.75,17,17,0,0,1,6.61-1.25A18.68,18.68,0,0,1,394.78,40.74Zm-2.64,23.68a10.92,10.92,0,0,0,2.93-8,10.93,10.93,0,0,0-2.93-8,9.92,9.92,0,0,0-7.46-3,10.65,10.65,0,0,0-5.33,1.34,9.79,9.79,0,0,0-3.75,3.85,12.84,12.84,0,0,0,0,11.58,9.72,9.72,0,0,0,3.75,3.85,10.56,10.56,0,0,0,5.33,1.35A9.93,9.93,0,0,0,392.14,64.42Z"/><path class="support-cls-2" d="M416.38,72.19a16.82,16.82,0,0,1-6.67-6.42,18,18,0,0,1-2.41-9.31,17.85,17.85,0,0,1,2.41-9.27,16.89,16.89,0,0,1,6.67-6.39,21.35,21.35,0,0,1,19.28,0,16.91,16.91,0,0,1,6.68,6.39,17.94,17.94,0,0,1,2.4,9.27,18.11,18.11,0,0,1-2.4,9.31,16.85,16.85,0,0,1-6.68,6.42,21.35,21.35,0,0,1-19.28,0Zm17.11-7.77a10.9,10.9,0,0,0,3-8,10.91,10.91,0,0,0-3-8,10,10,0,0,0-7.5-3,9.92,9.92,0,0,0-7.47,3,11,11,0,0,0-2.93,8,11,11,0,0,0,2.93,8,9.93,9.93,0,0,0,7.47,3A10,10,0,0,0,433.49,64.42Z"/><path class="support-cls-2" d="M471.37,38.5v7.83a10.61,10.61,0,0,0-1.91-.2,10,10,0,0,0-7.5,2.8q-2.68,2.79-2.69,8.06V74H451V38.9h7.83V44Q462.43,38.5,471.37,38.5Z"/><path class="support-cls-2" d="M500,72.12a9.74,9.74,0,0,1-3.52,1.78,16,16,0,0,1-4.37.59q-5.81,0-8.95-3T480,62.65V45.74h-5.79V39.16H480v-8h8.22v8h9.41v6.58h-9.41V62.45a5.55,5.55,0,0,0,1.25,3.91,4.7,4.7,0,0,0,3.62,1.35,7.27,7.27,0,0,0,4.61-1.44Z"/></svg></a>
</div>
<nav class="user-nav" role="navigation">
<ul class="nav">
<li class="menu-item uni"><a href="//support.mandn.com/Coming%20Soon.php" target="_blank" rel="noopener">M&N Web University</a></li>
<li class="menu-item submit-a-request">
<a class="submit-a-request" href="https://www.mandnweb.com/contact">Submit a Request</a>
</li>
<li class="menu-item user-login"> <a class="login" data-auth-action="signin" role="button" rel="nofollow" title="Opens a dialog" href="https://www.mandnweb.com/sign-in">Sign in</a>
</li>
<li class="menu-item menu-trial"><a class="rootLink item-start colorize show-for-notlogged" href="https://www.mandnweb.com/signup" redirecturl="domain" ga-event="" event-category="Link" event-action="Click" event-label="Support_FreeTrial_Nav">Start Free Trial</a></li>
</ul>
</nav>
</div>
<div class="home-hero" style="text-align:center;"><img src="//theme.zdassets.com/theme_assets/71353/f817d1a5cf552927031b3751f33d57d802c71f88.png" height="139" width="382" alt=""></div>
<div class="clearfix header-search">
<div class="header-inner">
<div class="title"><a title="Home" href="//support.mandn.com">M&N Web Support</a></div>
<div class="header-search-form">
<form role="search" class="search" data-search="" data-instant="true" autocomplete="off" action="http://support.mandnweb.com/search" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="✓" /><input type="search" name="query" id="query" placeholder="What can we help you with?" autocomplete="off" aria-label="What can we help you with?" />
<input type="submit" name="commit" value="Search" /></form>
</div>
</div>
</div>
</header>
<main role="main">
<div class="clearfix breadcrumbs">
<nav class="sub-nav clearfix category-breadcrumbs" role="navigation" aria-label="breadcrumbs">
<div class="clearfix wrap">
<ol class="breadcrumbs">
<li title="M&N Web Support">
<a href="//support.mandn.com">M&N Web Support</a>
</li>
<li title="Getting Started">
Getting Started
</li>
</ol>
</div>
</nav>
</div>
<div class="clearfix row categories">
<div class="clearfix wrap last-content-row">
<div class="column-main columns">
<section class="clearfix section-area">
<article class="main-column">
<header class="article-header clearfix">
<h1>
Lottie Animation Widgets
</h1>
</header>
<div class="subtle-wrap">
<div class="content-body article-body">
<div role="main" id="mc-main-content"><p>The Lottie Animation widget enables you to add vector quality animations to your site.</p><p>Lottie is a mobile library for Android and iOS that parses Adobe After Effects animations exported as JSON with Bodymovin and renders them on mobile and the web.</p><p>Browse for animation through <a href="https://lottiefiles.com/recent">LottieFiles</a>, or create your own animation in After Effects, exported with the <a href="https://exchange.adobe.com/creativecloud.details.12557.html">Bodymovin</a> plugin.</p><p>To add the <span class="mc-variable General.widget variable">widget</span>:</p><ol><li value="1">In the left panel, click <span style="font-weight: bold;" class="mc-variable General.Widget variable">Widget</span><b>s</b>.</li><li value="2">Click and drag the Lottie Animation <span class="mc-variable General.widget variable">widget</span> into your site.</li></ol><p>To learn more about adding <span class="mc-variable General.widget variable">widget</span>s to your site, see <a href="https://support.duda.co/hc/en-us/articles/360061889053-Add-Widgets">Add <span class="mc-variable General.Widget variable">Widget</span>s</a>.</p><h3>Content Editor</h3><p>To access the content editor:</p><ol><li value="1">Right-click the <span class="mc-variable General.widget variable">widget</span>, and click <b>Edit Content</b>.</li><li value="2">Copy the Lottie Animation URL in the box provided.</li><li value="3">To locate the URL for the animation, open the animation in LottieFiles, and click <b><html></b>. Alternatively, you can paste the URL of any JSON file hosted outside of LottieFiles.</li><li value="4">Select <b>Loop Animation</b> to continuously play the animation or select <b>Animate on click</b>.</li><li value="5"><i>(Optional)</i> To add a link to the animation, click <b>Link</b>, and select the link type.</li><li value="6">If you use a free LottieFile animation, you must include the credential information of the animation creator. The animation creator information is located at the bottom of the animation pop up. For more information, see the <a href="https://lottiefiles.com/page/license">LottieFile creative common license information</a>.</li></ol><h3>Design Editor</h3><p>To access the design editor, right-click the <span class="mc-variable General.widget variable">widget</span>, and click <b>Edit Design</b>. </p><p>To resize the widget, move the width and height sliders. To maintain the proportions between the width and height, select <b>Keep proportion</b>.</p><p> For information about design options that are not specific to this <span class="mc-variable General.widget variable">widget</span> (for example, layout, style, or spacing), see <a href="https://support.duda.co/hc/en-us/articles/1500001599342-Widget-Design" class="MCXref xref">Widget Design</a>. </p></div>
</div>
<div class="article-attachments">
<ul class="attachments">
</ul>
</div>
<footer>
<!-- comments -->
<!-- votes -->
<div class="article-votes">
<span class="article-votes-question">Was this article helpful?</span>
<div class="article-votes-controls" role="radiogroup">
<a class="button article-vote article-vote-up" data-auth-action="signin" aria-selected="false" role="radio" rel="nofollow" title="Yes" href="/hc/en-us/signin?return_to=https%3A%2F%2Fsupport.duda.co%2Fhc%2Fen-us%2Farticles%2F1500001500021-Lottie-Animation-Widgets"></a>
<a class="button article-vote article-vote-down" data-auth-action="signin" aria-selected="false" role="radio" rel="nofollow" title="No" href="/hc/en-us/signin?return_to=https%3A%2F%2Fsupport.duda.co%2Fhc%2Fen-us%2Farticles%2F1500001500021-Lottie-Animation-Widgets"></a>
</div>
<small class="article-votes-count">
<span class="article-vote-label">0 out of 0 found this helpful</span>
</small>
</div>
</footer>
<div class="article-comments" id="article-comments">
<section class="comments">
<header class="comment-overview">
<h3 class="comment-heading">
Feedback on this article
</h3>
<p class="comment-callout">0 comments</p>
</header>
<ul id="comments" class="comment-list">
</ul>
<p class="comment-callout">Please <a data-auth-action="signin" rel="nofollow" href="/hc/en-us/signin?return_to=https%3A%2F%2Fsupport.duda.co%2Fhc%2Fen-us%2Farticles%2F1500001500021-Lottie-Animation-Widgets">sign in</a> to leave a comment.</p>
</section>
</div>
<!-- eof added -->
</div>
</article>
<aside class="article-sidebar side-column">
<section class="related-articles">
<h3 class="related-articles-title">Related articles</h3>
<ul>
<li>
<a href="/hc/en-us/related/click?data=BAh7CjobZGVzdGluYXRpb25fYXJ0aWNsZV9pZGwrCKlqXNVTADoYcmVmZXJyZXJfYXJ0aWNsZV9pZGwrCHV7Dj9dAToLbG9jYWxlSSIKZW4tdXMGOgZFVDoIdXJsSSI4L2hjL2VuLXVzL2FydGljbGVzLzM2MDA2MTg4OTE5My1CZWZvcmUtQWZ0ZXItV2lkZ2V0BjsIVDoJcmFua2kG--b3ec43dbf178aeac20cc5a9bb44c4c2765128471" rel="nofollow">Before & After Widget</a>
</li>
<li>
<a href="/hc/en-us/related/click?data=BAh7CjobZGVzdGluYXRpb25fYXJ0aWNsZV9pZGwrCB1qXNVTADoYcmVmZXJyZXJfYXJ0aWNsZV9pZGwrCHV7Dj9dAToLbG9jYWxlSSIKZW4tdXMGOgZFVDoIdXJsSSIwL2hjL2VuLXVzL2FydGljbGVzLzM2MDA2MTg4OTA1My1BZGQtV2lkZ2V0cwY7CFQ6CXJhbmtpBw%3D%3D--8bc67685c0cc1eaf613ac9cc38ed2796751284d3" rel="nofollow">Add Widgets</a>
</li>
<li>
<a href="/hc/en-us/related/click?data=BAh7CjobZGVzdGluYXRpb25fYXJ0aWNsZV9pZGwrCEL%2BDz9dAToYcmVmZXJyZXJfYXJ0aWNsZV9pZGwrCHV7Dj9dAToLbG9jYWxlSSIKZW4tdXMGOgZFVDoIdXJsSSIzL2hjL2VuLXVzL2FydGljbGVzLzE1MDAwMDE1OTkwNDItQXVkaW8tV2lkZ2V0cwY7CFQ6CXJhbmtpCA%3D%3D--ef78cc27ff17c6b0b09d2cf03ae679e11caa3fd0" rel="nofollow">Audio Widgets</a>
</li>
<li>
<a href="/hc/en-us/related/click?data=BAh7CjobZGVzdGluYXRpb25fYXJ0aWNsZV9pZGwrCCb8Dz9dAToYcmVmZXJyZXJfYXJ0aWNsZV9pZGwrCHV7Dj9dAToLbG9jYWxlSSIKZW4tdXMGOgZFVDoIdXJsSSJFL2hjL2VuLXVzL2FydGljbGVzLzE1MDAwMDE1OTg1MDItQ29uZmlndXJlLWEtTXVsdGktTGFuZ3VhZ2UtU2l0ZQY7CFQ6CXJhbmtpCQ%3D%3D--3d88c73a19ffd1a5294126ece57a405f028f2336" rel="nofollow">Configure a Multi-Language Site</a>
</li>
<li>
<a href="/hc/en-us/related/click?data=BAh7CjobZGVzdGluYXRpb25fYXJ0aWNsZV9pZGwrCCFrXNVTADoYcmVmZXJyZXJfYXJ0aWNsZV9pZGwrCHV7Dj9dAToLbG9jYWxlSSIKZW4tdXMGOgZFVDoIdXJsSSJBL2hjL2VuLXVzL2FydGljbGVzLzM2MDA2MTg4OTMxMy1Ucm91Ymxlc2hvb3RpbmctVmlkZW8tV2lkZ2V0BjsIVDoJcmFua2kK--bd3ea3a6c237f4ee24e608ec0c31a1c6ba3d38df" rel="nofollow">Troubleshooting Video Widget</a>
</li>
</ul>
</section>
</aside>
</section>
</div>
<!-- menu col -->
<div class="column-menu columns">
<nav>
<div class="sidenav">
<button class="dropdown-btn"> <i class="fa fa-angle-down" aria-hidden="true"><span style="font-family:Montserrat;color: #3C3F44;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.26px;" onclick="window.location.href='https:/support.mandnweb.com';"> GETTING STARTED </span> </i>
</button>
<div class="dropdown-container">
<a href="http://support.mandnweb.com/Intro.html" style="MARGIN-LEFT: 7px; font-size:12px;">Introduction</a>
</div>
<button class="dropdown-btn"> <i class="fa fa-angle-down" aria-hidden="true"><span style="font-family:Montserrat;color: #3C3F44;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.26px;" onclick="window.location.href='https:/http://support.mandnweb.com/GoingLive.html';"> GOING LIVED </span> </i>
</button>
<div class="dropdown-container">
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Publishing Sites</a>
</div>
<button class="dropdown-btn"> <i class="fa fa-angle-down" aria-hidden="true"><span style="font-family:Montserrat;color: #3C3F44;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.26px;" onclick="window.location.href='https:/http://support.mandnweb.com/AccountandBilling.html':"> ACCOUNT AND BILLING </span> </i>
</button>
<div class="dropdown-container">
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px; font-size:12px;">Introduction</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Billing and Payments</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Account Information</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Statistics and Analysis</a>
</div>
<button class="dropdown-btn"> <i class="fa fa-angle-down" aria-hidden="true"><span style="font-family:Montserrat;color: #3C3F44;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.26px;" onclick="window.location.href='https:/http://support.mandnweb.com/WhiteLabel.html';"> WHITE LABEL AND CLIENT <BR> MANAGEMENT </span> </i>
</button>
<div class="dropdown-container">
<a href="http://support.mandnweb.com/ClientInvitation.html" style="MARGIN-LEFT: 7px;font-size:12px;margin-top:12px;">White Label</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Team Coillaboration</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Client Management</a>
</div>
<button class="dropdown-btn"> <i class="fa fa-angle-down" aria-hidden="true"><span style="font-family:Montserrat;color: #3C3F44;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.26px;" onclick="window.location.href='https:/http://support.mandnweb.com/WebsiteBuilder.html';"> WEBSITE BUILDER </span> </i>
</button>
<div class="dropdown-container">
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">General Site Editor</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Global Design</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Header and Footer</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Pages and Popups</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Content</a>
<a href="http://support.mandnweb.com/ComingSoon.html"style="MARGIN-LEFT: 7px;font-size:12px;">Dynamic Pages and Collections</a>
<a href="http://support.mandnweb.com/ComingSoon.html"style="MARGIN-LEFT: 7px;font-size:12px;">Personalization Rules</a>
<a href="http://support.mandnweb.com/ComingSoon.html"style="MARGIN-LEFT: 7px;font-size:12px;">Blog</a>
<a href="http://support.mandnweb.com/ComingSoon.html"style="MARGIN-LEFT: 7px;font-size:12px;">Custom Code</a>
<a href="http://support.mandnweb.com/ComingSoon.html"style="MARGIN-LEFT: 7px;font-size:12px;">M&N Web on the Go</a>
<a href="http://support.mandnweb.com/ComingSoon.html"style="MARGIN-LEFT: 7px;font-size:12px;">Site Settings</a>
</div>
<button class="dropdown-btn"> <i class="fa fa-angle-down" aria-hidden="true"><span style="font-family:Montserrat;color: #3C3F44;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.26px;" onclick="window.location.href='https:/http://support.mandnweb.com/Widgets.html';"> WIDGETS </span> </i>
</button>
<div class="dropdown-container">
<a href="http://support.mandnweb.com/Add-Widgets.html" style="MARGIN-LEFT: 7px;font-size:12px;">Widget Overview</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Basic Widgets</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Media Widgets</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Business Widgets</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Social Widgets</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Advances Widgets</a>
</div>
<button class="dropdown-btn"> <i class="fa fa-angle-down" aria-hidden="true"><span style="font-family:Montserrat;color: #3C3F44;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.26px;" onclick="window.location.href='https:/http://support.mandnweb.com/eCommerce.html';"> ECOMMERCE </span> </i>
</button>
<div class="dropdown-container">
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Storefront Overview</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Storefront COnfiguration</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Sales Channels</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Manage Customers</a>
</div>
<button class="dropdown-btn"> <i class="fa fa-angle-down" aria-hidden="true"><span style="font-family:Montserrat;color: #3C3F44;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.26px;" onclick="window.location.href='https:/http://support.mandnweb.com/AppStore.html';"> APP STORE </span> </i>
</button>
<div class="dropdown-container">
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Overview</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Apps</a>
</div>
<button class="dropdown-btn"> <i class="fa fa-angle-down" aria-hidden="true"><span style="font-family:Montserrat;color: #3C3F44;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.26px;" onclick="window.location.href='https:/http://support.mandnweb.com/TroubleshootingandFaqs.html';"> TROUBLESHOOTING AND <br> FAQS </span> </i>
</button>
<div class="dropdown-container">
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;margin-top:12px;">How to Go Live</a>
<a href="http://support.mandnweb.com/What-is-the-Difference-Between-Site-and-Account-Plans.html" style="MARGIN-LEFT: 7px;font-size:12px;">Account and Billing FAQS</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">General FAQS</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Custom Code Troubleshooting</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">Store FAQS</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">SEO and Site Settings FAQS</a>
<a href="http://support.mandnweb.com/ComingSoon.html" style="MARGIN-LEFT: 7px;font-size:12px;">University and Certification FAQS</a>
</div>
</div>
</nav>
</div>
</div>
</div>
<!-- eof menu col -->
</div>
</div>
<script>
/* Loop through all dropdown buttons to toggle between hiding and showing its dropdown content - This allows the user to have multiple dropdowns without any conflict */
var dropdown = document.getElementsByClassName("dropdown-btn");
var i;
for (i = 0; i < dropdown.length; i++) {
dropdown[i].addEventListener("click", function() {
this.classList.toggle("active");
var dropdownContent = this.nextElementSibling;
if (dropdownContent.style.display === "block") {
dropdownContent.style.display = "none";
} else {
dropdownContent.style.display = "block";
}
});
}
</script>
</main>
<footer id="priority-support" class="clearfix footer">
<!-- mandnweb footer -->
<div class="footer-wrap">
<div class="row">
<div class="small-12 columns">
<div class="lists">
<li>
<ul class="dropdown-btn">
<li class="uppercase"><strong>ABOUT US</strong></li>
<li><a href="https://www.mandnweb.com/about">Our Story</a></li>
<li><a href="https://www.mandnweb.com/press">Press</a></li>
</ul>
<ul class="dropdown-btn st1">
<li class="uppercase"><strong>Solutions</strong></li>
<li><a href="https://www.mandnweb.com/solutions/agencies">M&N Web for Agencies</a></li>
<li><a href="https://www.mandnweb.com/solutions/saas-platforms">M&N Web for SaaS Platforms</a></li>
<li><a href="https://www.mandnweb.com/solutions/hosts">M&N Web for Hosts</a></li>
</ul>
</li>
<li>
<ul class="dropdown-btn">
<li class="uppercase"> <strong> Compare </strong> </li>
<li><a href="https://www.mandnweb.com/mandnweb-vs-wordpress">M&N Web vs Wordpress</a></li>
<li><a href="https://www.mandnweb.com/mandnweb-vs-squarespace">M&N Web vs Squarespace</a></li>
<li><a href="https://www.mandnweb.com/mandnweb-vs-wix">M&N Web vs Wix</a></li>
</ul>
</li>
<li>
<ul class="dropdown-btn">
<li class="uppercase"><strong>Key Features</strong></li>
<li><a href="https://www.mandnweb.com/website-builder/templates">Templates</a></li>
<li><a href="https://www.mandnweb.com/website-builder/personalization">Website Personalization</a></li>
<li><a href="https://www.mandnweb.com/plans">For Enterprise </a></li>
</ul>
</li>
</li>
<li>
<ul class="dropdown-btn">
<li class="uppercase"> <strong> Support </strong> </li>
<li> <a href="https://www.mandnweb.com/blog"> Blog </a> </li>
<li> <a href="https://mandnelearning.com/"> M&N Web University </a> </li>
<li> <a href="https://resources.mandnweb.co/product-updates"> Product Updates </a> </li>
<li> <a href="https://www.mandnweb.com/resources/marketing-materials"> Marketing Materials </a> </li>
<li> <a href="https://www.mandnweb.com/developers-portal"> Developer Portal</a> </li>
<li> <a href="https://www.mandnweb.com/fulfillment-channel"> Fullfillment Channel </a> </li>
<li> <a href="https://www.mandnweb.com/covid-19"> COVID-19 Updates </a> </li>
</ul>
</li>
<li>
<ul class="dropdown-btn st">
<li class="uppercase"> <strong> Platform </strong> </li>
<li> <a href="https://www.mandnweb.com/website-builder">Website Builder </a> </li>
<li> <a href="https://www.mandnweb.com/team-collaboration"> Team Collaboration Tools </a> </li>
<li> <li> <a href="https://www.mandnweb.com/client-management">Client Management</a> </li>
<li> <li> <a href="https://www.mandnweb.com/website-builder/design-control">Full Feature Index</a> </li>
</li>
</ul>
</li>
</li>
<li>
<ul class="dropdown-btn st" >
<li class="uppercase"> <strong> Support </strong> </li>
<li><a href="https://www.mandnweb.com/website-builder/white-label">White Label</a></li>
<li> <a href="https:/support.mandnweb.com"> Support Portal </a></li>
</ul>
</li>
</div>
</div>
<div class="columns large-12 show-for-large"><hr style="margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0,0,0,.1); border-color: #606060;
"></div>
<div class="columns large-12">
<div class="show-for-large">
<div class="social-icons"> <a href="https://www.facebook.com/MANDNWEB" class="icon facebook"> <i class="fa fa-facebook" aria-hidden="true"></i> </a> <a href="https://twitter.com/MANDNWEB" class="icon twitter"> <i class="fa fa-twitter" aria-hidden="true"></i> </a> <a href="https://www.linkedin.com/company/mandnweb/" class="icon linkedin"> <i class="fa fa-linkedin" aria-hidden="true"></i> </a> <a href="https://www.youtube.com/channel/UC75ZWQXtLjfXhjjkb5Z_i6Q" class="icon youtube"> <i class="fa fa-youtube-play" aria-hidden="true"></i> </a> </div>
</div>
<div class="copyrights">Copyright ©<span id="year">2020</span> M&N Web Company Powered by <a href="https://www.mandnweb.com/" style="color:white;">M&N WEB </a></div>
<div class="copyrights"><a href="https://www.mandnweb.com/legal/privacy"><span style="color:white;margin-left: 108%;"> Privacy</a></span><span class="separate">|</span><a href="https://www.mandnweb.com/legal/terms"><span style="color:white;">Terms</a></span><span class="separate">|</span><a href="https://www.mandnweb.com/general-data-protection-regulation-GDPR-Compliance-Information-and-Resources"><span style="color:white;">GDPR</a></span></div>
<div class="hide-for-large">
<div class="social-icons"><a href="https://www.facebook.com/mandnweb" class="icon facebook"> <i class="fa fa-facebook" aria-hidden="true"></i> </a><a href="https://twitter.com/mandnweb" class="icon twitter"> <i class="fa fa-twitter" aria-hidden="true"></i> </a> <a href="https://www.linkedin.com/company/mandnweb" class="icon linkedin"> <i class="fa fa-linkedin" aria-hidden="true"></i> </a> <a href="https://www.youtube.com/user/mandnweb" class="icon youtube"> <i class="fa fa-youtube-play" aria-hidden="true"></i> </a> </div>
</div>
</div>
</div>
</div>
<!-- eof mandnweb footer -->
</footer>
<div class="reveal-modal small text-center" data-reveal id="mustLoginModal"> <img src="//du-cdn.multiscreensite.com/mandnweb_website/img/support/lock.png" alt=""> <a class="close-reveal-modal" aria-label="Close">×</a>
<h3>Please Log in as a Pro</h3>
<p>Priority Phone Support is available exclusively to Pros. Log in to your Pro account now to see our international support numbers. </p>
<!-- <a href="https://my.mandnweb.co/login?redirectTo=https://www.mandnweb.co/support" class="button uppercase">Log In</a> -->
<a href="https://my.mandnweb.co/login?redirectTo=https://help.mandnweb.cohttp://support.mandnweb.com/requests/new?callback_request=true" class="button uppercase">Log In</a>
<div class="bottom-modal-msg">Not a Pro? <a class="f-orange" href="https://www.mandnweb.co/plans" target="_blank">Purchase a Pro plan!</a></div>
</div>
<div class="reveal-modal-bg"></div>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fitvids/1.1.0/jquery.fitvids.min.js"></script>
<script>
$(document).ready(function(){
$(".article-body").fitVids();
});
</script>
<!-- / -->
<script src="//static.zdassets.com/hc/assets/en-us.32d3fbfa1027c24e46e6.js"></script>
<script src="https://d1support.zendesk.com/auth/v2/host.js" data-brand-id="360003507153" data-return-to="https:http://support.mandnweb.com/categories/360003107213-Getting-Started" data-theme="hc" data-locale="en-us" data-auth-origin="360003507153,true,true"></script>
<script type="text/javascript">
/*
Greetings sourcecode lurker!
This is for internal Zendesk and legacy usage,
we don't support or guarantee any of these values
so please don't build stuff on top of them.
*/
HelpCenter = {};
HelpCenter.account = {"subdomain":"d1support","environment":"production","name":"M&N Web Support"};
HelpCenter.user = {"identifier":"da39a3ee5e6b4b0d3255bfef95601890afd80709","email":null,"name":null,"role":"anonymous","avatar_url":"https://assets.zendesk.com/hc/assets/default_avatar.png","is_admin":false,"organizations":[],"groups":[]};
HelpCenter.internal = {"asset_url":"//static.zdassets.com/hc/assets/","web_widget_asset_composer_url":"https://static.zdassets.com/ekr/snippet.js","current_session":{"locale":"en-us","csrf_token":null,"shared_csrf_token":null},"settings":{},"usage_tracking":{"event":"category_viewed","data":"BAh7CDoQY2F0ZWdvcnlfaWRsKwiNedvRUwA6C2xvY2FsZUkiCmVuLXVzBjoGRVQ6Cl9tZXRhews6D2FjY291bnRfaWRpA7kWAToTaGVscF9jZW50ZXJfaWRsKwgtgbbRUwA6DWJyYW5kX2lkbCsI0ZPh0VMAOgx1c2VyX2lkMDoTdXNlcl9yb2xlX25hbWVJIg5BTk9OWU1PVVMGOwdUOwZJIgplbi11cwY7B1Q=--ce3193091996751c3a3ddf223493d3e9910cb738","url":"https:http://support.mandnweb.com/hc/tracking/events?locale=en-us"},"current_record_id":null,"current_record_url":null,"current_record_title":null,"search_results_count":null,"current_text_direction":"ltr","current_brand":{"account_id":71353,"brand_id":360003507153,"brand_url":"https:/support.mandnweb.com","url":"https://mandnweb.zendesk.com/api/v2/brands/360003507153.json","name":"M&N Web Support","logo":"","subdomain":"d1support","host_mapping":"/support.mandnweb.com","help_center_state":"enabled","ticket_form_ids":"","active":false,"default":false,"has_help_center":false,"created_at":"2019-11-05T16:45:52Z","updated_at":"2020-11-04T18:04:30Z","id":360003507153,"route_id":3083787},"current_brand_url":"https://d1support.zendesk.com","current_host_mapping":"/support.mandnweb.com","current_path":"http://support.mandnweb.com/categories/360003107213-Getting-Started","authentication_domain":"https://d1support.zendesk.com","show_autocomplete_breadcrumbs":false,"rollbar_config":{"enabled":false,"endpoint":"https://rollbar-us.zendesk.com/api/1/item/","accessToken":"731a5a953e9a4b7ab6cac9623f50c732","captureUncaught":true,"captureUnhandledRejections":true,"payload":{"environment":"production","client":{"javascript":{"source_map_enabled":false,"code_version":"fdcf0d0c9f175c8e14714a92ed3f5f84e19d16f6","guess_uncaught_frames":false}}}},"user_info_changing_enabled":false,"has_user_profiles_enabled":true,"has_end_user_attachments":true,"user_aliases_enabled":false,"has_anonymous_kb_voting":false,"has_multi_language_help_center":false,"mobile_device":false,"mobile_site_enabled":false,"show_at_mentions":false,"embeddables_config":{"embeddables_web_widget":false,"embeddables_connect_ipms":false},"base_domain":"zendesk.com","answer_bot_subdomain":"static","manage_content_url":"https:/support.mandnweb.com","arrange_content_url":"https:http://support.mandnweb.com/hc/admin/arrange_contents?locale=en-us","general_settings_url":"https:http://support.mandnweb.com/hc/admin/general_settings?locale=en-us","user_segments_url":"https://d1support.zendesk.com/knowledge/user_segments?brand_id=360003507153","has_gather":true,"has_community_enabled":false,"has_community_badges":false,"has_user_segments":true,"has_answer_bot_web_form_enabled":true,"has_answer_bot_web_form_modal_v2":false,"billing_url":"/access/return_to?return_to=https://d1support.zendesk.com/admin/billing/subscription","has_answer_bot":true,"has_block_answer_bot_embeddable":false,"answer_bot_management_url":"/access/return_to?return_to=https://d1support.zendesk.com/agent/admin/answer_bot","is_account_owner":false,"theming_cookie_key":"hc-da39a3ee5e6b4b0d3255bfef95601890afd807091-preview","is_preview":false,"has_guide_user_segments_search":true,"has_alternate_templates":true,"arrange_articles_url":"https://d1support.zendesk.com/knowledge/arrange?brand_id=360003507153","article_verification_url":"https://d1support.zendesk.com/knowledge/verification?brand_id=360003507153","has_article_verification":true,"guide_language_settings_url":"https:http://support.mandnweb.com/hc/admin/language_settings?locale=en-us","docs_importer_url":"https://d1support.zendesk.com/knowledge/import_articles?brand_id=360003507153","community_badges_url":"https://d1support.zendesk.com/knowledge/community_badges?brand_id=360003507153","community_settings_url":"https://d1support.zendesk.com/knowledge/community_settings?brand_id=360003507153","gather_plan_state":"subscribed","search_settings_url":"https://d1support.zendesk.com/knowledge/search_settings?brand_id=360003507153","has_multibrand_search_in_plan":true,"theming_api_version":1,"has_pci_credit_card_custom_field":true,"current_brand_id":360003507153,"help_center_restricted":false,"current_brand_active":true,"is_assuming_someone_else":false,"flash_messages":[]};
</script>
<script src="//static.zdassets.com/hc/assets/moment-f6f8513da6ab17eadada59a1a4edb536.js"></script>
<script src="//static.zdassets.com/hc/assets/hc_enduser-b13c2932f10d69bae5b69408f2b7f1a7.js"></script>
<script src="//static.zdassets.com/hc/assets/moment-f6f8513da6ab17eadada59a1a4edb536.js"></script>
<script src="//static.zdassets.com/hc/assets/hc_enduser-b13c2932f10d69bae5b69408f2b7f1a7.js"></script>
<script type="text/javascript">function add_chatinline(){var hccid=13250679;var nt=document.createElement("script");nt.async=true;nt.src="https://www.mylivechat.com/chatinline.aspx?hccid="+hccid;var ct=document.getElementsByTagName("script")[0];ct.parentNode.insertBefore(nt,ct);}
add_chatinline();</script>
<script type="text/javascript">
$(document).ready(function(){
// Video 1
$('#mn-web-video').on('shown.bs.modal', function (event) {
$('#mn-web-video')[0].play();
});
$('#mn-web-video').on('hidden.bs.modal', function (event) {
$('#mn-web-video')[0].pause();
});
});
</script>
<script src="https://mandnweb.com/css/frontend/lightbox/js/lightbox.min.js"></script>
</body>
<style>
/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
display: block;
line-height: 2.5;
padding: 0 0 1.2em 1rem;;
text-decoration: none;
font-size: 16px;
color:#313131;
display: block;
border: 0;
font-weight:600px;
letter-spacing:0.25px;
background: none;
width: 100%;
text-align: left;
cursor: pointer;
outline: none;
}
.st{
margin-top: -65%;
}
.st1{
margin-top: -18%;
}
/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
color: red;
}
/* Main content */
.main {
margin-left: 200px; /* Same as the width of the sidenav */
font-size: 20px; /* Increased text to enable scrolling */
padding: 0px 10px;
}
/* Add an active class to the active dropdown button */
.active {
color: black;
}
/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
display: none;
background-color: white;
padding-left: 8px;
color: #3C3F44;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.26px;
}
/* Optional: Style the caret down icon */
.fa fa-angle-down {
float: right;
padding-right: 8px;
padding-top: 8px;
}
.header {
background:#3D8FE7 !important;
}
/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
.st{
margin-top: 0;
margin-left: 0;
}
}
@media (max-width: 64em){
.footer .copyrights {
padding:12px 0 !important;
}
.spane{
color: #313131;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.25px;
padding: 0.4em 0 1.6em 1rem;
}
.body{
font-weight:600px !important;
}
.footer .copyrights {
float: right !important;
margin-top: -2%;
color:white;
}
a.mandnweb-link{
color: #000 !important;
}
.social-icons .fa-facebook {
background-color: #e9f4fd;
}
.social-icons .icon.twitter {
background-color: #e9f4fd;
}
.social-icons .icon.linkedin {
background-color: #e9f4fd;
}
.social-icons .icon.youtube{
background-color: #e9f4fd;
}
.fa-facebook-f:before, .fa-facebook:before
{
background-color:white;
color: #2d373a;
}
.fa-twitter-f:before, .fa-twitter:before
{
color: #2d373a;
}
.fa-linkedin-f:before, .fa-linkedin:before
{
color: #2d373a;
}
.fa-youtube-play:before
{
color: #2d373a;
}
.header-search-form .search input[type=submit]
{ background:white !important;
}
button, [role=button], [type=button], [type=submit], #zd-edit-user-close
{
box-shadow: NONE !important; */
}
.sm{
color: #3C3F44;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.26px;
MARGIN-LEFT: 7px;
}
.UPPERCASE
{ font-size: 16px !IMPORTANT;}
.footer .lists > li ul {
font-size: 16px !IMPORTANT;}
</style>
</html>