首页 > 解决方案 > 在我的 shopify 商店的购物车上显示自定义验证码 onclick

问题描述

当访问者点击购物车上的结帐按钮时,我愿意显示来自 CPA 网络的验证码,一旦他们完成验证码,他们就会自动被重定向到结帐页面。

显示验证码的代码

<div data-captcha-enable="true"></div>

验证码的 Javascript

<script src="//www.verifysuper.com/cp/js/captcha.js.php?id=80fe2497b5fa303153c057b6cb818d24"></script>

Shopify 中购物车模板部分中的购物车按钮代码

        <div class="cart__shipping rte">{{ taxes_shipping_checkout }}</div>
        <div class="cart__buttons-container">
    
          <div class="cart__submit-controls">
           
            {%- unless section.settings.cart_ajax_enable -%}
            <input type="submit" name="update"
              class="cart__submit btn btn--secondary"
              value="{{ 'cart.general.update' | t }}">
            {%- endunless -%}
            <input type="submit" name="checkout"
              class="cart__submit btn btn--small-wide"
            value="{{ 'cart.general.checkout' | t }}">
            

我自己在该部分中插入了代码,但它在加载验证码时无需按下按钮,我对编码真的很陌生,所以无法找到在按钮单击时调用验证码的方法。

您的帮助将不胜感激。谢谢!

标签: javascripthtmlshopify

解决方案


推荐阅读