Open Source End-User Ticket Portal for Zammad!

Lobby
1

Hi everyone,

I wanted to share a small open-source project I built:

GitHub: zammad-ticket-portal

Zammad already has an excellent ticket creation form, but it doesn’t really offer a clean, dedicated end-user portal that’s easy to access.
My goal is to provide something simple that regular users can use without training.

What this portal aims to provide:

  • User login via Zammad API (Basic-AUTH)
  • View all their tickets (open/closed) – useful for self-help
  • Create new tickets (with attachments)
  • Reply to existing tickets in a messenger-like thread view
  • Embedded gallery for images/attachments
  • Knowledge Base / Help-Center search
  • Self-closing tickets
  • Responsive, modern UI

It’s built solely on CSS, JS and HTML, no React, Vue, etc.
Take a look!

main
main1288×623 25.1 KB

login
login1300×629 57.7 KB

new-ticket
new-ticket1363×741 44.2 KB

ticket-overview-filter
ticket-overview-filter1319×653 65.4 KB

ticket-detail
ticket-detail1364×1295 91.1 KB

I’m sharing it here in case anyone else finds it useful or wants to contribute.
I think many teams would benefit from a nicer, simplified end-user portal for Zammad.

Feedback and pull requests are welcome!

Daniel

3 Likes
2

The naming might be a huge issue. It might give some people the idea, that this is an official interface which it’s not. You may want to double check the foundations trademark rules: Trademark Policy

3

Ouch! Thanks for the heads-up.
Any suggestions for renaming?

From your linked article:
„Non-commercial community efforts using the name Zammad to help spread the word about Zammad are permitted.“

So maybe… “zd-ticket-portal”?

4

:person_shrugging: Maybe Alternative Ticket-Portal for Zammad or something like that. Dunno.

5

I think I’ve found a good solution.
Maybe you can take another look? :wink:
I’ve updated the README.md accordingly.

6

Looks better. Can’t speak for the project of course though.

7

Amazing. Thank you!
If you could be so kind as to update my initial post with the new link and name?
Otherwise I’m losing one screenshot, since new members can only upload four

8

I updated the project to support German and English user-facing strings.
You can now toggle between both languages through the nf-config.js file – or add your own.

1 Like
9

Hi everyone,

I’ve made several improvements to the Unofficial Zammad Ticket Portal.
The “old” Version is still available in the legacy branch.

Most relevant changes:

File Attachment System

  • Drag & drop file uploads for tickets and replies
  • Multi-file support with progress indicators

Enhanced Internationalization

  • JSON-based language system (now even more extensible!)
  • Better date localization
  • Event-driven initialization
  • Improved accessibility

Performance Improvements

  • Smart caching with configurable TTL
  • Better error handling
  • Improved modal behavior
  • Enhanced user experience (Some layout stuff, user feedback messages, etc)

Other:

  • Slimmed down the nf-config.js massively, it’s way easier to configure now

Click here: Github

If you run into any issues, just let me know here or open an issue on GitHub. :slight_smile:

1 Like
10

This is an interesting project, @DanielKng ! Coincidentally, I’m researching ways to simplify the customer UX for our use case. Reviewing your github and will install and test if it meets our basic requirements. Thanks for sharing!

1 Like
11

Glad you found my little project!

If you run into any issues, feel free to reach out.

My company is using the legacy version without any problems, and the feedback so far has been great.

Let me know if you have any questions or suggestions!

1 Like
12

Hey, This Is An Interesting Project !
So The Portal Would Be Used As Extra Way To View Zammad Tickets, A Simpler Interface For Customers?