Ticket and Invoice Addon

You can easily sell your events on your website using the Ticket & Invoice add-on. this add-on allows you to manage your attendees’ check-in, send out tickets and invoices in email format.

The QR codes on the tickets enable you to check-in attendees using the QR code scanner device. Using this tool, you manage your payments on your own website. No need to refer your customers to any other third party websites.

For installation, head over to your WordPress Dashboard > Plugins > Add New and upload, install, and activate the add-on

WordPress Event Calendar Ticket and Invoice Addon
WordPress Event Calendar

Now your addon is activated but before we move on, use the link below to make sure that your booking system is active:
https://webnus.net/dox/modern-events-calendar/add-a-booking-system/

Once you have made sure that it is activated, head over to your WordPress Dashboard > M.E. Calendar > Settings > Invoice Options

You can see certain numbers in the image above which we will explain down below:

1. Company URL: Enter the URL of your company

2. Company Name: Enter the name of your company

3. Company Email: Enter the company’s email address

4. Company Phone: Enter the company’s phone number

5. Vat Number: Enter VAT number here (optional)

6. Description: Enter a short description of your company

7. Address: Enter your physical location

8. Logo: Upload your logo or link an image (you can select media)

9. html2pdf API Key: PDF Rendering API Key: https://html2pdf.app/registration (just register a key and get an API simply)

10. Invoice Type: Select invoice skin type (Ticket Skin & Modern Skin)

Ticket: If you use ticket type then you can set the format of date & time for the ticket purchased by the end user

11.1. Date Format (Tickets): You can set an order for displaying dates in  tickets. For more information please refer to All Date Format.

11.2. Time Format (Tickets): You can set an order for displaying times in  tickets.

Modern: If you use modern type then you can add description to it.

11.3. Display Invoice Description in Print and PDF Mode: You can choose whether the description would appear in the downloadable PDF file or not (If “Display Invoice Description in Print and PDF Mode” is disabled it will be sent via email)

11.4. Invoice Descriptions: Write the description text here – HTML is also available

12. Enable Check-in Using QR Code only On Event Opening: Days:option explains itself.

13. Send Ticket & Invoice for each Attendees: You can make it so that if a user enters multiple emails (that is multiple tickets are purchased for different people) then they also receive an invoice separate from the total sales.

14. Disable MEC Booking Notifications: By enabling this option, the pre-defined booking confirmation sent to the customer by MEC is disabled. Add-on’s email is sent in both disable/enable states. Check this if you want emails to be sent out from this addon rather than MEC

15. Checkin Roles: You can assign which WordPress role can perform the check-ins

16. Import Invoices from Bookings: Import the old invoice to new structure. This allows you to import/migrate any existing bookings to this addon so you can manage them right here; simply click on the button and the whole process will be taken care of automatically within a few seconds

17. Invoice Custom Styles: If you’ve got a CSS for the tickets then make sure to place them here and it will also be implemented in the PDF file and the email sent to the user – If you’d like to know more about CSS then make sure to take a look here:

INSPECT ELEMENT

Note: In case you weren’t able to download PDFs after you’ve setup this add-on, you need to make sure of two things:
The PDF’s API needs to be correct
The need to update permalinks from the WordPress Settings > Permalinks even if they are correct

Note: If you’ve made CSS changes and they haven’t been applied then we urge you to check your CSS code’s structure and then check the cache.

 

We will continue the tutorial on how to work with this addon below and will probably have to refer to the features listed above with their corresponding number.
Make sure to follow the instructions below and save your changes made in the settings.

Once your invoice template is created and done, all you need to do is create an invoice. To do so go to your WordPress Dashboard > MEC Invoice > Invoices

Here you can see all the bookings; this is similar to the Booking menu on MEC.

Explaining the numbers in the image above:

  • In order to manually add an invoice click on Add New
  • Use this option to export all your invoices in a zip file
  • You can also use bulk action and use filters during selection
  • To check the invoice click on View Invoice
  • To manage the invoice click on the link

If you click on Manage, you’ll see the image below:

Explaining the numbers in the image above:

  • The invoice’s information
  • The attendees which depending on the role you’re assigned, you can go into MEC and perform the check-in process

 

Checking-in can also be done via QR code scanning once the attendee shows you their QR code.
This can also be done using a QR Reader or third-party apps for Android and iOS.

Place the QR code in front of the camera, it will either check-in the user or give you a warning if there is an issue. Therefore, any chance of duplicates or fraud is eliminated since no one can simply create their own QR code and try to get in.
Once the attendee has checked-in, it’ll show the invoice as green and there will also be this icon:

WordPress Event Calendar

In order to manually add a new invoice, click on Add New and then select your event. Afterwards, you’ll see the tickets for that event and you can use the form which has appeared to add a new invoice.

By clicking on Add Attendee, you’ll add a new user to your website but your invoice isn’t complete yet. You’ll need to publish the invoice in order to complete the process.

WordPress Event Calendar
10 Comment
Avatar for Doris Cooper
noizlarry March 11, 2020
| |

Is it possible to add the qr code information to a database so I can validate the tickets when scanning?

Avatar for Doris Cooper
Ufoundmetony March 2, 2020
| |

How do you display the address of the event on the ticket?

Avatar for Doris Cooper
Ufoundmetony March 2, 2020
| |

How do you add the featured image to a ticket. I was hoping there was an option to do this. I tried adding a to the address field in the back end invoice settings and it didn't render the shortcode, instead it just shows the shortcode name. 

Avatar for Doris Cooper
Richy1967 February 11, 2020
| |

Where can I adjust the design of the invoice and the headings so that it fits into my designAccording to the description, this is possibleI use MEC Calendar Prowith ticketing and inoviceThank you    

Avatar for Doris Cooper
Alex January 23, 2020
| |

Hi, thanks for your work! I was wondering how I can show/download a list with all the attendees already checked in? Alex