與mailchimp在同一頁面上的兩個訂閱表單

我想在Shopify商店的同一個登錄頁面中擁有兩個mailchimp表單（鏈接到同一個mailchimp列表）。 *這是一個很長的着陸頁，所以我希望他們能夠一路訂閱兩次。與mailchimp在同一頁面上的兩個訂閱表單

看起來第二種形式不起作用，唯一的想法是刷新頁面。我很確定他們的ID有衝突，因爲這兩個表格有相同的ID（id =「mailchimp」），但我相信他們的工作是非常重要的。

我可能有一個很容易解決的問題，但我一直在努力。似乎沒有關於它的文檔（除了在iframe中插入其中一個表格 - >我不能用這個解決方案來舒服，因爲我想用GTM（GA）客戶成功的子彈等進行記錄）。

代碼的形式（代碼段中它被稱爲頁面內兩次）：

<!-- Newsletter Section --> 
     <section id="services" class="small-section bg-gray-lighter"> 
      <div class="container relative"> 
       <form class="form align-center newsdown" id="mailchimp"> 
        <div class="row"> 
         <div class="col-md-8 col-md-offset-2"> 
          <div class="mb-20"> 
           <input placeholder="Introduce tu email" class="newsletter-field form-control input-md round mb-xs-10" type="email" pattern=".{5,100}" required/> 

           <button type="submit" class="btn btn-mod btn-border-c btn-medium btn-round mb-xs-10"> 
            Suscribe 
           </button> 
          </div> 


          <div id="subscribe-result"></div> 

         </div> 
        </div> 
       </form> 

      </div> 
     </section> 
     <!-- End Newsletter Section -->

我能做些什麼有在同一頁上工作的這兩個相同的形式？請記住，我沒有訪問JavaScript（因爲mailchimp有Shopify應用程序，使這種連接）。

來源

2017-06-03 Roberto

當時出現有兩種具體形式（相同的JavaScript等）有衝突，所以我實施的第二種形式是不同的：

<!-- Newsletter Section --> 
     <section id="services" class="small-section bg-gray-lighter"> 
      <div class="container relative"> 
       <form action="YOURACTION;id=YOURID" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> 
        <div class="row"> 
         <div class="col-md-8 col-md-offset-2" style="text-align: center;"> 

          <div class="newsletter-label font-alt"> 
          ¿Te interesa? Recibe más noticias y tutoriales exclusivos 
          </div> 
          <div class="mb-20"> 
           <input name="EMAIL" id="mce-EMAIL" placeholder="Introduce tu email" class="newsletter-field form-control input-md round mb-xs-10 required email" type="email" pattern=".{5,100}" required/> 

           <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button btn btn-mod btn-border-c btn-medium btn-round mb-xs-10"> 
          </div> 
<div id="mce-responses" class="clear"> 
    <div class="response" id="mce-error-response" style="display:none"></div> 
    <div class="response" id="mce-success-response" style="display:none"></div> 
</div>  
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> 
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_5307a1008b76c5446a7303622_18658ede2a" tabindex="-1" value=""></div> 

          <div class="form-tip"> 
           <i class="fa fa-info-circle"></i> Pocos emails, pero de calidad. Nunca Spam. Te servirán. 
          </div> 

          <div id="subscribe-result"></div> 

         </div> 
        </div> 
       </form> 

      </div> 
     </section> 
     <!-- End Newsletter Section -->

（函數（$）{window.fnames =新的Array（）; window.ftypes = new Array（）; fnames [0] ='EMAIL'; ftypes [0] ='email'; fnames [1] ='FNAME'; ftypes [1] ='text'; fnames [2] = 'L-NAME'; ftypes [2] = '文本'; fnames [3] = 'MMERGE3'; ftypes [3] = '下拉'; fnames [4] = 'MMERGE4'; ftypes [4] = '電話'; fnames [5] = 'MMERGE5'; ftypes [5] = 'URL'; fnames [7] = 'MMERGE7'; ftypes [7] = '文本'; fnames [6] = 'MMERGE6'; ftypes [6] =」生日'; fnames [8] ='MMERGE8'; ftypes [8] ='text'; fnames [9] ='MMERGE9'; ftypes [9] ='radio';}（jQuery））; var $ mcj = jQuery .noConflict（真）;

來源

2017-06-03 17:15:54 Roberto

與mailchimp在同一頁面上的兩個訂閱表單

回答

相關問題