shopify邮箱订阅功能开发

  {% form 'customer', class: 'subcribox1' %}
              <input type="hidden" name="contact[tags]" value="newsletter">
              <div class="newsletter-form__field-wrapper">
                <div class="newsletter-form__button_wzer_fieldBox">
                  <div class="newsletter-form__button_wzer_field">
  
                  <input style=""
                    id="NewsletterForm--{{ section.id }}"
                    type="email"
                    name="contact[email]"
                    class="field4input"
                    value="{{ form.email }}"
                    aria-required="true" 
                    autocorrect="off"
                    autocapitalize="off"
                    autocomplete="email"
                    {% if form.errors %}
                      autofocus
                      aria-invalid="true"
                      aria-describedby="Newsletter-error--{{ section.id }}"
                    {% elsif form.posted_successfully? %}
                      aria-describedby="Newsletter-success--{{ section.id }}"
                    {% endif %}
                    placeholder="Email Address"
                    required
                  >
                  <!-- <label class="field__label" style="line-height:1.8" for="NewsletterForm--{{ section.id }}">
                   Enter your email
                  </label> -->

                  </div>
                  <div class="newsletter-form__button_wzer_bottom">
                    <button type="submit" class="dsfsdf54" name="commit" id="Subscribe" aria-label="{{ 'newsletter.button_label' | t }}">
                      <span>Subscribe</span>
                    </button>
                  </div>
                </div>
                {%- if form.errors -%}
                  <small class="newsletter-form__message form__message" id="Newsletter-error--{{ section.id }}">{% render 'icon-error' %}{{ 'newsletter.error' | t }}</small>
                {%- endif -%}
              </div>
              {%- if form.posted_successfully? -%}
                <h3 class="newsletter-form__message newsletter-form__message--success form__message" id="Newsletter-success--{{ section.id }}" tabindex="-1" autofocus>{% render 'icon-success' %}{{ 'newsletter.success' | t }}</h3>
              {%- endif -%}
            {% endform %}

{{ ‘contact-email.js’ | asset_url | script_tag }}