如何用代码在网站页尾添加支付图标？

商家可参照以下步骤在网站页尾设置展示多种支付图标。这样做一方面能够满足商家在向支付渠道申请收款账号时需展示站点卡组织 logo 的要求，另一方面也可以向消费者展示店铺提供多种支付方式的信息，增强消费者的信任感，进而提升支付率和转化率。

添加代码

1. 登录您的Shoplazza管理后台，点击应用 > 访问应用商店，搜索并安装自定义代码嵌入插件至对应的店铺。

2. 点击新增代码。

3. 根据您使用的主题，复制以下代码粘贴至插入代码框。

Wind、Geek、Flash、Nova2023、Eva、Hero、Boost、Bamboo、Morning、Onepage、Farida、Modern、Elegant、Impress、Night、Sweet、Moon、Christmas、Halloween等新版主题使用以下代码。

<script> try { 
      const logoSnippets = document.createElement("div");
      logoSnippets.id = "shoplaza-section-footer-logo";
      document.getElementById("shoplaza-section-footer").appendChild(logoSnippets);
      document.getElementById('shoplaza-section-footer-logo').innerHTML = '<div style="white-space:normal;text-align:center;" class="footer bg-footer footer_container tw-bg-footer-bg tw-bg-footer"> <img style="height:24px;margin:4px;" src="https://img.shoplazza.com/oss/operation/0244f114b3afad4d9b0fe22f54dbb837_180x.png"> <img style="height:24px;margin:4px;" src="https://img.shoplazza.com/oss/operation/431cf474360ec26f50e453910d747622_180x.png"> <img style="height:24px;margin:4px;" src="https://img.shoplazza.com/oss/operation/ea127d2967d52ee7106f1d862a4be2aa_180x.png"> <img style="height:24px;margin:4px;" src="https://img.shoplazza.com/oss/operation/9042ff8fe121c2fe80df22b3a4e38c67_180x.png"><img style="height:24px;margin:4px;" src="https://img.shoplazza.com/oss/operation/2d9a48ae30ea532451ce4c54825d5dfe_180x.png"> <img style="height:24px;margin:4px;" src="https://img.shoplazza.com/oss/operation/7377e6a76458a88ffe91e7b28cc9417c_180x.png"> <img style="height:24px;margin:4px;" src="https://img.shoplazza.com/oss/operation/8c7d570994064c8066658bc0edba5366_180x.png"> <img style="height:24px;margin:4px;" src="https://img.shoplazza.com/oss/operation/47c5b22ec39fb82d220efef0c301e8cd_180x.png"> <img style="height:24px;margin:4px;" src="https://img.shoplazza.com/oss/operation/7b913163091dc227b0d4b946be32b704_180x.png"> <img style="height:24px;margin:4px;" src="https://img.shoplazza.com/oss/operation/1b2b030090fdac882511e286a570ba0e_180x.png"> <img style="height:24px;margin:4px;" src="https://img.shoplazza.com/oss/operation/a0a058baaeef16e88f6bd2ee36c03f6f_180x.png"> </div>';
     } catch(e){  }</script>

Life Style、Venus、Hyde、Jupiter、Mars等其他主题使用以下代码。

<script type = "text/javascript">
try {
    
$(function() {
        $
('.footer-plus__payment,.footer__payment,.payment-icons,.footer-payment').remove();
        $(".footer-plus__center,.footer-copyright__inner,.footer-plus__copyright,.site-footer,.footer__content").append('<div style="white-space:normal;text-align:center;" class="payment-icons"> <img style="height:24px;margin:4px;" src="https://img.shoplazza.com/oss/operation/0244f114b3afad4d9b0fe22f54dbb837_180x.png"> <img style="height:24px;margin:4px;" src="https://img.shoplazza.com/oss/operation/431cf474360ec26f50e453910d747622_180x.png"> <img style="height:24px;margin:4px;" src="https://img.shoplazza.com/oss/operation/ea127d2967d52ee7106f1d862a4be2aa_180x.png"> <img style="height:24px;margin:4px;" src="https://img.shoplazza.com/oss/operation/9042ff8fe121c2fe80df22b3a4e38c67_180x.png"><img style="height:24px;margin:4px;" src="https://img.shoplazza.com/oss/operation/2d9a48ae30ea532451ce4c54825d5dfe_180x.png"> <img style="height:24px;margin:4px;" src="https://img.shoplazza.com/oss/operation/7377e6a76458a88ffe91e7b28cc9417c_180x.png"> <img style="height:24px;margin:4px;" src="https://img.shoplazza.com/oss/operation/8c7d570994064c8066658bc0edba5366_180x.png"> <img style="height:24px;margin:4px;" src="https://img.shoplazza.com/oss/operation/47c5b22ec39fb82d220efef0c301e8cd_180x.png"> <img style="height:24px;margin:4px;" src="https://img.shoplazza.com/oss/operation/7b913163091dc227b0d4b946be32b704_180x.png"> <img style="height:24px;margin:4px;" src="https://img.shoplazza.com/oss/operation/1b2b030090fdac882511e286a570ba0e_180x.png"> <img style="height:24px;margin:4px;" src="https://img.shoplazza.com/oss/operation/a0a058baaeef16e88f6bd2ee36c03f6f_180x.png"> </div>');
    });
} catch(e) {} </script>

4. 添加代码后，选择代码的用户端、触发页面和代码位置。