When you use the shortcode for a sign-up form in Arigato PRO it generates a very clean basic responsive HTML code without any pre-formatting. The idea is that the form will nicely fit your WordPress theme design and stay consistent with it.

If your theme does not have any styling of standard form elements or have odd styling you may need to modify the CSS yourself. Here is the HTML code of a basic form:

<form method="post" enctype="multipart/form-data" class="bftpro-front-form" onsubmit="return validateBFTProUser(this,false);" >
	<div><label>Your Name:</label> <input type="text" name="bftpro_name"></div>
	<div><label>*Your Email:</label> <input type="text" name="email"></div>	
	<div class="bftpro-front-signup-button">
	   <input type="submit" value="Subscribe">				
	</div>
	<input type="hidden" name="bftpro_subscribe" value="1">
        <input type="hidden" name="list_id" value="1">		
	<input type="hidden" name="required_fields[]" value="">	
</form>

Such a form looks good on our theme:

But with a bit of CSS you can make it look different if you wish. The form has class so you can style the elements. Example CSS:

.bftpro-front-form div label {
display:block;
float:left;
width: 150px;
font-weight:bold;
font-size: 120%;
font-family: Verdana;
color: darkblue;
}

.bftpro-front-form input[type=text] {
height: 25px;
font-weight: bold;
font-size: 120%;
}

.bftpro-front-form input[type=submit] {
padding:5px 15px;
background:#ccc;
border:0 none;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
}

With this CSS the same form code starts looking like this:

Your custom CSS code can be written either directly to the theme CSS or be added on the site using a plugn like Simple Custom CSS

From version 0.6.8 the WordPress virtual currency plugin MoolaMojo supports selling currency packages through WooCommerce. This opens endless possibilities to sell all kind of stuff from all kind of plugins through WooCommerce. For example it becomes easy to sell virtual currency packages that can be then used to purchase access to WatuPRO paid quizzes (especially useful if WatuPRO does not support your payment processor but WooCommerce does).

Here’s what is required to make this work:

1. WooCommerce and MoolaMojo installed and active
2. Create some currency packages in MoolaMojo
3. Create product(s) in WooCommerce for selling the MoolaMojo packages. You need to two things to make this work:
   a) Mark the product as Virtual and Downloadable
   b) Add custom product attribute with name “moolamojo” and value the ID(s) of the package(s) you want to sell. The package IDs are shown on the MoolaMojo Packages page.
4. If you want to automatically redirect to another page after the WooCommerce order is completed, add another custom attribute called “moolamojo-redirect”. Its value should be the full URL of the page to send the user to.

Here is an example of such setup:

That’s it!

IMPORTANT: The package will be assigned only if the WooCommerce order status is COMPLETED. If the order fails for some reason or you are taking offline payment and approving orders manually, the MoolaMojo currency package will not be purchased until the order status is completed.