如何在使用Mailchimp表單時更正提交按鈕對齊方式？

我在我的網站底部的訂戶形式：如何在使用Mailchimp表單時更正提交按鈕對齊方式？

www.greenchain-engineering.com

的問題是，雖然CSS和HTML看起來還好，如果裝在窗體看起來不錯它本身來自一個html文檔，當使用mailchimp簡碼加載時，提交按鈕不在電子郵件輸入框下方，而是一直到右側。

這裏是表單代碼，從插件「形式」標籤中：

<!-- Begin MailChimp Signup Form --> 
<link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css"> 

<div id="mc_embed_signup"> 

    <div id="mc_embed_signup_scroll"> 
<p> 
    <label>Make sure of what you're in for!</label> 
    <input type="checkbox" name="Newsletter" value="News" checked="checked"> Receive Green News, SA Context!<br> 
    <input type="checkbox" name="Products" value="Products"> Receive information on our new products<br> 
    <input type="checkbox" name="Education" value="Edu" > Join our education community. 
</p> 
    </div> 
     <div style="text-align:center;"> 
    <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required> 
    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> 
     <p> 
    <input class="clear" style="text-align:center;" type="submit" value="Join the Green Community."> 
</p> 
    </div> 

    </div> 


<!--End mc_embed_signup-->

的問題絕對不會在我跳出來，這應該從代碼的工作？

來源

2017-01-12 user7409298

我無法讓您的網站出現。另外 - 你在談論哪個MC短代碼？ – scoopzilla

您是否有意將此訂閱的表單操作匯出？通常情況下，表單操作會轉到指定列表。我看到的是一個經過大量修改的MC表單，它可能會或可能不會工作，具體取決於它的使用位置。你** CAN **可能會創建你的_own form_。請看我的答案 – scoopzilla

通常，您不限於使用Mailchimp's預先格式化的訂閱列表。

您只需要四（4）個API來將您的訂閱者添加到列表中並啓動任何自動化。

1）FORM ACTION - 對<form>頭一般發現，像這樣：

<form action="https://cannerycasino.us10.list-manage.com/subscribe/post" method="POST">

2）USER ID - 缺省形式通過PHP字符串傳遞值&u=和;id=但最簡單的方法是使用hidden表單字段與信息：

<input type="hidden" name="u" value="YOUR USER ID"> 
<input type="hidden" name="id" value="YOUR LIST ID">

3）VALUE SUBMIT和SUBMIT BUTTON - 包含您的用戶ID和列表ID的隱藏值。用戶ID很長，列表ID約爲10個字符。

<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_USERID_LISTID" tabindex="-1" value=""></div> 
<div class="clear"><input type="submit" value="ENTER" name="subscribe" id="mc-embedded-subscribe" class="form-button"></div>

4）Mailchimp SCRIPT這通常是對下面的表格，但你可以在頁面的底部剛剛結束<body>標記之前，如果你喜歡在配合它。不頂

<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email'}(jQuery));var $mcj = jQuery.noConflict(true);</script>

現在，你有那些4兩件事，你可以創建任何爲你喜歡和使用任何你喜歡的樣式。其他唯一的要求是，你<input>場MATCH這個佈局：

<input type="text" value="" name="MERGE1" class="required" id="mce-MERGE1" placeholder="">

請注意，這只是一個例子，對於下地幹活，你必須有雙方的名稱和MC-ID上每個領域。如果您需要幫助創建表單，請告訴我。

來源

2017-01-12 17:44:12 scoopzilla

如何在使用Mailchimp表單時更正提交按鈕對齊方式？

回答

相關問題