Customize subscribe form

• This reply was modified 7 years, 9 months ago by orsocapo.
• This reply was modified 7 years, 9 months ago by orsocapo.

On the mailpoet settings tab where you work with subscribe forms, you’ll see a link to get an HTML version of the form instead. Use that link, then insert the code into a WordPress Text/HTML widget to create the form. You can then add a style attribute to each form element to get the text color you want, i.e.:

style=”color: #000000″ //black text

You can do this for the button as well to change it’s text color. BE WARNED: the HTML code contains a bug you’ll need to deal with, I’ve just posted about it here: https://www.ads-software.com/support/topic/bug-header-scripts-for-html-version-of-subscribe-widget-breaks-page/

Good luck!
Ed

Dear Ed, thank you for the prompt and kind response.
I don’t understand what I have to change about the bug and where I’ve to add the code (but the second problem it’s not difficult to resolve)
My HTML code is:
<!–START Scripts : this is the script part you can add to the header of your theme–>
<script type=”text/javascript” src=”https://www.lacanforabnb.com/wp-includes/js/jquery/jquery.js?ver=2.7.7″></script&gt;
<script type=”text/javascript” src=”https://www.lacanforabnb.com/wp-content/plugins/wysija-newsletters/js/validate/languages/jquery.validationEngine-it.js?ver=2.7.7″></script&gt;
<script type=”text/javascript” src=”https://www.lacanforabnb.com/wp-content/plugins/wysija-newsletters/js/validate/jquery.validationEngine.js?ver=2.7.7″></script&gt;
<script type=”text/javascript” src=”https://www.lacanforabnb.com/wp-content/plugins/wysija-newsletters/js/front-subscribers.js?ver=2.7.7″></script&gt;
<script type=”text/javascript”>
/* <![CDATA[ */
var wysijaAJAX = {“action”:”wysija_ajax”,”controller”:”subscribers”,”ajaxurl”:”https://www.lacanforabnb.com/wp-admin/admin-ajax.php&#8221;,”loadingTrans”:”Caricamento…”};
/* ]]> */
</script><script type=”text/javascript” src=”https://www.lacanforabnb.com/wp-content/plugins/wysija-newsletters/js/front-subscribers.js?ver=2.7.7″></script&gt;
<!–END Scripts–>

<div class=”widget_wysija_cont html_wysija”><div id=”msg-form-wysija-html58b55b6d9fe51-2″ class=”wysija-msg ajax”></div><form id=”form-wysija-html58b55b6d9fe51-2″ method=”post” action=”#wysija” class=”widget_wysija html_wysija”>
Iscriviti alla nostra newsletter. Ti verrà inviata una mail di conferma

<p class=”wysija-paragraph”>

<input type=”text” name=”wysija[user][email]” class=”wysija-input validate[required,custom[email]]” title=”Email” placeholder=”Email” value=”” />

<span class=”abs-req”>
<input type=”text” name=”wysija[user][abs][email]” class=”wysija-input validated[abs][email]” value=”” />
</span>

</p>
<input class=”wysija-submit wysija-submit-field” type=”submit” value=”Iscriviti” />

<input type=”hidden” name=”form_id” value=”2″ />
<input type=”hidden” name=”action” value=”save” />
<input type=”hidden” name=”controller” value=”subscribers” />
<input type=”hidden” value=”1″ name=”wysija-page” />

<input type=”hidden” name=”wysija[user_list][list_ids]” value=”1″ />

</form></div>

We’re sorry, but we don’t provide support for CSS styles.

ok