# socials Buttons

### Would you like to modify this section?

<figure><img src="https://3256609466-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzGLhTHKtQjnKpghvkzx7%2Fuploads%2FZ4LCdUYYidLNnHjZ7Gka%2FScreenshot%202024-09-13%20211558.png?alt=media&#x26;token=ab4ee26c-2965-45ae-bb94-7fbbc8a38cae" alt=""><figcaption></figcaption></figure>

```lua

Config.SocialButtons = {
   {
       id = 1, -- id should be unique
       name = "Button Name", -- name of the btn (optional)
       link = "https://discord.gg/Nm5FSxK2gv", --  (optional)
       event = "g-pausemenu:your:social:event:name", -- Event for what happens when you click this button. leave it if type == "web"
       icon = "fa-brands fa-discord", -- icon of the btn https://fontawesome.com/search?q=board&o=r&m=free
       colors = {
           bgcolor = "#5764f2ff",
           textcolor = "#ffffff",
           iconcolor = "#ffffff",
       },
       type = "web", -- type - web | game - For game actions, set type 'game' For web actions, such as opening Discord or Twitch, set it to 'web'
       disable = false, -- just want to show? then set it to false
   },
}
```

&#x20;&#x20;

{% hint style="info" %}
event in `g-pausemenu -> src -> client ->` <mark style="color:green;">cl\_edit.lua</mark>
{% endhint %}

```lua
-- after 112 line 
local socialsBtnEventHandlers = {
    ['g-pausemenu:your:social:event:name'] = function()
        toggleNuiFrame(false) -- Make sure to set this to false before any action.
        -- Your trigger event
        -- example:
        --- exports['g-phone']:OpenPhone()
    end,
}
```