> For the complete documentation index, see [llms.txt](https://eventmate.gitbook.io/eventmate-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://eventmate.gitbook.io/eventmate-guide/creating-your-event/adding-your-buttons.md).

# Adding Your Buttons

Buttons are how your guests take action on your event page. You can create custom buttons, or enable special feature buttons like **Donations** or **Onsite Sales**.

<figure><img src="https://2205841946-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FesQNW2LjTHqasTRimhaX%2Fuploads%2FolDtRVGIbae5JC9HVXRL%2Fbuttons%20tab.png?alt=media&amp;token=073b78f1-09d0-4abf-8d06-ec54b012c2ac" alt=""><figcaption></figcaption></figure>

***

### 🔵 Primary Button

Every event starts with one **Primary Button**.

You can rename it, change its color, and link it to a file or website.

This button always appears at the **top of your page**.

<figure><img src="https://2205841946-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FesQNW2LjTHqasTRimhaX%2Fuploads%2FVLHeRgyDBvopQ604Ng4W%2Fprimary%20button.png?alt=media&amp;token=82f7dbe3-0f9b-4075-94fc-33187db80192" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Note**: that when either **Donation** or **Onsite Sales button** is enabled, it **will replace the primary button**.

If both Donation and Onsite Sales buttons are enabled, you can choose which of the two to act as the primary button.
{% endhint %}

***

### 💰 Donation Button

When you set up Donations, a **Donation Button** is added to your Buttons tab.

* You can rename it (e.g., *“Give Now”*).
* You can choose to make it the **Primary Button** if you want donations to be the main call-to-action.

### 🛍️ Onsite Sales Button

When you set up Onsite Sales, an **Onsite Sales Button** is added.

* You can rename it (e.g., *“Shop Merch”*).
* You can choose to make it the **Primary Button** if purchases are your main call-to-action.

### ⚖️ How Primary Buttons Work

* If **only one feature** (Donation **or** Onsite Sales) is enabled → that feature’s button automatically becomes the **Primary Button**.
  * Example: If only Donation is enabled, the Donation Button is the Primary.
  * Example: If only Onsite Sales is enabled, the Onsite Sales Button is the Primary.
* If **both features** are enabled → you must **choose which one** (Donation or Onsite Sales) will be the Primary Button.
  * The chosen button appears **at the top of your button list** and displays in color.
  * The other feature’s button appears **below it**.
  * Any additional custom buttons will follow underneath.

👉 Think of it this way: **only one button can “lead the show” at the very top**, but you can still use the other feature and custom buttons below it.

***

#### Primary Button Color

Under Primary Button Color, choose a color (by HEX code, RGB, HSV or the Color Palette) to maintain a consistent look across your event page.

<figure><img src="https://2205841946-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FesQNW2LjTHqasTRimhaX%2Fuploads%2FfVCuze97KI8ng9XX2Vw0%2Fcolor%20palette.png?alt=media&amp;token=d81ac341-e959-488e-847c-73b666bca7ed" alt="" width="257"><figcaption></figcaption></figure>

#### Toggle On/Off

The switch on the right side determines whether the primary button is visible on your event page.

This option is used if the user does not want the function of a primary button.

***

### 🔴 Additional Buttons

You can add more buttons beneath the primary one. Each can link to a file (PDF or image) *or* an external URL.

<figure><img src="https://2205841946-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FesQNW2LjTHqasTRimhaX%2Fuploads%2F5ZGIrM01BYjlWkPOSRvk%2Fadd%20buttons.png?alt=media&amp;token=579cb977-dba1-484a-8d62-545777095455" alt=""><figcaption></figcaption></figure>

#### Add Buttons

Click Add Buttons (below the primary button settings) to create one or more additional buttons.&#x20;

Each new button can have its own Button Title and File/Link assignment.

{% hint style="info" %}
**Note**: There is a **38-character limit** for button titles, including spaces.
{% endhint %}

{% hint style="info" %}
**Note:** that the allowed file tyes are; pdf, png, jpeg & jpg. Also in order to reduce the loading time to display your file, please ensure it is less than 5 MB.
{% endhint %}

#### Reordering Buttons

Use the drag-and-drop handle (as show in the image) to simply grab and drag a button to reorder it.

<figure><img src="https://2205841946-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FesQNW2LjTHqasTRimhaX%2Fuploads%2FObLa9K2cxJVhHQws4S4d%2Freorder%20buttons.png?alt=media&amp;token=c8df3df5-ca5e-4e7f-8a4d-a130459ce9cc" alt=""><figcaption></figcaption></figure>

#### Enable/Disable or Delete

Each button has an option to temporarily disable it (hide it from your page) or remove it entirely.

If you need to hide a button before the event and show it on the day, you can use the enable/disable option to hide it from the guests.

***

### 🌐 External Link Display

This option allows you to choose how you like your external links (connected to your buttons) to open.

<figure><img src="https://2205841946-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FesQNW2LjTHqasTRimhaX%2Fuploads%2FWm7BHv5rqb995OkFDsfv%2Fexternal%20link.png?alt=media&amp;token=93613481-5060-4aa5-97f4-5f3d40342790" alt=""><figcaption></figcaption></figure>

* ***Same Tab:*** Links open in the current browser tab, replacing your eventmate page.&#x20;
* ***New Tab:*** Links open in a new browser tab, keeping your eventmate page open.

***

### 📲 Adding your Social Media Pages

You can add your organization or event social media links to the page which will be displayed as small icons on the footer. The supported social media platforms are; **Instagram**, **Facebook**, **LinkedIn, X** & **Youtube**.

<figure><img src="https://2205841946-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FesQNW2LjTHqasTRimhaX%2Fuploads%2FuwrIkOlJqI1HFOdN6SVv%2Fsocial%20media.png?alt=media&amp;token=7b8b4857-ef4e-4fbe-b972-fe2aeb2d670b" alt=""><figcaption></figcaption></figure>

#### **How It Works**:

* Enter a valid URL for any platform you’d like to show (e.g., your Instagram profile link).
* **Only** the platforms with a URL entered will appear on your event page (icons remain hidden if the field is left blank).
* When guests click an icon, they’ll be taken to the corresponding social page.

***