Front-End

Front-End

So, you have done creating your event, creating ticket templates, finished setting everything up and placed the appropriate shortcodes to present Tickera information on your pages or posts... but how that actually looks on the public, front-end and what your customers are dealing with when they visit your webpage and want to purchase the tickets?

OK, first and foremost, Tickera features design so universal that it will work with literally any theme coded to WordPress standards. Yes, surely, sometimes (but very rarely) some styling issues might occur but if you ever encounter that, contact guys from our support team and they will resolve it in no time.

Now, let's go through the complete ticket purchasing process like your customer would do to get you introduced with the workflow and mechanism.

We will use here a shortcode which displays all the available tickets for an event which might look something like this (although the look may vary which vastly depends on the theme you are using on your website):

So, first you should add ticket (or more) to the cart. Once the ticket(s) are added to the cart the text will change from "Add to Cart" to "Ticket added to Cart"...

When ticket is added to the cart a word "Cart" is clickable and leads to the cart page where your customer will be asked to enter their ticket buyer and (optionally) ticket owner information as well as any other information you might have require by using Custom Forms add-on.

Cart page is consisted of several elements which might look familiar to you if you have ever purchased anything online 🙂

However, let's get through each of the elements available here and explain what is what:

1. Table the tickets that have been added to cart - all of the ticket that a customer have added to the cart will be presented here. Also, customer can change here the number of the tickets they want to purchase as well as remove certain ticket(s) from the cart
2. Price calculation - this is where the ticket base price, ticket fees and taxes (if any) are presented and the cart total is calculated
3. Discount Code - field where your customers can enter their discount code if any available. Additionally, you can disable this field in Tickera Settings if you do now wish to use Discount Codes
4. Update Cart button - if your customer made any changes in the cart (changed the number of tickets in the cart, removed some tickets from the cart, etc...) they should click this button to apply those changes
5. Buyer Info section - this is where ticket buyer should enter his/her first and last name and most importantly, an email address. This email address will be used by Tickera to deliver ticket download links once the purchase is successfully completed.
6. Owner Info section - this is optional section which can be disabled in Tickera settings. However, if you expect your customer to buy tickets for several people at once, you can enable it and collect information about each of the attendees
7. I Agree to the Terms and Conditions - Terms and Conditions or your event. A checkbox which needs to be checked in order to proceed with the ticket purchase
8. Proceed to Checkout - once a customer fills all the info required, they should click this button to proceed to the checkout page

When checkout page loads, a customer will be first offered to select which payment option they would like to proceed with. 

The picture above shows how it looks when all of the payment gateways are activated within Tickera which most likely won't be the case on your website.

So, a customer first needs to choose which payment gateway or method they would like to use for payment. Depending on what they have chosen, they will be asked to either enter number of their credit card or enter other credentials required by payment gateway they have chosen. Whichever the case, if they successfully finish the purchase, they will be steered to the Order Details page with the summary of their order and if the order was completed, a ticket can be downloaded immediately from this page.

Of course, an email with all of that data will be sent to the customer's email address provided in the Buyer Info email field during checkout.