# Install Social Invite

# How to install Social Invite for Sngine

[![scriptstribe_f05eaf0bb9aa66e1fe04c17e4ca5a5b9.png](https://howto.scriptstribe.com/uploads/images/gallery/2025-02/scaled-1680-/2u7NcTO0c5n087me-scriptstribe-f05eaf0bb9aa66e1fe04c17e4ca5a5b9.png)](https://howto.scriptstribe.com/uploads/images/gallery/2025-02/2u7NcTO0c5n087me-scriptstribe-f05eaf0bb9aa66e1fe04c17e4ca5a5b9.png)

This guide is fast and simple tutorial, should take you 5 minutes

<span style="color: rgb(186, 55, 42);">**If you are updating, please save your API Key and follow the new files structure and delete the old files, I changed it for better organization**</span>

##### Step 1: Upload Files

---

I am assuming you that by this point you already know how to create and or already have a facebook app

Upload all files to your root directory

##### Step 2: Add Facebook API

Open

1. /content/themes/default/templates/invite/**<span style="color: rgb(224, 62, 45);">invite.tpl </span>**
2. <span style="color: rgb(0, 0, 0);">/content/themes/default/templates/invite/</span>**<span style="color: rgb(224, 62, 45);">invitepage.tpl</span>**
3. <span style="color: rgb(0, 0, 0);">/content/themes/default/templates/invite/</span>**<span style="color: rgb(224, 62, 45);">invitegroup.tpl</span>**
4. <span style="color: rgb(0, 0, 0);">/content/themes/default/templates/invite/<span style="color: rgb(224, 62, 45);">**invite\_event.tpl**</span></span>

<span style="color: rgb(0, 0, 0);">and add your facebook app id replacing the text YOUR-APP-ID **<span style="color: rgb(53, 152, 219);">(around line 27)</span>**</span>

<span style="color: rgb(0, 0, 0);">this is important for the facebook mobile sharing to work</span>

```
 <a href="https://www.facebook.com/dialog/send?link={$system['system_url']}/{$user->_data['user_name']}&app_id=YOUR-APP-ID&redirect_uri={$system['system_url']}" target="_blank" class="button d-none d-md-block">
```

/content/themes/default/templates/**<span style="color: rgb(224, 62, 45);">newsfeed.tpl</span>**

<span style="color: rgb(0, 0, 0);">and add wherever you wish to show the block, I have it on my \_sidebar.tpl</span>

```
{include file='invite/invite/invite.tpl'}
```

[![Social-Invite.png](https://howto.scriptstribe.com/uploads/images/gallery/2025-02/scaled-1680-/BZx0bStqLTRHEqQD-social-invite.png)](https://howto.scriptstribe.com/uploads/images/gallery/2025-02/BZx0bStqLTRHEqQD-social-invite.png)

/content/themes/default/templates/**<span style="color: rgb(224, 62, 45);">page.tpl</span>**

**<span style="color: rgb(224, 62, 45);">and look for </span>**

```
 <!-- invite friends -->
            {if $spage['i_like'] && $spage['invites']}
              <div class="card">
                <div class="card-header bg-transparent">
                  <div class="float-end">
                    <small><a href="{$system['system_url']}/pages/{$spage['page_name']}/invites">{__("See All")}</a></small>
                  </div>
```

after that add

```
{include file='invite/invitepage.tpl'}
```

[![Social-InvitePages.png](https://howto.scriptstribe.com/uploads/images/gallery/2025-02/scaled-1680-/CN79of1W3lZgeX7K-social-invitepages.png)](https://howto.scriptstribe.com/uploads/images/gallery/2025-02/CN79of1W3lZgeX7K-social-invitepages.png)

Open /content/themes/default/templates/**<span style="color: rgb(224, 62, 45);">\_\_svg\_icons.tpl </span>**and add

```
 {elseif $icon == "whatsapp"}

    {include file='../images/svg/whatsapp.svg'}
    
    {elseif $icon == "facebookmessenger"}

    {include file='../images/svg/facebookmessenger.svg'}
```

Open /content/themes/default/templates/**<span style="color: rgb(224, 62, 45);">group.tpl </span>**and look for

```
<div class="card-body">
                  <ul>
                    {foreach $group['invites'] as $_user}
                      {include file='__feeds_user.tpl' _tpl="list" _connection=$_user["connection"] _small=true}
                    {/foreach}
                  </ul>
			
```

And after that add

```
{include file='invite/invitegroups.tpl'} 
```

Open /content/themes/default/templates/**<span style="color: rgb(224, 62, 45);">event.tpl </span>**and look for

Look for

```
 {foreach $event['invites'] as $_user}
                      {include file='__feeds_user.tpl' _tpl="list" _connection=$_user["connection"] _small=true}
                    {/foreach}
                  </ul>
```

and after that add

```
{include file='invite/invite_event.tpl'}
```

You are done, enjoy

[![emot.png](https://howto.scriptstribe.com/uploads/images/gallery/2024-11/scaled-1680-/IYne7FovY9bt1UwY-emot.png)](https://howto.scriptstribe.com/uploads/images/gallery/2024-11/IYne7FovY9bt1UwY-emot.png)