# Adding Your Buttons

After customizing the **Appearance** of your event page, select the **Buttons** tab at the top. This section lets you add a clickable “Button" (e.g., links and files), and link your social media profiles. You’ll also see a real-time preview on the right side of the screen.

<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&#x26;token=073b78f1-09d0-4abf-8d06-ec54b012c2ac" alt=""><figcaption></figcaption></figure>

***

### 🔵 Primary Button

The Primary Button is a prominent call-to-action displayed at the top of your event page. Name it, choose a color, and link it to an external page or file.

<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&#x26;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 %}

#### Button Title

Click the pencil icon next to Button Title to edit the text that appears on the primary button (e.g., “Welcome Message” or "Donate Now").

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

#### Add File or Link

Each button can either link to a URL **or** allow you to upload a file (PDF or image).

Click **Add File or link** to select your preferred option.

<figure><img src="https://2205841946-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FesQNW2LjTHqasTRimhaX%2Fuploads%2F9JUT6oVRTtHCtG40vJob%2Fconfigure%20button.png?alt=media&#x26;token=f3049009-db58-4f60-b9bd-b273e8e3e3f7" alt="" width="375"><figcaption></figcaption></figure>

{% 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 %}

#### 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&#x26;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&#x26;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 %}

#### 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&#x26;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&#x26;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&#x26;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.

***
