From Likes to Loyalty: How Micro-Influencers Build Real Connections fo

从点赞到忠诚：微影响者如何为您的品牌建立真正的联系</ title> <script type = " application / ld + json "> {" @ context ": " https://schema.org ", " @ type ":" FAQPage ", " mainEntity ": []} </ script> <h2>目录</ h2> <ol> <li> <a href=＃section1">简介</a> </li> <li> <a href=＃section2">什么是微影响者？</a> </li> <li> <a href=＃section3">品牌为何应与微影响者合作</a> </li> <li> <a href=＃section4">成功微影响者广告活动的策略</a> </li> <li> <a href=＃section5">品牌的最佳实践</a> </li> <li> <a href=＃section6">微影响者在内容营销中的作用</a> </li> <li> <a href=＃section7">微影响者景观中的新兴趋势</a> </li> <li> <a href=＃section8">结论</a> </li> <li> <a href=＃section9">常问问题</a> </li> </ol> <a id=＃section1"></a> <h2>介绍</h2> <p>在快速发展的数字营销世界中，影响者已成为不可或缺的存在。全球影响者营销行业规模已达到惊人的240亿美元，这证明了它日益增长的影响力。虽然名人和思想领袖，即宏观影响者，在拥有大量粉丝的同时，他们广泛的影响力往往导致与观众之间的联系较少个性化。这就是微影响者的作用，它为品牌提供了与客户建立亲密而有影响力的互动的独特机会。</p> <p>本博客文章探讨了微影响者的作用以及他们如何培养真正的品牌忠诚度。您将了解到什么是微影响者，为什么与他们合作的品牌越来越受青睐，以及如何与他们有效合作，实现卓越结果。</p> <a id=＃section2"></a> <h2>什么是微影响者？</h2> <p>微影响者通常在社交媒体上拥有1,000至50,000的关注者。与面向广大观众的宏观影响者不同，微影响者服务于具体的市场和特定的社群。他们的关注者通常包括具有共同兴趣或热情的个人，无论是健身，时尚，技术，食品还是其他专业主题。</p> <p>微影响者的美妙之处在于他们的真实性。他们与关注者密切互动，常常将他们视为朋友而不是遥远的名人。这种关系培养了一种信任和忠诚的感觉，使得他们的认可显著有效。</p> <h3>参与的力量</h3> <p>评估影响者有效性的一个关键指标是他们的参与率-即他们的内容从关注者那里接收到的互动水平。与宏观影响者相比，微影响者通常拥有更高的参与率。研究表明，Instagram上的微影响者的平均参与率约为6％，而超级影响者的参与率更接近1.97％。</p> <p>这种增强的参与转化为更有意义的联系和强大的互动。当微影楼者认可产品时，他们的推荐被认为是诚实和可信的，使关注者更倾向于信任并采取相应行动。</p> <a id=＃section3"></a> <h2>品牌为何应与微影响者合作</h2> <h3>经济效益</h3> <p>预算限制是市场营销人员普遍关心的问题。与宏观影响者或名人合作往往要付出巨大的代价。相反，微影响者提供了更经济实惠的选择，同时仍然提供可观的投资回报率。许多微影响者收取相对较低的费用，有时低至100美元，使所有规模的品牌都能够获得。</p> <h3>真实宣传</h3> <p>微影响者的关注者非常看重真实性。与宏观影响者相比，他们可能过于商业化，微影响者提供真实可信的认可。他们的内容通常是非脚本和有机的，这更能与他们的观众产生共鸣。这种真实性不仅提升了品牌形象，还提高了参与和转化率。</p> <a id=＃section4"></a> <h2>成功微影响者广告活动的策略</h2> <h3>确定合适的微影响者</h3> <p>品牌面临的主要挑战之一是确定适合他们广告活动的微影响者。社交媒体的广阔领域可能会让人感到不知所措，因为有无数的潜在影响者可供选择。以下是一些简化选择过程的策略：</p> <ol> <li> <strong>利用影响者营销软件</strong>：这些工具可根据利基市场，参与率，受众人口统计数据和过去的合作过滤影响者。</li > <li> <strong>手动审核</ strong>：进行全面的研究，以确保影响者的关注者和参与度是真实的。 </li> <li> <strong>试点广告活动</ strong>：在承诺长期合作之前先进行小规模试点广告活动，以试探一下。 </li> </ol> <h3>衡量投资回报率</ h3> <p>由于微影响者的影响力范围的碎片化，衡量微影响者广告活动的回报率可能具有一定的挑战性。然而，设定明确的预期和关键绩效指标对于广告活动的成功至关重要。使用跟踪工具，如促销代码，UTM链接和跟踪链接，以监控各种指标，例如参与度，转化率和网站流量。这种方法可以帮助品牌量化广告活动的影响并根据需要调整策略。</p> <h3>保持真实性</ h3> <p>保持微影响者已知的真实性至关重要。为实现这一点：</ p> <ol> <li> <strong>允许创造自由</ strong>：相信微影响者将您的品牌自然地融入他们的内容中，并传达关键信息。</ li> <li> <strong>培养长期合作</ strong>：建立持续的合作伙伴关系，而不仅仅是一次性合作，以加强社群感和真实性。</ li> </ol> <a id=＃section5"></a> <h2>品牌的最佳实践</ h2> <h3>内部预期</ h3> <p>在开始微影响者广告活动之前，明确是关键。明确您的广告活动目标以及您打算接触的特定目标受众。这种关注将指导您选择与您的品牌价值观和目标一致的影响者。</ p> <h3>重视参与度</ h3> <p>尽管粉丝计数是常用的衡量指标，但它可能具有误导性。具有5,000名真实，参与度高的微影响者通常比具有50,000名被动关注者的微影响者更有价值。在评估潜在合作伙伴时，始终优先考虑参与度。</ p> <h3>对齐内容风格和质量</ h3> <p>确保影响者的内容风格和质量与您的品牌美学保持一致。这种一致性不仅提高了认可的可信度，还确保内容与您的品牌的总体营销策略无缝整合。</ p> <a id=＃section6"></a> <h2>微影响者在内容营销中的作用</ h2> <h3>用户生成的内容（UGC）</ h3> <p>鼓励微影响者创建和共享以您的产品为特色的原创内容可能非常有效。这种用户生成的内容可以在您品牌拥有的各个渠道上重新利用，从而使您的社交内容战略受益。</ p> <h3>社交媒体接管</ h3> <p>允许微影响者接管您的品牌社交媒体帐户一天，可以注入新鲜的，真实的内容，并使您的关注者实时参与。这些接管提供了独特的视角，并且通常会导致更高的关注者参与。</ p> <h3>教程和如何操作的视频</ h3> <p>微影响者可以创建有价值的教育内容，如教程和如何操作的视频。这不仅展示了产品的实用性，还将您的品牌定位为可亲近和有帮助的。</ p> <a id=＃section7"></a> <h2>微影响者景观中的新兴趋势</ h2> <p>微影响者领域不断变化，受到几种新兴趋势的影响。以下是一些值得关注的趋势：</ p> <h3>对真实性的偏好增加</ h3> <p>在数字世界日益充斥着内容的背景下，真实性显得突出。品牌和受众都要求更真实和透明的合作伙伴关系。微影响者提供这些真实认可的能力可能会导致他们日益显著。</ p> <h3>高级分析和AI集成</ h3> <p>随着技术的进步，高级分析和人工智能将成为识别和分析符合品牌目标和价值的微影响者的关键。这种技术整合将提高精确的定位和投资回报率的衡量。</ p> <h3>联盟营销</ h3> <p>联盟营销已成为微影响者的主要收入来源。通过纳入这些活动，影响者可以为品牌产生收入，并与品牌建立起稳固而持久的关系，为其听众提供真实的价值。</ p> <a id=＃section8"></a> <h2>结论</ h2> <p>微影响者重塑了影响者营销的景观，为品牌提供了经济实惠，真实而高度参与的推广机会。通过了解微影响者合作的独特动态并采用最佳实践，品牌可以建立真正的联系，并推动卓越的业务结果。</ p> <a id=＃section9"></a> <h2>常问问题</ h2> <h3>什么是微影响者？</ h3> <p>微影响者是具有1,000至50,000关注者的社交媒体用户，他们专注于特定的利基市场或兴趣，并与其观众紧密互动。</ p> <h3>为什么微影响者比宏观影响者更受青睐？</ h3> <p>微影响者通常具有更高的参与率，提供真实的认可，并且比具有更多关注者的宏观影响者更经济实惠。</ p> <h3>品牌如何确定合适的微影响者？</ h3> <p>品牌可以使用影响者营销软件，进行手动审核，并开始试用广告活动，以确定与其价值观，目标和受众人口统计数据一致的微影响者。</ p> <h3>微影响者景观中的新兴趋势是什么？</ h3> <p>新兴趋势包括对真实性的日益偏好，对高级分析和人工智能的增加使用以及提高影响者-品牌关系的联盟营销的崛起。</ p> <p>拥抱微影响者可以推动品牌走向新的高度，培养真实的联系，并推动转化为忠诚和增长的参与。</ p> </p> </div> </div> </div> <div class="row social__sharing--icons border-bottom py-4 mb-4 mb-lg-0"> <div class="col-12"> <h3>Share this article on socials</h3><ul class="list-inline mb-0 py-2 social-sharing"> <li class="list-inline-item "> <a class="text-white bg-gray-medium" href="//www.facebook.com/sharer.php?u=https://www.hulkapps.com/zh-hans/blogs/dian-zi-shang-wu-zhong-xin/from-likes-to-loyalty-how-micro-influencers-build-real-connections-for-your-brand" target="_blank" rel="noopener noreferrer nofollow" title="Share on Facebook"> <i class="ion ion-logo-facebook"></i> </a> </li> <li class="list-inline-item "> <a class="text-white bg-gray-medium" href="//twitter.com/share?text=From%20Likes%20to%20Loyalty:%20How%20Micro-Influencers%20Build%20Real%20Connections%20for%20Your%20Brand&url=https://www.hulkapps.com/zh-hans/blogs/dian-zi-shang-wu-zhong-xin/from-likes-to-loyalty-how-micro-influencers-build-real-connections-for-your-brand" target="_blank" rel="noopener noreferrer nofollow" title="Share on Twitter"> <i class="ion ion-logo-twitter"></i> </a> </li> <li class="list-inline-item"> <a class="text-white bg-gray-medium" href="//pinterest.com/pin/create/button/?url=https://www.hulkapps.com/zh-hans/blogs/dian-zi-shang-wu-zhong-xin/from-likes-to-loyalty-how-micro-influencers-build-real-connections-for-your-brand&media=//www.hulkapps.com/cdn/shop/articles/scaled_IMAGE-FILE-UPLOADS-from-likes-to-loyalty-how-micro-influencers-build-real-connections-for-your-brand-320660_1024x1024.jpg?v=1722247406&description=From%20Likes%20to%20Loyalty:%20How%20Micro-Influencers%20Build%20Real%20Connections%20for%20Your%20Brand" target="_blank" rel="noopener noreferrer nofollow" title="Share on Pinterest"> <i class="ion ion-logo-pinterest"></i> </a> </li> </ul></div> </div></div> <div class="col-12 col-lg-3 blog_details_2 sticky-top align-self-start sticky-blog-sidebar" style="display: none; !important"> <div class="sidebar-blog categories-section"> <div id="accordion" class="d-none"> <div class="card border-0 mt-4 categories-articles shadow"> <div class="card-header p-0 font-weight-bold" id="headingOne__categories"> <h5 class="mb-0"> <button class="btn px-3 d-flex align-items-center justify-content-between w-100 collapsed" data-toggle="collapse" data-target="#collapseOne_categories" aria-expanded="false" aria-controls="collapseOne_categories"> Categories <i class="ion ion-ios-arrow-up text-18"></i> </button> </h5> </div> <div id="collapseOne_categories" class="collapse" aria-labelledby="headingOne__categories" data-parent="#accordion"> <div class="card-body p-0"> <ul class="list-group list-group-flush mb-0"> </ul> </div> </div> </div> </div> <div id="accordion" class=""> <div class="card border-0 mt-4 categories-articles shadow"> <div class="card-header p-0 font-weight-bold" id="headingOne"> <h5 class="mb-0"> <button class="btn px-3 d-flex align-items-center justify-content-between w-100 collapsed" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne"> Browse by apps <i class="ion ion-ios-arrow-up text-18"></i> </button> </h5> </div> <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion"> <div class="card-body p-0"> <ul class="list-group list-group-flush mb-0"> <li class="list-group-item py-2 px-3"> <a href="javascript:void(0)" class="blog-apps text-secondary font-weight-normal" data-url="/blogs/dian-zi-shang-wu-zhong-xin/tagged/product-options" data-tag="product-options">产品选项</a> </li> <li class="list-group-item py-2 px-3"> <a href="javascript:void(0)" class="blog-apps text-secondary font-weight-normal" data-url="/blogs/dian-zi-shang-wu-zhong-xin/tagged/form-builder" data-tag="form-builder">表单构建器</a> </li> </ul> </div> </div> </div> </div> <div class="card card-recent-articles mt-4 shadow"> <div class="card-header border-bottom py-3"> <h4 class="mb-0">Recent Articles</h4> </div> <ul class="list-group list-group-flush mb-0"> <li class="list-group-item"> <div class="media"> <a href="/zh-hans/blogs/dian-zi-shang-wu-zhong-xin/should-web-browsers-be-regulated-2" name="Should Web Browsers Be Regulated?" title="Should Web Browsers Be Regulated?" aria-label="Should Web Browsers Be Regulated?"> <img class="d-flex mr-3" src="//www.hulkapps.com/cdn/shop/articles/scaled_IMAGE-FILE-UPLOADS-should-web-browsers-be-regulated--566353_40x40_crop_center.jpg?v=1722238126" class="img-fluid" alt="Should Web Browsers Be Regulated?"> </a> <div class="media-body"> <h6 class="mb-0"> <a href="/zh-hans/blogs/dian-zi-shang-wu-zhong-xin/should-web-browsers-be-regulated-2" class="text-secondary">Should Web Browsers Be Regulated?</a> </h6> </div> </div> </li> <li class="list-group-item"> <div class="media"> <a href="/zh-hans/blogs/dian-zi-shang-wu-zhong-xin/what-the-nba-rights-deal-spells-out-about-the-future-of-streamers-and-platforms-in-live-sports" name="What the NBA Rights Deal Spells Out About the Future of Streamers and Platforms in Live Sports" title="What the NBA Rights Deal Spells Out About the Future of Streamers and Platforms in Live Sports" aria-label="What the NBA Rights Deal Spells Out About the Future of Streamers and Platforms in Live Sports"> <img class="d-flex mr-3" src="//www.hulkapps.com/cdn/shop/articles/scaled_IMAGE-FILE-UPLOADS-what-the-nba-rights-deal-spells-out-about-the-future-of-streamers-and-platforms-in-live-sports-213957_40x40_crop_center.jpg?v=1722238126" class="img-fluid" alt="What the NBA Rights Deal Spells Out About the Future of Streamers and Platforms in Live Sports"> </a> <div class="media-body"> <h6 class="mb-0"> <a href="/zh-hans/blogs/dian-zi-shang-wu-zhong-xin/what-the-nba-rights-deal-spells-out-about-the-future-of-streamers-and-platforms-in-live-sports" class="text-secondary">What the NBA Rights Deal Spells Out About the Future of Streamers and Platforms in Live Sports</a> </h6> </div> </div> </li> </ul> </div> </div><div class="mt-5 text-center pt-12 pb-3 bg-img-article" style="background-image: url(//www.hulkapps.com/cdn/shop/files/Custom_Size_1_1024x1024.jpg?v=1647842730);background-repeat: no-repeat; background-size: cover; background-position: center center;padding: 0 12px;"><h4 class="heading mb-2 text-white">Enjoyed This Article?</h4><p class="text-white">Get our news and insights delivered directly to your inbox.</p><form method="post" action="/zh-hans/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <div class="form-inline d-block pb-3"> <div class="text-center d-block mb-3 mb-lg-0"> <label class="mb-2 text-white text-16">NEWSLETTER</label> </div> <div class="d-block mb-3"> <input type="hidden" name="customer[accepts_marketing]" value="true"> <input type="email" name="contact[email]" placeholder="Email Address" class="form-control-sm form-control h-auto flex-grow-1 rounded-0 py-2 w-100" id="email"> </div> <div class="text-center"> <input type="submit" class="btn btn-accent text-uppercase btn-sm px-4" value="Subscribe"> </div> </div> </form> </div></div> </div> </div> </section> <script> document.addEventListener('DOMContentLoaded', function() { setTimeout(function() { let bannerImages = document.querySelectorAll('.app_banner_image'); bannerImages.forEach(function(bannerImage) { if (bannerImage.classList.contains('image-zoom')) { bannerImage.classList.remove('image-zoom'); } }); }, 1500); }); </script> <script> document.addEventListener('DOMContentLoaded', function() { let articleContentElements = document.querySelectorAll('.article_content'); articleContentElements.forEach(function(articleContent) { let olElement = articleContent.querySelector('ol'); if (olElement) { let newDivElement = document.createElement('div'); newDivElement.className = 'col-8 mx-auto px-0 mb-3 d-lg-none'; let anchorElement = document.createElement('a'); anchorElement.href = '#'; anchorElement.target = '_blank'; let imgElement = document.createElement('img'); imgElement.src = " https://cdn.shopify.com/s/files/1/1564/7647/files/mobile_app_builder.png?v=1701850973"; imgElement.alt = 'App image'; imgElement.className = 'app_banner_image my-3'; anchorElement.appendChild(imgElement); newDivElement.appendChild(anchorElement); olElement.parentNode.insertBefore(newDivElement, olElement.nextSibling); } }); }); </script> <style> .rounded-full { border-radius: 50%; height: 150px; width: 150px; } .banner { padding-top: 90px; } #modalBtn:hover { box-shadow: none !important; } a:hover { text-decoration: none; color: #444; } </style> </div> <div id="shopify-section-footer" class="shopify-section position-relative shadow"><footer class="site-footer" data-block-type="footers" data-id="1" > <section id="prefooter-section" class="section-content brand-logos-section pre-footer fdb-block"> <div class="container d-flex flex-column flex-lg-row justify-content-center align-items-center margin-auto"> <h2 class="text-center col-12 col-lg-4 mb-6 mb-lg-0 text-lg-left" style="color: #444444;"> Explore Our<br> Brands </h2> <div class="col-12 col-lg-8 text-white"> <div class="row"> <div class="col-6 col-md-4 col-lg-2 d-flex justify-content-center align-items-center my-3 logo-item offset-lg-2 "> <a class="prefooter_logo-img d-flex align-items-center" href="https://wholesalehelper.io" target="_blank"> <img src="//www.hulkapps.com/cdn/shop/files/Wholesale_logo.svg?v=1740494897&width=150" alt="" srcset="//www.hulkapps.com/cdn/shop/files/Wholesale_logo.svg?v=1740494897&width=150 150w" width="150" height="50" class="prefooter_logo-img"> </a> </div> <div class="col-6 col-md-4 col-lg-2 d-flex justify-content-center align-items-center my-3 logo-item "> <a class="prefooter_logo-img d-flex align-items-center" href="https://www.aiden.cx/en" target="_blank"> <img src="//www.hulkapps.com/cdn/shop/files/Clip_path_group_2.svg?v=1740494896&width=150" alt="" srcset="//www.hulkapps.com/cdn/shop/files/Clip_path_group_2.svg?v=1740494896&width=150 150w" width="150" height="55" class="prefooter_logo-img small_size_logo_image"> </a> </div> <div class="col-6 col-md-4 col-lg-2 d-flex justify-content-center align-items-center my-3 logo-item "> <a class="prefooter_logo-img d-flex align-items-center" href="https://506.io/" target="_blank"> <img src="//www.hulkapps.com/cdn/shop/files/Brand_Logo_5.svg?v=1740494896&width=150" alt="" srcset="//www.hulkapps.com/cdn/shop/files/Brand_Logo_5.svg?v=1740494896&width=150 150w" width="150" height="68" class="prefooter_logo-img small_size_logo_image"> </a> </div> <div class="col-6 col-md-4 col-lg-2 d-flex justify-content-center align-items-center my-3 logo-item "> <a class="prefooter_logo-img d-flex align-items-center" href="https://www.codeblackbelt.com/" target="_blank"> <img src="//www.hulkapps.com/cdn/shop/files/Brand_Logo_4.svg?v=1740494896&width=150" alt="" srcset="//www.hulkapps.com/cdn/shop/files/Brand_Logo_4.svg?v=1740494896&width=150 150w" width="150" height="99" class="prefooter_logo-img"> </a> </div> <div class="col-6 col-md-4 col-lg-2 d-flex justify-content-center align-items-center my-3 logo-item "> <a class="prefooter_logo-img d-flex align-items-center" href="https://releas.it" target="_blank"> <img src="//www.hulkapps.com/cdn/shop/files/Group_4.svg?v=1740494896&width=150" alt="" srcset="//www.hulkapps.com/cdn/shop/files/Group_4.svg?v=1740494896&width=150 150w" width="150" height="32" class="prefooter_logo-img"> </a> </div><div class="col-12 d-none d-lg-block white-divider"></div> <div class="col-6 col-md-4 col-lg-2 d-flex justify-content-center align-items-center my-3 logo-item "> <a class="prefooter_logo-img d-flex align-items-center" href="https://www.opinew.com/" target="_blank"> <img src="//www.hulkapps.com/cdn/shop/files/Brand_Logo_3.svg?v=1740494896&width=150" alt="" srcset="//www.hulkapps.com/cdn/shop/files/Brand_Logo_3.svg?v=1740494896&width=150 150w" width="150" height="40" class="prefooter_logo-img"> </a> </div> <div class="col-6 col-md-4 col-lg-2 d-flex justify-content-center align-items-center my-3 logo-item "> <a class="prefooter_logo-img d-flex align-items-center" href="https://shopcircle.co" target="_blank"> <img src="//www.hulkapps.com/cdn/shop/files/Brand_Logo_2.svg?v=1740494896&width=150" alt="" srcset="//www.hulkapps.com/cdn/shop/files/Brand_Logo_2.svg?v=1740494896&width=150 150w" width="150" height="34" class="prefooter_logo-img"> </a> </div> <div class="col-6 col-md-4 col-lg-2 d-flex justify-content-center align-items-center my-3 logo-item "> <a class="prefooter_logo-img d-flex align-items-center" href="https://www.accentuate.io/" target="_blank"> <img src="//www.hulkapps.com/cdn/shop/files/Clip_path_group_3.svg?v=1740495413&width=150" alt="" srcset="//www.hulkapps.com/cdn/shop/files/Clip_path_group_3.svg?v=1740495413&width=150 150w" width="150" height="28" class="prefooter_logo-img"> </a> </div> <div class="col-6 col-md-4 col-lg-2 d-flex justify-content-center align-items-center my-3 logo-item "> <a class="prefooter_logo-img d-flex align-items-center" href="https://www.carthook.com/" target="_blank"> <img src="//www.hulkapps.com/cdn/shop/files/Brand_Icon_beb68710-fb24-44b3-badb-0bc70b6f53ee.svg?v=1740494896&width=150" alt="" srcset="//www.hulkapps.com/cdn/shop/files/Brand_Icon_beb68710-fb24-44b3-badb-0bc70b6f53ee.svg?v=1740494896&width=150 150w" width="150" height="20" class="prefooter_logo-img"> </a> </div> <div class="col-6 col-md-4 col-lg-2 d-flex justify-content-center align-items-center my-3 logo-item "> <a class="prefooter_logo-img d-flex align-items-center" href="https://get.orderprinterpro.com/" target="_blank"> <img src="//www.hulkapps.com/cdn/shop/files/Forsberg.svg?v=1740564464&width=150" alt="" srcset="//www.hulkapps.com/cdn/shop/files/Forsberg.svg?v=1740564464&width=150 150w" width="150" height="33" class="prefooter_logo-img"> </a> </div> <div class="col-6 col-md-4 col-lg-2 d-flex justify-content-center align-items-center my-3 logo-item "> <a class="prefooter_logo-img d-flex align-items-center" href="https://www.skypilotapp.com/" target="_blank"> <img src="//www.hulkapps.com/cdn/shop/files/Brand_Logo.svg?v=1740494399&width=150" alt="" srcset="//www.hulkapps.com/cdn/shop/files/Brand_Logo.svg?v=1740494399&width=150 150w" width="150" height="42" class="prefooter_logo-img"> </a> </div> </div> </div> </div> </section> <div class="footer-top" style="background-color: #ffffff; color: #444444;" > <div class="container"> <div class="pt-8 pb-5"> <div class="justify-content-center row"> <div class="col-12 col-xl-3 text-center text-xl-left mb-6 mb-xl-0"> <a href="/"><img src="//www.hulkapps.com/cdn/shop/files/Hulk_Logo_New_200x.svg?v=1740386263" alt="HulkApps" class="mb-3" style="max-width: 200px" ></a> <img src="https://cdn.shopify.com/s/files/1/1564/7647/files/shopify-experts.svg?v=1617091328" alt="Footer Logo" class="img-fuild d-block mx-auto mx-xl-0" > </div> <div class="col-12 col-sm-4 col-lg-3 col-xl-2 sec-col text-center text-lg-left mb-3 mb-lg-0"><h4 style="color: #444444;" class="text-16 text-uppercase mb-3 font-weight-bold" > Company </h4><ul class="list-unstyled"><li class="mb-2 mainLi"><a href="/zh-hans/pages/hulkapps-14" target="" title=" Shopify 关于我们 " style="color: #444444;" >关于我们 </a> </li><li class="mb-2 mainLi"><a href="/zh-hans/pages/careers" target="" title=" Shopify 职业 " style="color: #444444;" >职业</a> </li><li class="mb-2 mainLi"><a href="/zh-hans/pages/hulkapps-25" target="" title=" Shopify 联系方式 " style="color: #444444;" >联系方式</a> </li><li class="mb-2 mainLi"><a href="https://support.hulkthemes.com/support/tickets/new" target="_blank" title=" Shopify Submit a Ticket " style="color: #444444;" >Submit a Ticket</a> </li></ul></div> <div class="col-12 col-sm-4 col-lg-3 col-xl-2 third-col text-center text-lg-left mb-3 mb-lg-0"><h4 style="color: #444444;" class="text-16 text-uppercase mb-3 font-weight-bold" > Apps </h4><ul class="list-unstyled "><li class="mb-2 mainLi"> <a href="/zh-hans/collections/sales-aov" target="" title=" Shopify Sales & AOV " style="color: #444444;" rel="" >Sales & AOV</a> </li><li class="mb-2 mainLi"> <a href="/zh-hans/collections/customer-experience" target="" title=" Shopify Customer Experience " style="color: #444444;" rel="" >Customer Experience</a> </li><li class="mb-2 mainLi"> <a href="/zh-hans/collections/loyalty-retention" target="" title=" Shopify Loyalty & Retention " style="color: #444444;" rel="" >Loyalty & Retention</a> </li><li class="mb-2 mainLi"> <a href="/zh-hans/collections/store-management" target="" title=" Shopify Store Management " style="color: #444444;" rel="" >Store Management</a> </li></ul> </div> <div class="col-12 col-sm-4 col-lg-3 col-xl-2 text-center text-lg-left mb-3 mb-lg-0"><h4 style="color: #444444;" class="text-16 text-uppercase mb-3 font-weight-bold" > Solutions </h4><ul class="list-unstyled"><li class="mb-2 mainLi"> <a href="https://shopcircle.co/pages/solutions?page=capital" title=" Shopify Shop Circle Capital " style="color: #444444;" target="" >Shop Circle Capital</a> </li><li class="mb-2 mainLi"> <a href="https://shopcircle.co/pages/affiliate-program" title=" HulkApps Partners " style="color: #444444;" target="" >Partners</a> </li><li class="mb-2 mainLi"> <a href="https://shopcircle.co/pages/shopify-apps-tech-stack" title=" Shopify App Stacks " style="color: #444444;" target="" >App Stacks</a> </li><li class="mb-2 mainLi"> <a href="/zh-hans/pages/shopify-ying-yong-tao-can" title=" Shopify Bundles " style="color: #444444;" target="" >Bundles</a> </li></ul> </div> <div class="col-12 col-sm-4 col-md-6 col-lg-3 text-center text-lg-left"><h4 style="color: #444444;" class="text-16 text-uppercase mb-3 font-weight-bold" > Resources </h4><ul class="list-unstyled"><li class="mb-2 mainLi"> <a href="/zh-hans/blogs/topics" title=" Shopify 主题 " style="color: #444444;" >主题</a> </li><li class="mb-2 mainLi"> <a href="/zh-hans/blogs/shopify-news" title=" Shopify新闻 " style="color: #444444;" >Shopify新闻</a> </li><li class="mb-2 mainLi"> <a href="/zh-hans/blogs/compare" title=" Shopify 比较 " style="color: #444444;" >比较</a> </li><li class="mb-2 mainLi"> <a href="/zh-hans/blogs/dian-zi-shang-wu-zhong-xin" title=" Shopify Ecommerce Hub " style="color: #444444;" >Ecommerce Hub</a> </li><li class="mb-2 mainLi"> <a href="/zh-hans/blogs/shopify-hub" title=" Shopify 平台中心 " style="color: #444444;" >Shopify 平台中心</a> </li></ul> </div> </div> </div> <div class="border-top border-bottom py-4"> <div class="row align-items-center"> <div class="col-xl-7 order-2 order-xl-1"> <ul class="list-unstyled d-flex mb-md-0 mb-2 justify-content-md-start justify-content-center flex-wrap text-center"> <li class="mr-xl-4 mr-0 order-3 order-xl-1 ml-auto ml-xl-0 mt-md-0 mt-4 col-12 col-md-auto px-0"><p class="mb-0 text-14"> December 26, 2025 © HulkApps.com. All Rights Reserved. </p></li> <li class="mr-2 order-xl-2 order-1"><a href="/pages/locations" class="world-wide align-items-center d-flex justify-content-center justify-content-md-start"> <img src="https://cdn.shopify.com/s/files/1/1564/7647/files/globe_new_logo.svg?v=1632984800" alt="Location"> <p class="text-primary font-size-sm mx-3 mb-0">We're Worldwide</p> </a> </li> <li class="order-2 order-xl-3"><a href="/pages/careers" class="align-items-center d-flex justify-content-center justify-content-md-start"><img src="https://cdn.shopify.com/s/files/1/1564/7647/files/hiring.svg?v=1623406181" alt="Career"> <p class="font-size-sm text-primary mx-3 mb-0">We're Hiring</p></a> </li> </ul> </div> <div class="col-xl-5 order-1 order-xl-2 mb-6 mb-xl-0"> <form method="post" action="/zh-hans/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <div class="form-inline justify-content-end d-block d-lg-flex"> <div class="form-group text-center d-lg-flex d-block mb-3 mb-lg-0"> <label class="font-weight-bold mr-3">NEWSLETTER</label> </div> <div class="form-group align-items-stretch d-flex flex-grow-1"> <input type="hidden" name="customer[accepts_marketing]" value="true" > <input type="email" name="contact[email]" placeholder="Email Address" class="form-control flex-grow-1" id="email" > <input type="submit" class="btn btn-primary" value="Submit" > </div> </div> </form> </div> </div> </div> </div> </div> <div data-footer-bottom class="footer-bottom py-3" style="background-color: #ffffff; color: #444444;" > <div class="container"> <div class="row text-14 text-center text-md-left align-items-center justify-content-between"> <div class="col-12 col-md-6 mb-3 mb-md-0"> <ul class="social-links mb-0 list-unstyled"><li class="d-inline-block mr-3"> <a href="https://www.facebook.com/hulkapps1" rel="nofollow noopener" class="d-flex align-items-center justify-content-center text-gray-medium" target="_blank" aria-label="Facebook" > <img src="https://cdn.shopify.com/s/files/1/1564/7647/files/fb.svg?v=1646374043" alt="Facebook" style="max-width: 30px;" > </a> </li><li class="d-inline-block mr-3"> <a href="https://www.instagram.com/hulkapps/" rel="nofollow noopener" class="d-flex align-items-center justify-content-center text-gray-medium" target="_blank" aria-label="Instagram" > <img src="https://cdn.shopify.com/s/files/1/1564/7647/files/new_insta.svg?v=1646375603" alt="Instagram" style="max-width: 30px;" > </a> </li><li class="d-inline-block mr-3"> <a href="https://twitter.com/hulkapps" rel="nofollow noopener" class="d-flex align-items-center justify-content-center text-gray-medium" target="_blank" aria-label="Twitter" > <img src="https://cdn.shopify.com/s/files/1/1564/7647/files/twitter.svg?v=1646375603" alt="Twitter" style="max-width: 30px;" > </a> </li><li class="d-inline-block mr-3"> <a href="https://www.linkedin.com/company/hulkapps/" rel="nofollow noopener" class="d-flex align-items-center justify-content-center text-gray-medium" target="_blank" aria-label="Linkedin" > <img src="https://cdn.shopify.com/s/files/1/1564/7647/files/linkd.svg?v=1646375603" alt="Linkedin" style="max-width: 30px;" > </a> </li><li class="d-inline-block mr-3"> <a href="https://www.youtube.com/@hulkapps_official" rel="nofollow noopener" class="d-flex align-items-center justify-content-center text-gray-medium" target="_blank" > <img src="https://cdn.shopify.com/s/files/1/1564/7647/files/youtube_1.svg?v=1646375603" alt="YouTube" style="max-width: 30px;" > </a> </li><li class="d-inline-block"> <a href="https://github.com/HulkApps-Apps" rel="nofollow noopener" class="d-flex align-items-center justify-content-center text-gray-medium" target="_blank" aria-label="Github" > <img src="https://cdn.shopify.com/s/files/1/1564/7647/files/git.svg?v=1646418470" alt="Github" style="max-width: 30px;" > </a> </li></ul></div> <div class="col-12 col-md-6 text-center text-md-right"> <a href="/pages/data-processing" class="">Data Processing Addendum</a> <span class="mx-ex-lg-3 mx-2 separator">|</span> <a href="/pages/privacy-policy" class="">Privacy Policy</a> <span class="mx-ex-lg-3 mx-2 separator">|</span> <a href="/pages/terms-condition">Terms & Conditions</a> <span class="mx-ex-lg-3 mx-2 separator">|</span> <a href="/pages/sitemap">Sitemap</a> </div> </div> </div> </div> </footer> <style> .pre-footer { background-color: #D9F5F4; overflow: hidden; /* Hide anything that goes beyond the bounds of the container */ } .prefooter-slider, .prefooter-slider_wrapper, .prefooter-slider > .inner { gap: 2rem; } .prefooter_logo-img { object-fit: contain; max-width: 100px; max-height: 50px; } .prefooter_logo-img:hover { opacity: 0.7; scale: 1.02; color: #00a9a2 } .small_size_logo_image { max-height: 35px !important; } .prefooter-slider_wrapper:hover > .prefooter-slider > .inner { animation-play-state: paused; } /* Animation applied universally */ .prefooter-slider > .inner { animation: prefooterScroll 16s linear infinite; } @keyframes prefooterScroll { from { transform: translateX(0%); } to { transform: translateX(-100%); /* Adjust based on content duplication */ } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } } .white-divider { border-bottom: 1px solid #444444; opacity: 0.2; } </style> </div> <div id="shopify-section-app-optimization" class="shopify-section"></div> <div data-mobile_navbar><div id="shopify-section-new-mobile-navigation" class="shopify-section"><div data-section-id="new-mobile-navigation" class="mobile-nav-drawer d-flex flex-column new-mobile" :class="{'opened shadow-lg': isMobileNavDrawerOpen}" v-touch:swipe.left="_toggleMobileNavDrawer" :open="isMobileNavDrawerOpen"> <div class="drawer-header d-flex justify-content-between align-items-center p-3"> <a href="#" class="btn-close ml-auto float-right" @click.prevent="_toggleMobileNavDrawer" name="close" title="close" aria-label="Close"> <i class="ion ion-md-close"></i> </a> </div> <div class="drawer-body py-1" data-touch-movable> <nav class="navbar-mobile"> <ul class="navbar-nav padding-class">  <li class="nav-item first-level no-underline"> <a class="nav-link pl-0 submenu-toggle d-flex align-items-center justify-content-between shopify-apps" href="#" role="button" data-toggle="collapse" data-target="#submenu-shopify-apps-shopify-apps" aria-expanded="false" name="Shopify Apps" title="Shopify Apps" aria-label="Shopify Apps"> <span>Shopify Apps</span> <i class="icon-toggle"></i> </a> <div class="submenu collapse two-level" id="submenu-shopify-apps-shopify-apps"> <ul class="list-unstyled"> <ul class="dropdown-menu second-level-menu tab-pane new-header-menu mobile-adjustment"> <div class="container container-new p-2 align-items-start d-flex flex-column"><div class="wrapper w-100"> <div class="items-info">  <a class="header-collection-links submenu-toggle d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="collapse" data-target="#submenu-sales-aov" aria-expanded="false"> <span>Sales & AOV</span> <i class="icon-toggle"></i> </a>  <div class="submenu collapse no-padding-class" id="submenu-sales-aov"> <ul class="list-unstyled"> <div class="d-flex align-items-center mb-3 "> <img src="https://cdn.shopify.com/app-store/listing_images/59ff1b17b1415cf11af2ee0a00c68334/icon/CKKYs5695_ICEAE=.png" width="50" class="logo mr-3" alt="Install Icon"> <a class="d-block product-title-links" href="/zh-hans/products/fu-kuan-fa-huo-de-ding-dan-biao-ge-ji-zeng-zhi-tui-jian-xiao-shou">付款发货的订单表格及增值推荐销售</a> </div> <div class="d-flex align-items-center mb-3 "> <img src="https://cdn.shopify.com/app-store/listing_images/2652696f8cd7357ce591f2b6217cd918/icon/CIS2jICqov8CEAE=.png" width="50" class="logo mr-3" alt="Install Icon"> <a class="d-block product-title-links" href="/zh-hans/products/opinew-product-reviews-app-ugc">Opinew Product Reviews App UGC</a> </div> <div class="d-flex align-items-center mb-3 "> <img src="https://cdn.shopify.com/s/files/1/1564/7647/files/ProductOptions_1200x1200_362cbd21-0cd2-4523-b23f-43477bb6e93c.png?v=1680607971" width="50" class="logo mr-3" alt="Install Icon"> <a class="d-block product-title-links" href="/zh-hans/products/shopify-24229">绿巨人产品选项</a> </div> <div class="d-flex align-items-center "> <img src="https://cdn.shopify.com/s/files/1/1564/7647/files/VolumeBoost_1200x1200_9c15a6ff-b05e-496d-b5b1-dd382cafcdd8.png?v=1680607971" width="50" class="logo mr-3" alt="Install Icon"> <a class="d-block product-title-links" href="/zh-hans/products/shopify-24439">翻译后的Hulk体积增强</a> </div> </ul> </div> </div> </div><div class="wrapper w-100"> <div class="items-info">  <a class="header-collection-links submenu-toggle d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="collapse" data-target="#submenu-customer-experience" aria-expanded="false"> <span>Customer Experience</span> <i class="icon-toggle"></i> </a>  <div class="submenu collapse no-padding-class" id="submenu-customer-experience"> <ul class="list-unstyled"> <div class="d-flex align-items-center mb-3 "> <img src="https://cdn.shopify.com/s/files/1/1564/7647/files/FormBuilder_1200x1200_1faa9059-2771-4d5a-aa89-429401c15463.png?v=1680607971" width="50" class="logo mr-3" alt="Install Icon"> <a class="d-block product-title-links" href="/zh-hans/products/shopify-24383">绿巨人表单生成器</a> </div> <div class="d-flex align-items-center mb-3 "> <img src="https://cdn.shopify.com/s/files/1/1564/7647/files/pricingdiscount.webp?v=1720703553" width="50" class="logo mr-3" alt="Install Icon"> <a class="d-block product-title-links" href="/zh-hans/products/wholesale-pricing-discount-b2b">Wholesale Pricing Discount B2B</a> </div> <div class="d-flex align-items-center mb-3 "> <img src="https://cdn.shopify.com/s/files/1/1564/7647/files/OrderStatusTracker_1200x1200_02440172-a4c6-4e11-9748-95c759de44ce.png?v=1680607971" width="50" class="logo mr-3" alt="Install Icon"> <a class="d-block product-title-links" href="/zh-hans/products/shopify-24412">浩克订单状态追踪</a> </div> <div class="d-flex align-items-center "> <img src="https://cdn.shopify.com/s/files/1/1564/7647/files/MobileAppBuilder_1200x1200_b1084e88-f940-4e58-8700-4641b3d5b025.png?v=1680607971" width="50" class="logo mr-3" alt="Install Icon"> <a class="d-block product-title-links" href="/zh-hans/products/shopify-24434">巨人移动应用程序生成器</a> </div> </ul> </div> </div> </div><div class="wrapper w-100"> <div class="items-info">  <a class="header-collection-links submenu-toggle d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="collapse" data-target="#submenu-loyalty-retention" aria-expanded="false"> <span>Loyalty & Retention</span> <i class="icon-toggle"></i> </a>  <div class="submenu collapse no-padding-class" id="submenu-loyalty-retention"> <ul class="list-unstyled"> <div class="d-flex align-items-center mb-3 "> <img src="https://cdn.shopify.com/s/files/1/1564/7647/files/AdvancedWishlist_1200x1200_ebfdd0c2-00dc-4724-8a99-553c5f7f9872.png?v=1680781686" width="50" class="logo mr-3" alt="Install Icon"> <a class="d-block product-title-links" href="/zh-hans/products/hulk-advanced-wishlist-chinese-simplified-translation">Hulk高级心愿单</a> </div> <div class="d-flex align-items-center mb-3 "> <img src="https://cdn.shopify.com/app-store/listing_images/8b74d91953ae6d5dbe5e63c3f50ca810/icon/CN6h5bXI8_ECEAE=.png" width="50" class="logo mr-3" alt="Install Icon"> <a class="d-block product-title-links" href="/zh-hans/products/huo-dao-fu-kuan">货到付款</a> </div> <div class="d-flex align-items-center mb-3 "> <img src="https://cdn.shopify.com/s/files/1/1564/7647/files/EasyGift.png?v=1745238353" width="50" class="logo mr-3" alt="Install Icon"> <a class="d-block product-title-links" href="/zh-hans/products/easygift">EasyGift</a> </div> <div class="d-flex align-items-center "> <img src="https://cdn.shopify.com/s/files/1/1564/7647/files/PostPurchase_1200x1200_150a4205-be6a-4f84-995a-37362cdf2325.png?v=1680607970" width="50" class="logo mr-3" alt="Install Icon"> <a class="d-block product-title-links" href="/zh-hans/products/shopify-24417">绿巨人购后调查</a> </div> </ul> </div> </div> </div><div class="wrapper w-100"> <div class="items-info">  <a class="header-collection-links submenu-toggle d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="collapse" data-target="#submenu-store-management" aria-expanded="false"> <span>Store Management</span> <i class="icon-toggle"></i> </a>  <div class="submenu collapse no-padding-class" id="submenu-store-management"> <ul class="list-unstyled"> <div class="d-flex align-items-center mb-3 "> <img src="https://cdn.shopify.com/s/files/1/1564/7647/files/ESCEasyRedirects.png?v=1692017641" width="50" class="logo mr-3" alt="Install Icon"> <a class="d-block product-title-links" href="/zh-hans/products/shopify-easy-redirects-app">简易重定向</a> </div> <div class="d-flex align-items-center mb-3 "> <img src="https://cdn.shopify.com/s/files/1/1564/7647/files/lock_manager_app_icon_634440dd-1afd-4f4a-b985-44ef7417e6a0.png?v=1720788009" width="50" class="logo mr-3" alt="Install Icon"> <a class="d-block product-title-links" href="/zh-hans/products/pi-fa-suo-ding-guan-li-qi-b2b">批发锁定管理器：B2B</a> </div> <div class="d-flex align-items-center mb-3 "> <img src="https://cdn.shopify.com/s/files/1/1564/7647/files/Age_Verification_1200x1200_dfc180ba-c7c2-445d-b761-bb97adc6759f.png?v=1683730861" width="50" class="logo mr-3" alt="Install Icon"> <a class="d-block product-title-links" href="/zh-hans/products/shopify-14618">绿巨人年龄验证</a> </div> <div class="d-flex align-items-center "> <img src="https://cdn.shopify.com/app-store/listing_images/fa9557f87f6b23c6878ab205891bb8d9/icon/CM-Vwsn0lu8CEAE=.png" width="50" class="logo mr-3" alt="Install Icon"> <a class="d-block product-title-links" href="/zh-hans/products/accentuate-custom-fields">Accentuate Custom Fields</a> </div> </ul> </div> </div> </div></div> </ul></ul> </div> </li>  <li class="nav-item first-level no-underline"> <a class="nav-link pl-0 submenu-toggle d-flex align-items-center justify-content-between app-bundles" href="#" role="button" data-toggle="collapse" data-target="#submenu-app-bundles-app-bundles" aria-expanded="false" name="App Bundles" title="App Bundles" aria-label="App Bundles"> <span>App Bundles</span> <i class="icon-toggle"></i> </a> <div class="submenu collapse two-level" id="submenu-app-bundles-app-bundles"> <ul class="list-unstyled"> <div class="custom-dropdown d-flex flex-column w-100 mb-4"> <div class="wrapper py-3 col border-class"> <p class="header-pages">Shopify Essentials</p> <p class="page-description">Build a strong online presence and streamline operations.</p> <div class="d-flex flex-column bundle-info"> <p class="bundle-price">$49/mo</p> <span>6 Apps</span> </div> <a href="/zh-hans/pages/shopify-essentials" class="bundle-link">Explore</a> </div> <div class="wrapper py-3 col border-class"> <p class="header-pages">Growth Entrepreneur</p> <p class="page-description">Increasing website traffic, retention and conversion rates.</p> <div class="d-flex flex-column bundle-info"> <p class="bundle-price">$199/mo</p> <span>7 Apps</span> </div> <a href="/zh-hans/pages/growth-entrepreneur" class="bundle-link">Explore</a> </div> <div class="wrapper py-3 col border-class"> <p class="header-pages">Mobile Commerce</p> <p class="page-description">Develop a strong mobile presence to expand reach.</p> <div class="d-flex flex-column bundle-info"> <p class="bundle-price">$215/mo</p> <span>7 Apps</span> </div> <a href="/zh-hans/pages/mobile-commerce" class="bundle-link">Explore</a> </div> <div class="wrapper py-3 col border-class"> <p class="header-pages">Dropshipping Essentials</p> <p class="page-description">Scale your dropshipping business while saving money.</p> <div class="d-flex flex-column bundle-info"> <p class="bundle-price">$70/mo</p> <span>16 Apps</span> </div> <a href="/zh-hans/pages/hulkapps-113" class="bundle-link">Explore</a> </div> <div class="wrapper py-3 col border-class"> <p class="header-pages">All-in-One</p> <p class="page-description">Enjoy our full suite to grow your store and increase profits.</p> <div class="d-flex flex-column bundle-info"> <p class="bundle-price">$199/mo</p> <span>18 Apps</span> </div> <a href="/zh-hans/pages/shopify-ying-yong-tao-can" class="bundle-link">Explore</a> </div> </div></ul> </div> </li>  <li class="nav-item no-underline"> <a class="nav-link pl-0 capital" href="https://shopcircle.us.liberis.com/" name="Capital" title="Capital" aria-label="Capital"> Capital </a> </li>  <li class="nav-item no-underline"> <a class="nav-link pl-0 partners" href="/zh-hans/pages/hulkapps-shopify-16" name="Partners" title="Partners" aria-label="Partners"> Partners </a> </li>  <li class="nav-item first-level no-underline"> <a class="nav-link pl-0 submenu-toggle d-flex align-items-center justify-content-between company" href="#" role="button" data-toggle="collapse" data-target="#submenu-company-company" aria-expanded="false" name="Company" title="Company" aria-label="Company"> <span>Company</span> <i class="icon-toggle"></i> </a> <div class="submenu collapse two-level" id="submenu-company-company"> <ul class="list-unstyled"> <div class="container py-2 d-flex flex-column"><div class="wrapper mb-2"> <div class="items-info"> <a class="header-collection-links" href="/zh-hans/pages/hulkapps-25">Contact</a> </div> </div><div class="wrapper mb-2"> <div class="items-info"> <a class="header-collection-links" href="/zh-hans/pages/hulkapps-14">About</a> </div> </div><div class="wrapper mb-2"> <div class="items-info"> <a class="header-collection-links" href="https://www.hulkapps.com/pages/careers">Careers</a> </div> </div></div></ul> </div> </li> </ul> </nav> </div> </div> <style> .no-underline .nav-link, .no-uderline .nav-item { border-bottom: none; } .padding-class { padding: 0 50px; } @media (max-width: 1023px) { .navbar-nav .nav-item { margin-bottom: 12px; } } .navbar-nav .nav-item { margin-bottom: 0; } .border-class { border-bottom: 1px solid #D9D9D9; padding-inline: 0 !important; } .mobile-adjustment { border: none !important; box-shadow: none !important; } .w-100 { margin-bottom: 10px; } .no-padding-class { padding-left: 0 !important; margin-top: 10px; } .new-mobile { top: 112px; } @media (max-width: 767px) { .new-mobile { top: 138px; } } </style></div></div><div id="shopify-section-search-layer" class="shopify-section"><div v-cloak data-search-layer data-search-type="reveal" data-section-id="search-layer"><div class="search-reveal" :class="{'opened border-top': isSearchLayerOpen}"> <div class="container"> <div class="row justify-content-center"><div class="col-lg-11 d-flex align-items-center justify-content-between"> <div class="search-support position-relative w-100 bread-search" data-autocomplete-true> <form id="searchForm" action="/search" method="get" role="search" class="search_form_services d-flex align-items-center justify-content-between position-relative"> <input type="hidden" name="type" value="" class="type_url" /> <input id="searchtext1" type="hidden" value=" -tag:search-hide-product"> <input type="search" name="q" id="searchInput" value="" placeholder="Search by task name, tool name or the site page that needs fixing" class="form-control" aria-label="Search" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"> <button type="submit" class="btn btn-link btn-close p-0"> <img src="https://cdn.shopify.com/s/files/1/1564/7647/files/ic_search_light.svg?v=1618483802" alt="Search"> </button> <input type="hidden" name="type" value="product" /> </form> </div> </div> </div> </div> </div></div> </div><div class="cart-drawer d-flex flex-column" :class="{'opened shadow-lg': isCartDrawerOpen}" v-touch:swipe.right="_toggleCartDrawer"> <form class="h-100 d-flex flex-column" method="post" id="checkout-form-button"> <div class="drawer-header d-flex justify-content-between align-items-center p-4 border-bottom"> <div class="d-flex"> <img src="https://cdn.shopify.com/s/files/1/1564/7647/files/ic_cart_header.svg?v=1646374043" alt="Cart"> <h3 class="mb-0 ml-3 text-success text-gray-medium">Your cart</h3> </div> <a href="#" class="btn-close float-right" @click.prevent="_toggleCartDrawer" aria-label="Close" title="Close"><img src="https://cdn.shopify.com/s/files/1/1564/7647/files/close_header.svg?v=1646374043" alt="Close" width="20" height="20"></a> </div> <div class="drawer-body" :class="{'border-bottom': cart.item_count > 0}" data-touch-moveable> <template v-if="cart.item_count > 0"> <div v-for="(item, index, key) in cart.items" v-if="!item.properties['promo_product']" data-cart-item :key="item.id" class="row cart-item border-bottom mx-0" :class="{'border-bottom-0': index === (cart.item_count - 1)}" :data-variant-id="item.variant_id" :data-cart-limit="item.properties['cart_limit']"> <div class="col-12 p-4"> <div class="d-flex justify-content-between align-items-center"> <template v-if="item.product_type.toLowerCase().indexOf('pricing') > -1"> <a :title="item.product_title" class="item-title pr-3"> <p class="font-weight-bold text-gray-medium mb-0 text-capitalize" v-text="item.product_title"></p> </a> </template> <template v-else> <a :href="item.url" :title="item.product_title" class="item-title pr-3"> <p class="font-weight-bold text-gray-medium mb-0 text-capitalize" v-text="item.product_title"></p> </a> </template> </div> <ul v-if="item.product_options" class="list-unstyled mb-2"> <li v-for="option in item.product_options" v-if="option.value !== 'Default Title'"> <span class="text-gray text-capitalize font-weight-light text-16">${ option.name }:</span> <span class="text-gray text-capitalize font-weight-light text-16">${ option.value }</span> </li> </ul> <div class="d-flex justify-content-between align-items-center"> <div v-if="item.properties['show_per_month']"> <h4 class="mb-0 text-gray-medium">${item.properties['show_per_month']} x 12</h4> </div> <div v-else> <h4 class="mb-0 text-gray-medium" v-html="_formatMoney(item.line_price)"></h4> </div> <a href="#" class="text-danger lead d-none d-sm-block remove" title="Remove" name="Remove" aria-label="Remove" data-toggle="tooltip" data-trigger="hover" data-placement="top" @click.prevent="_removeFromCart(index+1, $event)" :data-product-id="item.product_id" :data-product-title="item.product_title" :data-product-price="item.final_line_price" :data-product-variant="item.variant_title" :data-product-qty="item.quantity" :data-product-sku="item.sku" :data-uid="item.properties['uid']" :data-is-addon="item.properties['_addon_product']" :data-is-subscription="item.properties['subscription_id']" :data-is-package-product="item.properties['is_package_product']"> <img src="https://cdn.shopify.com/s/files/1/1564/7647/files/delete_0b131f7d-85bd-4704-8aef-564f3d417f95.svg?v=1618486641" width="20px" height="20px" alt="Delete" class=""> </a> </div> </div> </div> </template> <div v-else class="text-center mt-5"> <div class="icon"><i class="icon ion-md-cart"></i></div> <p class="mb-3 text-muted">Your cart is currently empty.</p> <button class="btn btn-primary btn-sm" @click.prevent="_toggleCartDrawer">Continue Browsing</button> </div> </div> <div class="d-flex justify-content-between align-items-center px-4 py-4 border-bottom"> <h3 class="mb-0 text-primary">Total</h3> <h3 v-html="_formatMoney(cart.total_price)" class="mb-0 text-primary"></h3> </div> <div v-if="cart.item_count > 0" class="drawer-footer bg-white"> <div class="test btn-group btn-group-sm btn-group-justified px-4 py-4" role="group"> <h4 class="mb-0"> <template v-if="cart_item_type_count.item_theme_count > 0 && cart_item_type_count.item_other_count <= 0"> <a href="/checkout" class="btn btn-primary font-weight-bold"> Checkout </a> </template> <template v-else>  <a href="/checkout" class="btn btn-primary font-weight-bold"> Checkout </a> </template> </h4> </div> </div> </form> </div> <div class="cart-popup mt-4"> <div class="modal-dialog modal-lg m-0" style="max-width: 900px;" role="document"> <div class="modal-content shadow rounded-0 border-0 px-6 py-4"> <div class="modal-header border-0 p-0"> <div class="mr-1"> <h3 class="mb-1 text-uppercase text-gray-medium">Before you continue</h3> <p class="mb-4">Please share a few essential pieces of information that'll help our support members work quickly on your project</p> </div> <button type="button" class="close cart-close-popup shadow-none" data-dismiss="modal" aria-label="Close" style="opacity: 1;" @click.prevent="__modalPopup($event)"> <i class="ion ion-ios-close h1 mb-0"></i> </button> </div> <div class="modal-body p-0"> <form data-cart-form action="/cart" method="post" id="checkout-form" class="row"> <div class="col-6 mb-4"> <label class="mb-2">Store url<span class="text-danger">*</span>:</label> <div class="input-group"> <input type="text" class="form-control py-2 h-auto" id="store-url" aria-label="Store URL" placeholder="" /> <div class="input-group-append"> <span class="input-group-text bg-gray-200 py-2" id="post-url-text">.myshopify.com</span> </div> </div> </div> <div class="col-6 mb-4"> <label class="mb-2">Page url:</label> <input type="url" class="form-control py-2 h-auto" id="page-url" aria-label="Page URL" placeholder="" /> </div> <div class="col-6 mb-4"> <label class="mb-2">Storefront password:</label> <input type="text" class="form-control py-2 h-auto" id="store-pwd" aria-label="Storefront Password" placeholder="" /> </div> <div class="col-6 mb-4"> <label class="mb-2">Theme name<span class="text-danger">*</span>:</label> <input type="text" class="form-control py-2 h-auto" id="theme-name" aria-label="Theme Name" placeholder="" /> </div> <template v-if="cart.item_count > 0" v-for="(item, index, key) in cart.items"> <template v-if="item.tags.indexOf('pixel-doc-link') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Doc links:</label> <div class="input-group"> <textarea class="form-control py-2 h-auto" id="doc-link" aria-label="Doc Link" placeholder="Add urls seperated by comma"></textarea> <small class="w-100 pt-2">Help us implement Pixel tracking with Shopify. Share the documentation link here if you have any!</small> </div> </div> </template> <template v-if="item.tags.indexOf('pixel-ref-links') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Reference links:</label> <textarea class="form-control py-2 h-auto" id="ref-links" aria-label="Reference Links" placeholder="Add urls seperated by comma"></textarea> </div> </template> <template v-if="item.tags.indexOf('pixel-desc') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Description:</label> <textarea class="form-control py-2 h-auto" id="description" aria-label="Description" placeholder=""></textarea> </div> </template> <template v-else-if="item.tags.indexOf('cj-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Container tag ID:</label> <input class="form-control py-2 h-auto" type="text" id="tag-id" aria-label="Container Tag ID" placeholder="" /> </div> <div class="col-6 mb-4"> <label class="mb-2">TypeID:</label> <input class="form-control py-2 h-auto" type="text" id="type-id" aria-label="TypeID" placeholder="" /> </div> <div class="col-6 mb-4"> <label class="mb-2">CID:</label> <input class="form-control py-2 h-auto" type="text" id="c-id" aria-label="CID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('taboola-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Taboola pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="taboola-id" aria-label="Taboola Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('share-a-sale-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">ShareASale merchant ID:</label> <input class="form-control py-2 h-auto" type="text" id="shareasale-merchant-id" aria-label="ShareASale Merchant ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('criteo-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Criteo pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="criteo-id" aria-label="Criteo Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('outbrain-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">OutBrain pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="outbrain-id" aria-label="OutBrain Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('yahoo-gemini-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Yahoo/gemini pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="yahoo-gemini-id" aria-label="Yahoo/gemini Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('gtm-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Google tag manager ID:</label> <input class="form-control py-2 h-auto" type="text" id="gtm-id" aria-label="Google Tag Manager ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('tiktok-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">TikTok pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="tiktok-id" aria-label="TikTok Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('pandora-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Pandora pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="pandora-id" aria-label="Pandora Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('amazon-attribution-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Amazon attribution pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="amazon-attribution-id" aria-label="Amazon Attribution Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('amazon-product-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Amazon product targeting pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="amazon-product-id" aria-label="Amazon Product Targeting Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('adbeat-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Adbeat pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="adbeat-id" aria-label="Adbeat Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('redirect-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Redirect pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="redirect-id" aria-label="Redirect Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('blackfire-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">BlackFire pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="blackFire-id" aria-label="BlackFire Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('comscore-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">ComScore pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="comscore-id" aria-label="ComScore Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('rakuten-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Rakuten pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="rakuten-id" aria-label="Rakuten Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('retention-science-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Retention science:</label> <input class="form-control py-2 h-auto" type="text" id="retention-science-id" aria-label="Retention Science" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('upsellit-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">UpSellit:</label> <input class="form-control py-2 h-auto" type="text" id="upsellit-id" aria-label="UpSellit" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('gift-wizard-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Gift wizard pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="gift-wizard-id" aria-label="Gift Wizard Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('olapic-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Olapic pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="olapic-id" aria-label="Olapic Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('yotpo-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Yotpo pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="yotpo-id" aria-label="Yotpo Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('amazon-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Amazon pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="amazon-id" aria-label="Amazon Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('crazy-egg-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Crazy egg pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="crazy-egg-id" aria-label="Crazy Egg Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('source-knowledge-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Source knowledge pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="source-knowledge-id" aria-label="Source Knowledge Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('juntuno-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">JuntUNO pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="juntuno-id" aria-label="JuntUNO Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('visual-iq-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Visual IQ pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="visual-iq-id" aria-label="Visual IQ Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('double-click-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Double click ID:</label> <input class="form-control py-2 h-auto" type="text" id="double-click-id" aria-label="Double Click ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('google-ads-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Google ads conversion ID:</label> <input class="form-control py-2 h-auto" type="text" id="google-ads-id" aria-label="Google Ads Conversion ID" placeholder="" /> </div> <div class="col-6 mb-4"> <label class="mb-2">Google ads conversion Lable:</label> <input class="form-control py-2 h-auto" type="text" id="google-ads-label" aria-label="Google Ads Conversion Lable" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('google-analytics-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">GA ID:</label> <input class="form-control py-2 h-auto" type="text" id="google-analytics-id" aria-label="Google Analytics ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('keynes-digital-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Keynes digital pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="keynes-digital-id" aria-label="Keynes Digital Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('talkable-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Talkable pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="talkable-id" aria-label="Talkable Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('jumbleberry-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Jumbleberry merchant ID:</label> <input class="form-control py-2 h-auto" type="text" id="jumbleberry-merchant-id" aria-label="Jumbleberry Merchant ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('google-optimize-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Google optimize ID:</label> <input class="form-control py-2 h-auto" type="text" id="google-optimize-id" aria-label="Google Optimize ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('reddit-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Reddit pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="reddit-id" aria-label="Reddit Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('quora-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Quora pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="quora-id" aria-label="Quora Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('linkedin-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Linkedin pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="linkedin-id" aria-label="Linkedin Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('twitter-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Twitter pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="twitter-id" aria-label="Twitter Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('pinterest-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Pinterest pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="pinterest-id" aria-label="Pinterest Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('hotjar-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Hotjar pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="hotjar-id" aria-label="Hotjar Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('facebook-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Facebook pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="facebook-id" aria-label="Facebook Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('bing-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Bing pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="bing-id" aria-label="Bing Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('adroll-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Adroll pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="adroll-pixel-id" aria-label="Adroll Pixel ID" placeholder="" /> </div> <div class="col-6 mb-4"> <label class="mb-2">Adroll adv ID:</label> <input class="form-control py-2 h-auto" type="text" id="adroll-adv-id" aria-label="Adroll Adv ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('inuvo-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Inuvo pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="inuvo-id" aria-label="Inuvo Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('avantlink-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Avantlink pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="avantlink-id" aria-label="Avantlink Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('audiencex-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">AudienceX pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="audiencex-id" aria-label="AudienceX Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('hivewyre-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Hivewyre pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="hivewyre-id" aria-label="Hivewyre Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('power-inbox-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Power inbox pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="power-inbox-id" aria-label="Power Inbox Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('trust-pilot-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Trust pilot pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="trust-pilot-id" aria-label="Trust Pilot Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('retargeter-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Retargeter pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="retargeter-id" aria-label="Retargeter Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('bouncex-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">BounceX pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="bouncex-id" aria-label="BounceX Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('snapchat-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">Snapchat pixel ID:</label> <input class="form-control py-2 h-auto" type="text" id="snapchat-id" aria-label="Snapchat Pixel ID" placeholder="" /> </div> </template> <template v-else-if="item.tags.indexOf('awin-pixel') > -1"> <div class="col-6 mb-4"> <label class="mb-2">AWIN merchant ID:</label> <input class="form-control py-2 h-auto" type="text" id="awin-merchant-id" aria-label="AWIN Merchant ID" placeholder="" /> </div> </template> </template> <div class="col-12"> <div class="custom-control custom-checkbox mb-3"> <input type="checkbox" class="custom-control-input" id="terms-agree"> <label class="custom-control-label" for="terms-agree">By checking this box, you agree to our <a href="/pages/services-packages-terms-of-service" class="" target="_blank" rel="noopener">Terms of Service</a>.</label> </div> <h4 class="text-gray-600">Thank you for your patience:</h4> <p class="text-gray-600 text-16">As soon as we review your idea, we'll give you an update. Please notice that any access to the product(s) or service offered by HulkApps does not count for a refund. However, should you experience problems with your order, we urge you to reach out to our <a href="https://hulk.freshdesk.com/support/tickets/new" target="_blank" rel="noopener" class="" aria-label="Dedicated support team"> dedicated support team </a>. </p> <button class="btn btn-secondary mr-3" type="submit" name="checkout" disabled onclick="event.preventDefault(); app.onCheckout(event);" >Proceed to Checkout</button> <a href="/pages/how-it-works" class="mt-2" target="_blank" rel="noopener"><span class="text-underline">Unsure how it works</span><i class="ion ion-md-arrow-round-forward ml-2"></i></a> </div> </form> </div> </div> </div> </div><div class="pricing-popup mt-4 "> <div class="modal-dialog modal-lg m-0" style="max-width: 800px;" role="document"> <div class="modal-content shadow rounded-0 border-0 px-6 py-4"> <div class="modal-header border-0 p-0"> <button type="button" class="btn close pricing-close-popup shadow-none" data-dismiss="modal" aria-label="Close" style="opacity: 1;" @click.prevent="__modalPopup($event)"> <i class="ion ion-ios-close h1 mb-0"></i> </button> </div> <div class="modal-body p-0"> <div style="margin:0 auto;" class="pxFormGenerator" id=""></div></div> </div> </div> </div></div> <div id="hulkapps-popup" class="modal fade" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <button aria-label="close" class="btn btn-link btn-close text-right shadow-none"> <i class="icon ion-md-close"></i> </button> <div class="modal-body pt-0"> <p class="text-justify mb-0 p-3">Rising to serve you better, we are delighted to announce that PlanetX has been acquired by HulkApps, a Chicago-based leading Shopify agency. The combination of HulkApps Shopify services and PlanetX's strong capabilities in the eCommerce industry will lead to continued growth for both companies.</p> </div> </div> </div> </div> <div class="modal fade" id="indexing_popup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered m-3"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body px-4"> <div class="modal-art-content"></div> <div class="modal-art-helpful"></div> </div> <div class="modal-footer"> <button type="button" class="btn btn-danger text-white" data-dismiss="modal">Close</button> </div> </div> </div> </div>  <div class="modal fade cart-message-modal" id="cart-message" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg"> <div class="modal-content"> <div class="modal-header"> <h3 class="" id="myModalLabel">Oops! Please check your cart.</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body px-3"> <h4>Looks like your cart already has a lateral package! Please remove it to proceed.</h4> </div> </div> </div> </div> <div data-app-scripts></div> <script> // IE11 => recognize the remove() method Element.prototype.remove = function() { this.parentElement.removeChild(this); } NodeList.prototype.remove = HTMLCollection.prototype.remove = function() { for(var i = this.length - 1; i >= 0; i--) { if(this[i] && this[i].parentElement) { this[i].parentElement.removeChild(this[i]); } } } // IE11 => responsive images function loadJS(u){var r = document.getElementsByTagName("script")[0], s = document.createElement("script");s.src = u;r.parentNode.insertBefore(s, r);} if(!window.HTMLPictureElement){ document.createElement('picture'); loadJS("//cdn.jsdelivr.net/g/respimage(respimage.min.js+plugins/mutation/ri.mutation.min.js+plugins/intrinsic-dimension/ri.intrinsic.min.js+plugins/typesupport/ri.type.min.js)"); } </script> <script type="text/javascript" src="//www.hulkapps.com/cdn/shop/t/331/assets/vendors@layout.theme.js?v=130180452928213393621752561832" defer="defer"></script><script type="text/javascript" src="//www.hulkapps.com/cdn/shop/t/331/assets/layout.theme.js?v=32044456156512041311752561810" defer="defer"></script><script> window.theme = { moneyFormat: "${{amount}}", productExcludeTag: "", sizeSwatchesEnabled: false, productReviewsEnabled: true, utilitiesAppEnabled: true }; </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "url": "https://www.hulkapps.com", "name": "HulkApps", "logo": { "@type": "ImageObject", "url": "https://www.hulkapps.com/cdn/shop/files/Hulk_Logo_New_200x.svg?v=1740386263" }, "sameAs": [ "https://www.facebook.com/hulkapps1", "https://twitter.com/hulkapps", "https://www.instagram.com/hulkapps/" ] } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "url": "https://www.hulkapps.com", "potentialAction": { "@type": "SearchAction", "target": "https://www.hulkapps.com/search?q={search_term_string}", "query-input": "required name=search_term_string" } } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "item": { "@id": "https://www.hulkapps.com", "name": "Home" } } ,{ "@type": "ListItem", "position": 2, "item": { "@id": "https://www.hulkapps.com/blogs/dian-zi-shang-wu-zhong-xin", "name": "电子商务中心" } } ,{ "@type": "ListItem", "position": 3, "item": { "@id": "https://www.hulkapps.com/blogs/dian-zi-shang-wu-zhong-xin/dian-zi-shang-wu-zhong-xin/from-likes-to-loyalty-how-micro-influencers-build-real-connections-for-your-brand", "name": "From Likes to Loyalty: How Micro-Influencers Build Real Connections for Your Brand" } } ] } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "articleBody": "从点赞到忠诚：微影响者如何为您的品牌建立真正的联系 { @ context : https://schema.org , @ type : FAQPage , mainEntity : []} 目录简介什么是微影响者？品牌为何应与微影响者合作成功微影响者广告活动的策略品牌的最佳实践微影响者在内容营销中的作用微影响者景观中的新兴趋势结论常问问题介绍在快速发展的数字营销世界中，影响者已成为不可或缺的存在。全球影响者营销行业规模已达到惊人的240亿美元，这证明了它日益增长的影响力。虽然名人和思想领袖，即宏观影响者，在拥有大量粉丝的同时，他们广泛的影响力往往导致与观众之间的联系较少个性化。这就是微影响者的作用，它为品牌提供了与客户建立亲密而有影响力的互动的独特机会。本博客文章探讨了微影响者的作用以及他们如何培养真正的品牌忠诚度。您将了解到什么是微影响者，为什么与他们合作的品牌越来越受青睐，以及如何与他们有效合作，实现卓越结果。什么是微影响者？微影响者通常在社交媒体上拥有1,000至50,000的关注者。与面向广大观众的宏观影响者不同，微影响者服务于具体的市场和特定的社群。他们的关注者通常包括具有共同兴趣或热情的个人，无论是健身，时尚，技术，食品还是其他专业主题。微影响者的美妙之处在于他们的真实性。他们与关注者密切互动，常常将他们视为朋友而不是遥远的名人。这种关系培养了一种信任和忠诚的感觉，使得他们的认可显著有效。参与的力量评估影响者有效性的一个关键指标是他们的参与率-即他们的内容从关注者那里接收到的互动水平。与宏观影响者相比，微影响者通常拥有更高的参与率。研究表明，Instagram上的微影响者的平均参与率约为6％，而超级影响者的参与率更接近1.97％。这种增强的参与转化为更有意义的联系和强大的互动。当微影楼者认可产品时，他们的推荐被认为是诚实和可信的，使关注者更倾向于信任并采取相应行动。品牌为何应与微影响者合作经济效益预算限制是市场营销人员普遍关心的问题。与宏观影响者或名人合作往往要付出巨大的代价。相反，微影响者提供了更经济实惠的选择，同时仍然提供可观的投资回报率。许多微影响者收取相对较低的费用，有时低至100美元，使所有规模的品牌都能够获得。真实宣传微影响者的关注者非常看重真实性。与宏观影响者相比，他们可能过于商业化，微影响者提供真实可信的认可。他们的内容通常是非脚本和有机的，这更能与他们的观众产生共鸣。这种真实性不仅提升了品牌形象，还提高了参与和转化率。成功微影响者广告活动的策略确定合适的微影响者品牌面临的主要挑战之一是确定适合他们广告活动的微影响者。社交媒体的广阔领域可能会让人感到不知所措，因为有无数的潜在影响者可供选择。以下是一些简化选择过程的策略：利用影响者营销软件：这些工具可根据利基市场，参与率，受众人口统计数据和过去的合作过滤影响者。手动审核：进行全面的研究，以确保影响者的关注者和参与度是真实的。试点广告活动：在承诺长期合作之前先进行小规模试点广告活动，以试探一下。衡量投资回报率由于微影响者的影响力范围的碎片化，衡量微影响者广告活动的回报率可能具有一定的挑战性。然而，设定明确的预期和关键绩效指标对于广告活动的成功至关重要。使用跟踪工具，如促销代码，UTM链接和跟踪链接，以监控各种指标，例如参与度，转化率和网站流量。这种方法可以帮助品牌量化广告活动的影响并根据需要调整策略。保持真实性保持微影响者已知的真实性至关重要。为实现这一点：允许创造自由：相信微影响者将您的品牌自然地融入他们的内容中，并传达关键信息。培养长期合作：建立持续的合作伙伴关系，而不仅仅是一次性合作，以加强社群感和真实性。品牌的最佳实践内部预期在开始微影响者广告活动之前，明确是关键。明确您的广告活动目标以及您打算接触的特定目标受众。这种关注将指导您选择与您的品牌价值观和目标一致的影响者。重视参与度尽管粉丝计数是常用的衡量指标，但它可能具有误导性。具有5,000名真实，参与度高的微影响者通常比具有50,000名被动关注者的微影响者更有价值。在评估潜在合作伙伴时，始终优先考虑参与度。对齐内容风格和质量确保影响者的内容风格和质量与您的品牌美学保持一致。这种一致性不仅提高了认可的可信度，还确保内容与您的品牌的总体营销策略无缝整合。微影响者在内容营销中的作用用户生成的内容（UGC）鼓励微影响者创建和共享以您的产品为特色的原创内容可能非常有效。这种用户生成的内容可以在您品牌拥有的各个渠道上重新利用，从而使您的社交内容战略受益。社交媒体接管允许微影响者接管您的品牌社交媒体帐户一天，可以注入新鲜的，真实的内容，并使您的关注者实时参与。这些接管提供了独特的视角，并且通常会导致更高的关注者参与。教程和如何操作的视频微影响者可以创建有价值的教育内容，如教程和如何操作的视频。这不仅展示了产品的实用性，还将您的品牌定位为可亲近和有帮助的。微影响者景观中的新兴趋势微影响者领域不断变化，受到几种新兴趋势的影响。以下是一些值得关注的趋势：对真实性的偏好增加在数字世界日益充斥着内容的背景下，真实性显得突出。品牌和受众都要求更真实和透明的合作伙伴关系。微影响者提供这些真实认可的能力可能会导致他们日益显著。高级分析和AI集成随着技术的进步，高级分析和人工智能将成为识别和分析符合品牌目标和价值的微影响者的关键。这种技术整合将提高精确的定位和投资回报率的衡量。联盟营销联盟营销已成为微影响者的主要收入来源。通过纳入这些活动，影响者可以为品牌产生收入，并与品牌建立起稳固而持久的关系，为其听众提供真实的价值。结论微影响者重塑了影响者营销的景观，为品牌提供了经济实惠，真实而高度参与的推广机会。通过了解微影响者合作的独特动态并采用最佳实践，品牌可以建立真正的联系，并推动卓越的业务结果。常问问题什么是微影响者？微影响者是具有1,000至50,000关注者的社交媒体用户，他们专注于特定的利基市场或兴趣，并与其观众紧密互动。为什么微影响者比宏观影响者更受青睐？微影响者通常具有更高的参与率，提供真实的认可，并且比具有更多关注者的宏观影响者更经济实惠。品牌如何确定合适的微影响者？品牌可以使用影响者营销软件，进行手动审核，并开始试用广告活动，以确定与其价值观，目标和受众人口统计数据一致的微影响者。微影响者景观中的新兴趋势是什么？新兴趋势包括对真实性的日益偏好，对高级分析和人工智能的增加使用以及提高影响者-品牌关系的联盟营销的崛起。拥抱微影响者可以推动品牌走向新的高度，培养真实的联系，并推动转化为忠诚和增长的参与。", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://www.hulkapps.com" }, "headline": "From Likes to Loyalty: How Micro-Influencers Build Real Connections for Your Brand", "image": [ "https://www.hulkapps.com/cdn/shop/articles/scaled_IMAGE-FILE-UPLOADS-from-likes-to-loyalty-how-micro-influencers-build-real-connections-for-your-brand-320660_1024x.jpg?v=1722247406" ], "datePublished": "2024-07-18T14:49:09Z", "dateCreated": "2024-07-18T14:49:10Z", "author": { "@type": "Person", "name": "Zorana G." }, "publisher": { "@type": "Organization", "logo": { "@type": "ImageObject", "height": "585", "url": "https://www.hulkapps.com/cdn/shop/articles/scaled_IMAGE-FILE-UPLOADS-from-likes-to-loyalty-how-micro-influencers-build-real-connections-for-your-brand-320660_1024x.jpg?v=1722247406", "width": "1024" }, "name": "HulkApps" } } </script> <script type="text/javascript"> var wowele = document.getElementsByClassName('wow'); if (wowele.length > 0) { var wowScript = "https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"; var s = document.createElement( 'script' ); s.setAttribute( 'src', wowScript ); document.head.appendChild( s ); } </script> <script defer async style="text/javascript"> window.addEventListener('load', function() { let urlData = '"https:\/\/d23dclunsivw3h.cloudfront.net\/redirect-app.js?shop=hulkapps.myshopify.com","https:\/\/cdn.opinew.com\/js\/opinew-active.js?shop=hulkapps.myshopify.com"'; urlData = urlData.split(','); if (urlData.length > 0) { for (i = 0; i < urlData.length; i++) { var linkUrl = urlData[i].replaceAll('"',''); if(linkUrl.indexOf('reviews.hulkapps.com') > -1|| linkUrl.indexOf('contactform.hulkapps.com') > -1){if (linkUrl.indexOf('reviews.hulkapps.com') <= -1) { var s = document.createElement( 'script' ); s.setAttribute( 'src', linkUrl ); s.defer = true; document.head.appendChild( s ); }} else if(linkUrl.indexOf('formbuilder.hulkapps.com') > -1){} else{ var s = document.createElement( 'script' ); s.setAttribute( 'src', linkUrl ); s.defer = true; document.head.appendChild( s ); } } } var calendlyele = document.getElementsByClassName('calendly-popup'); if (calendlyele.length > 0) { var calendyScript = document.createElement( 'script' ); calendyScript.setAttribute( 'src', 'https://assets.calendly.com/assets/external/widget.js' ); calendyScript.defer = true; document.head.appendChild( calendyScript ); } }); </script> <script> function copyToClipboard(inputId, currentBtn) { /* Get the text field */ var inputField = currentBtn.closest("div").querySelector(inputId); /* If it isn't "undefined" and it isn't "null", then it exists. */ if(inputField && typeof(inputField) != 'undefined' && inputField != null) { /* Copy the text inside the text field */ navigator.clipboard.writeText(inputField.value); /* Change button text and background */ currentBtn.style.background = '#008000'; currentBtn.innerHTML = 'Copied !'; setTimeout(() => { currentBtn.style.background = '#4a4a4a'; currentBtn.innerHTML = 'Copy Code'; }, 3000); } } </script> <script>!function () {var reb2b = window.reb2b = window.reb2b || [];if (reb2b.invoked) return;reb2b.invoked = true;reb2b.methods = ["identify", "collect"];reb2b.factory = function (method) {return function () {var args = Array.prototype.slice.call(arguments);args.unshift(method);reb2b.push(args);return reb2b;};};for (var i = 0; i < reb2b.methods.length; i++) {var key = reb2b.methods[i];reb2b[key] = reb2b.factory(key);}reb2b.load = function (key) {var script = document.createElement("script");script.type = "text/javascript";script.async = true;script.src = "https://s3-us-west-2.amazonaws.com/b2bjsstore/b/" + key + "/reb2b.js.gz";var first = document.getElementsByTagName("script")[0];first.parentNode.insertBefore(script, first);};reb2b.SNIPPET_VERSION = "1.0.1";reb2b.load("Y4O7Z0H2Y3NX");}();</script> <script> let faqQuestion = []; let faqAnswer = []; if (document.querySelectorAll('.article-content').length) { document.querySelectorAll('.article-content ul li.text-gray-900').forEach(function (v) { faqQuestion.push(v.innerHTML.split('<ul')[0].trim().replace(/\n/g, '').replace(/\t/g, '')) }); document.querySelectorAll('.article-content ul li.text-gray-900 ul li:first-child').forEach(function (v) { faqAnswer.push(v.innerText.trim()) }); _callSchemaMarkupacrticle(); } function _callSchemaMarkupacrticle() { let object = { "@context": "https://schema.org", "@type": "ClaimReview", "datePublished": "2024-07-18 14:49:09 +0530", "url": "/zh-hans/blogs/dian-zi-shang-wu-zhong-xin/from-likes-to-loyalty-how-micro-influencers-build-real-connections-for-your-brand", "claimReviewed": "电子商务中心", "itemReviewed": { "@type": "Claim", "author": { "@type": "Organization", "name": "From Likes to Loyalty: How Micro-Influencers Build Real Connections for Your Brand" }, }, "reviewRating": { "@type": "Rating", "ratingValue": "5", "bestRating": "5", "worstRating": "1", "alternateName": "False" }, "mainEntity": [] }; let faqs = [] for (let [i, question] of faqQuestion.entries()) { let tempObj = { "@type": "Question", "name": faqQuestion[i], "acceptedAnswer": { "@type": "Answer", "text": faqAnswer[i] } } faqs.push(tempObj); } object.mainEntity = faqs; console.log(object, 'object') const jsonldScript = document.createElement('script'); jsonldScript.id = "faqs-schema"; jsonldScript.setAttribute('type', 'application/ld+json'); jsonldScript.textContent = JSON.stringify(object); document.head.appendChild(jsonldScript); } </script> <div class="msg-tooltip wishlistError"></div> <div class="hulk__wishlist-wrap" style="display:none"> <div class="wishlist-popup" data-hulkappsMyWishlistPopup> <div class="wishlist-modal modal-medium"> <div class="wishlist-modal__content"> <div class="wishlist-modal__header" style="padding-top: 15px;"> <h2 data-sidebarWidgetwishlisttitle>Your wishlist</h2> <button class="close-popup" data-closeMyWishlistPopup2><span class="icon-wishlist-cross"></span></button> </div> <div class="wishlist-modal__body"> <select class="hulk-wishlists" data-sidebarWidgetHulkWishlists style="display: none;"></select> <div class="wishlist-empty" data-hulkemptywishlist="" style="display: none;"> <div class="empty_content"> <span>Please add product to your wishlist to see them here.</span> </div> </div> <div class="wishlist-login" data-hulkloginmsg="" style="display: none;"> <div class="empty_content"> <span>Login to see your wishlist!</span> </div> </div> <ul class="bulk_action"> <li data-selectallwishlist="" style="display: inline-block;"><input type="checkbox" id="hulk_select_all" name="select_all" value="select_all" data-com.bitwarden.browser.user-edited="yes"><span>Select All</span></li> <li data-hulkmoveallitmes="" style="display: none;"><a href="javascript:void(0)" aria-describedby="a11y-external-message">Move to cart</a></li> <li data-hulkdeleteallitmes="" style="display: none;"><a href="javascript:void(0)" aria-describedby="a11y-external-message">Delete</a></li> </ul> <div class="wishlist-grid-view" data-hulkMyWishlistItems="" style="display: flex;"> </div> </div> <div class="wishlist-modal__footer"> <a href="/account/login" class="hulkBtnStyle" data-loginBtn style="display: none;">Login</a> <a href="//" class="wishlist-btn hulkBtnStyle" data-viewMore style="display: none;">Explore more products</a> <a href="/collections" class="wishlist-btn hulkBtnStyle" data-addProductBtn style="display: none;">Add products</a> <button class="wishlist-btn hulkBtnStyle close-btn" data-closeMyWishlistPopup style="display: none; margin-left: 15px;">Close</button> </div> </div> </div> </div> <div class="wishlist-popup" data-hulkappsWishlistPopup> <div class="wishlist-modal modal-small"> <div class="wishlist-modal__content"> <div class="wishlist-modal__header"> <h2 data-hulkWishlistHeading>Add to wishlist</h2> <button class="close-popup" data-closeWishlistPopup><span class="icon-wishlist-cross"></span></button> </div> <div class="wishlist-modal__body"> <p data-chooseWishlistText>Choose your wishlist to be added</p> <form> <ul class="choose-wishlist-option" data-userWishlists> </ul> <ul class="choose-wishlist-option" > <li data-openCreateSection> <a href="#" class="creat_link"> <span class="icon-wishlist-plus hulkThemeColor"></span><span data-createWishlistText class="hulkThemeColor">Create New wishlist</span> </a> </li> <li data-addNewWishlist style="display: none"> <div class="input-group"> <button class="close-new-wishlist-input" data-closenewwishlistinput="" style="font-size: 10px;float: right;padding: 6px; color: #aaa;"> <span class="icon-wishlist-cross"></span> </button> <label for="newWishlist" class="wishlist-checkbox"><span></span><input data-newWishlist type="text" placeholder="Ex. Watch" value=""></label> <button class="wishlist-btn hulkBtnStyle" data-saveNewWishlist>Save</button> </div> </li> </ul> </form> </div> <div class="wishlist-modal__footer"> <a data-myWishlistText href="/apps/advanced-wishlist" class="modal-footer-link hulkThemeColor"> My Wishlist </a> <button class="wishlist-btn hulkBtnStyle" disabled data-AddToWishlist>Save</button> </div> </div> </div> </div> <div class="wishlist-popup wishlist-share-popup" data-HulkappsShare> <div class="wishlist-modal modal-small"> <div class="wishlist-modal__content"> <button class="close-popup" data-closewishlistpopup><span class="icon-wishlist-cross" data-closeWishlistPopup></span></button> <div class="wishlist-modal__body"> <div class="wishlist-custom-email-popup"> <h5 data-emailPopupTitle style="font-size: 20px;">Share List Via Email</h5> <form action="/share-wishlist" method="post" class="floating-form" role="share-wishlist" data-HulkEmailForm> <div class="floating-label"> <input type="text" class="floating-input" placeholder=" " name="name" value="" aria-label="Search our store"> <span class="highlight"></span> <label id="from_name_label">Sender Name*</label> </div> <div class="floating-label"> <input type="email" class="floating-input" placeholder=" " name="email" value="" aria-label="Search our store"> <span class="highlight"></span> <label id="email_label">Recipients Email*</label> </div> <div class="floating-label"> <input type="text" class="floating-input" placeholder=" " name="subject" value="" aria-label="Search our store"> <span class="highlight"></span> <label id="subject_label">Subject*</label> </div> <div class="floating-label"> <textarea id="body" class="floating-input" placeholder=" " name="body" rows="4" style="width: 100%"></textarea> <span class="highlight"></span> <label for="body" id="email_body_label">Message*</label> </div> <div class="floating-label" style="margin-bottom: 20px;"> <button type="submit" class="wishlist-btn hulkBtnStyle" data-HulkSendEmailButton>SHARE WISHLIST</button> </div> </form> </div> <hr> <div class="wishlist-modal__header" style="margin-bottom: 1rem;"> <h5 style="font-size: 18px;">Or Share Via</h5> </div> <ul class="social-list-icon"> <li><a href="#" data-shareFacebook target="_blank" rel="noopener"><img src="https://hulkapps-wishlist.nyc3.digitaloceanspaces.com/assets/images/ic_facebook_1.svg" alt="Facebook Share" /></a></li> <li><a href="#" data-sharePintrest target="_blank" rel="noopener"><img src="https://hulkapps-wishlist.nyc3.digitaloceanspaces.com/assets/images/ic_pinterest_1.svg" alt="Pinterest Share" /></a></li> <li><a href="#" data-shareTwitter target="_blank" rel="noopener"><img src="https://hulkapps-wishlist.nyc3.digitaloceanspaces.com/assets/images/ic_pinterest_1.svg" alt="Twitter Share" /></a></li> <li><a href="#" data-copyshareURLButton target="_blank" rel="noopener"><img src="https://hulkapps-wishlist.nyc3.digitaloceanspaces.com/assets/images/ic_email_1.svg" alt="Email Share" title="Copy wishlist link"/></a></li> </ul> <p style="display: none">Copy wishlist link to share</p> <form class="input-group search-bar" style="padding: 0;"> <input type="text" id="shareURL" value="" class="input-group-field" data-shareURL readonly /> <span class="input-group-btn"> <button type="button" class="wishlist-btn hulkBtnStyle" data-copyshareURLButton> <p>Copy</p> </button> </span> </form> </div> </div> </div> </div> <div class="wishlist-popup wishlist-share-popup" data-HulkappsSubscribe> <div class="wishlist-modal modal-small"> <div class="wishlist-modal__content"> <button class="close-popup" data-closewishlistpopup><span class="icon-wishlist-cross" data-closeWishlistPopup></span></button> <div class="wishlist-modal__body"> <div class="Subscribe-content"> <h5 data-popupTitle>Subscribe and get alerts about your Wishlist</h5> <p data-popupSubTitle>We will notify you on events like Low stock, Restock, Price drop or general reminders so that you don’t miss the deal</p> </div> <form action="/subscribe" method="post" class="input-group search-bar" role="subscribe" data-HulkSubscribeForm> <input type="email" name="email" value="" placeholder="user@gmail.com" class="input-group-field" aria-label="Search our store"> <span class="input-group-btn"> <button type="submit" class="wishlist-btn hulkBtnStyle" data-HulkSubscribeButton>Subscribe</button> </span> </form> </div> </div> </div> </div> <div class="wishlist-popup wishlist-card" data-hulkQuickView > <div class="wishlist-modal modal-medium"> <div class="wishlist-modal__content"> <div class="wishlist-modal__body product-view-popup"> <button class="close-popup" data-closewishlistpopup><span class="icon-wishlist-cross" data-closeWishlistPopup></span></button> <div class="wrapper_grid"> <div class="grid_5"> <div class="wishlist-carousel-main carousel" data-mainCarousal> <div class="carousel-inner"> </div> <ol class="carousel-indicators" data-navCarousel> </ol> <div class="slider-arrows"> <div class="carousel-control left"> <div class="arrow left"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 256 256" style="enable-background:new 0 0 256 256;" xml:space="preserve"> <g> <g> <polygon points="48.9,128 176.9,256 207.1,225.8 109.3,128 207.1,30.2 176.9,0 "/> </g> </g> </svg> </div> </div> <div class="carousel-control right"> <div class="arrow right"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 256 256" style="enable-background:new 0 0 256 256;" xml:space="preserve"> <g> <g> <polygon points="79.093,0 48.907,30.187 146.72,128 48.907,225.813 79.093,256 207.093,128 "/> </g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </svg> </div> </div> </div> </div> </div> <div class="grid_7"> <div class="popup-details"> <div class="popup-product-info"> <p class="vendor" data-vendor></p> <p class="title" data-title></p> <p class="price" data-price></p> </div> <div class="popup-product-offer" data-shortDscription> <p></p> <p></p> <p></p> </div> <button class="wishlist-btn hulkBtnStyle" data-addprotocart>Move to cart</button> <p class="products-details-link hulkThemeColor"><a data-goToProduct class="hulkThemeColor">See Product Details</a></p> </div> </div> </div> </div> </div> </div> </div>  <div class="wishlist-popup wishlist-delete-popup" data-hulkappsDeletePrompt> <div class="wishlist-modal modal-small"> <div class="wishlist-modal__content"> <div class="wishlist-modal__body"> <button class="close-popup" data-closewishlistpopup><span class="icon-wishlist-cross"></span></button> <h4>Are you sure you want to delete this wishlist?</h4> <div class="btn-wrap"> <button class="wishlist-btn hulkBtnStyle" data-deleteHulkWishlist >Yes</button> <button class="wishlist-btn hulkBtnStyle" data-closewishlistpopup>No</button> </div> </div> </div> </div> </div>  <div class="wishlist-popup wishlist-delete-popup" data-hulkappsDeleteItemsPrompt> <div class="wishlist-modal modal-small"> <div class="wishlist-modal__content"> <div class="wishlist-modal__body"> <button class="close-popup" data-closeWishlistItemsPopup2><span class="icon-wishlist-cross"></span></button> <h4 data-hulkDeleteItemsPopupTitle>Are you sure you want to delete selected wishlist products?</h4> <div class="btn-wrap"> <button class="wishlist-btn hulkBtnStyle" data-deleteHulkWishlistItems >Yes</button> <button class="wishlist-btn hulkBtnStyle" data-closeWishlistItemsPopup>No</button> </div> </div> </div> </div> </div>  <div class="wishlist-popup wishlist-delete-popup" data-hulkappsMoveItemsPrompt> <div class="wishlist-modal modal-small"> <div class="wishlist-modal__content"> <div class="wishlist-modal__body"> <button class="close-popup" data-hulkappsMoveItemsCancel><span class="icon-wishlist-cross"></span></button> <h4 data-hulkMoveItemsPopupTitle>Out of stock products will be not move. Are you want to move selected wishlist products?</h4> <div class="btn-wrap"> <button class="wishlist-btn hulkBtnStyle" data-hulkappsMoveItemsOk >Yes</button> <button class="wishlist-btn hulkBtnStyle" data-hulkappsMoveItemsCancel >Cancel</button> </div> </div> </div> </div> </div> <div class="wishlist-popup wishlist-help-popup" data-hulkappsHelpTextPrompt> <div class="wishlist-modal modal-small"> <div class="wishlist-modal__content"> <div class="wishlist-modal__body"> <button class="close-popup" data-closeWishlistPopup><span class="icon-wishlist-cross"></span></button> <div data-helpTextContent> <h3 style="text-align: center">Wishlist management page</h3> <ul> <li>This page allows you to manage and add wishlist items directly to the cart.</li> <li>Share your public wishlist on social media, through links, and via custom email.</li> <li>You can subscribe to get update about your wishlist items</li> </ul> </div> </div> </div> </div> </div> <div class="wishlist-popup wishlist-unsubscribe-popup" data-hulkappsUnsbuscribePrompt> <div class="wishlist-modal modal-small"> <div class="wishlist-modal__content"> <div class="wishlist-modal__body"> <button class="close-popup" data-closeWishlistPopup><span class="icon-wishlist-cross"></span></button> <div style="text-align: center"> <h3 style="text-align: center" data-unsubscribeTitle>You have been unsubscribed</h3> <h4 data-unsubscribeContent>You will no longer receive emails about wishlist activities from this store.</h4> <div class="btn-wrap"> <button class="wishlist-btn hulkBtnStyle" data-unsubscribeCloseBtn style="margin-bottom: -3rem;">Close</button> </div> </div> </div> </div> </div> </div> </div> <style> </style> <div id="shopify-block-AZkJXWnNseVpmKzdpO__18306912302550125850" class="shopify-block shopify-app-block"><script> window.onload = (event) => { var metafield = String.raw``.replace(/(\r\n|\n|\r)/gm, ""); var txt = document.createElement("textarea"); txt.innerHTML = metafield; if (metafield && !document.querySelector("script[src*='yoast-active-script.js']")){ metafield = JSON.parse(txt.value); var opinewJson = { "@context": "http://schema.org/", "@type": "Product", "name": null, "url": "https:\/\/www.hulkapps.com", "description": "", "sku": "", "brand": { "@type": "Brand", "name": null },"offers": [] } var el = document.createElement('script'); el.type = 'application/ld+json'; el.text = JSON.stringify(opinewJson); document.querySelector('body').appendChild(el); } }; </script> </div></body> </html>