Click Here To Boost Conversions & Reduce Cart Abandonment

Advice and answers from the MS Web Team

Only use this option if the coupon field doesn't appear on the cart by default.

1. Enable the Developer :

In the Voila dashboard, go to Coupon Field Settings and check the checkbox 'Developer settings' as shown below. This will open the form to put a custom class name.

2. Add the Custom button class :

Right-click on the checkout button before which you want the coupon code field and select Inspect (or Inspect element) to find the button class.

In the example above cart__submit is the main class name. Copy the class name which is inside the double inverted comma and put it in the Custom class name field.

Now Save Settings and the coupon widget should appear before the checkout button. Need help? Please feel free to reach out to support via Chat here or email (

Did this answer your question?