Integrations
Shopify
Ticket Form

Create a ticket form

First, create a new ticket form and configure it to your liking.

Find the install script

Under your ticket form settings, navigate to the Settings tab.

shopify-ticket-form-install.png

From here, you can see the installation script.
For this guide, we are not going to copy it directly, but we will use it as a reference.

Install the Aidbase script

  • Go to your Shopify dashboard
  • Select Themes under Online Store
  • Click the Customize button

shopify-ticket-form-themes.png

From here, we will make some small modifications to the theme. If you haven’t done this before, it might look a little scary. But don’t worry, it’s very easy, even if you’re not a programmer.

  • Select the small ... button in the top left corner.
  • Select “Edit code”

shopify-ticket-form-themes-edit.png

Depending on the theme you have installed, these files and folders may look a little different from you.

In any case, you should have a file called theme.liquid typically located in the layout folder. Click this file.

shopify-ticket-form-theme-liquid.png

Under the <head> section of the file, add the <script> tag from the first step in the Head section.

shopify-ticket-form-script.png

Embed the ticket form

You typically want to install the ticket form on a contact page or support page.

For this, we need two things:

  1. A button that says “Create ticket”
  2. A ticket form that opens as a modal when the button is clicked.

Let’s take a look at how to do this:

  • Go back to your Shopify dashboard.
  • Click Pages under Online Store, then click the page you want to edit

shopify-ticket-form-pages.png

Click on the little <> code button to enable HTML code editing.

shopify-ticket-form-pages-html.png

Insert the last part of the script from the first step.

shopify-ticket-form-snippet-1.png

You can add as many additional attributes as you need to customize the ticket form’s behavior.
See our reference guide for a full list of available attributes and a description of what they do.

shopify-ticket-form-snippet-2.png

That’s it! Your Aidbase ticket form is now fully integrated 🥳


Aidbase Docs © 2024