How to integrate Zendesk in Bubble.io: Step-by-Step Guide

Go to Plugins → API Connector → Add another API. Name it 'Zendesk'. Set Authentication to HTTP Basic Auth. The username is your Zendesk email with /token appended (e.g., admin@yourcompany.com/token) and the password is your API token from Zendesk Admin → Channels → API. Set the base URL to https://yoursubdomain.zendesk.com/api/v2. Add a shared header: Content-Type = application/json.

Add a new call in the API Connector: 'Create Ticket', POST method, URL: /tickets.json. Set Use as to Action. Add the request body with ticket subject, description, requester email, and priority. In your Bubble app, add a Contact Support button or form. The workflow calls the Zendesk Create Ticket API with the user's input, then shows a confirmation message with the ticket number from the response.

1{
2  "ticket": {
3    "subject": "<subject_param>",
4    "description": "<description_param>",
5    "requester": {
6      "email": "<requester_email>"
7    },
8    "priority": "normal"
9  }
10}

Create a SupportTicket Data Type in Bubble with fields: zendesk_ticket_id (text), user (User), subject (text), status (text), last_synced (date). After creating a Zendesk ticket, store the ticket ID in your Bubble database. Create a scheduled backend workflow that runs every 15 minutes, fetches ticket updates from Zendesk using a GET call to /tickets/[ticket_id].json, and updates the local status. Display ticket status on the user's support page.

The Zendesk Web Widget adds a chat button, help center search, and ticket submission directly in your app. Go to Zendesk Admin → Channels → Widget. Copy the embed script. In Bubble, add an HTML element to your reusable header (so it loads on every page) and paste the Zendesk widget script. The widget appears as a floating button in the corner of your app. Customize its appearance and behavior in the Zendesk Widget settings.

1<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=YOUR_ZENDESK_KEY"></script>