# Add Your Social Link (Icon)

If you want to add a link to your **social accounts** so that a social icon is displayed in the footer, and in the mobile menu of your website, follow this:

### **To customize:** <a href="#to-customize" id="to-customize"></a>

* Go to **Settings > Code injection** from the admin menu
*   Choose **Site footer**&#x20;

    <figure><img src="https://609546565-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEtsGfsW99UrVt2tgoUZE%2Fuploads%2FYOwybpebhOKqkfBTq3qg%2Fcode.JPG?alt=media&#x26;token=ccc45b16-4703-4333-a83d-39135e968890" alt=""><figcaption></figcaption></figure>
* Below is the code needed to add a specific icon:

**Instagram icon**

**Copy**

<pre class="language-javascript"><code class="lang-javascript"><strong>&#x3C;script>
</strong>  const headerSocials = document.querySelectorAll(".socials");
  const instagramLink = "CHANGE_THIS_TO_YOUR_SOCIAL_LINK";
​
  headerSocials.forEach(social => {
  social.insertAdjacentHTML("beforeend", 
  `&#x3C;a class="social-link" href="${instagramLink}" target="_blank" rel="noopener noreferrer" aria-label="instagram" style="border-radius: 50%; background: linear-gradient(146.73deg, #9117FC 8.52%, #FD17CB 30.55%, #FF2938 59.92%, #FFC81B 94.9%);">
    &#x3C;svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
      &#x3C;path d="M24 20.4C22.0111 20.4 20.4 22.0117 20.4 24C20.4 25.9887 22.0117 27.6 24 27.6C25.9888 27.6 27.6 25.9883 27.6 24C27.6 22.0112 25.9883 20.4 24 20.4ZM24 18C27.3125 18 30 20.6845 30 24C30 27.3126 27.3155 30 24 30C20.6874 30 18 27.3155 18 24C18 20.6874 20.6845 18 24 18ZM31.8 17.699C31.8 18.5271 31.127 19.199 30.3 19.199C29.4719 19.199 28.8 18.5261 28.8 17.699C28.8 16.8719 29.4728 16.2 30.3 16.2C31.126 16.1989 31.8 16.8719 31.8 17.699ZM24 14.4C21.0306 14.4 20.5466 14.4078 19.1655 14.4693C18.2246 14.5135 17.5939 14.6401 17.0078 14.8676C16.487 15.0696 16.1113 15.3108 15.711 15.711C15.3092 16.1129 15.0685 16.4875 14.8673 17.0086C14.6393 17.596 14.5127 18.2257 14.4694 19.1654C14.4073 20.4902 14.4 20.9532 14.4 24C14.4 26.9694 14.4079 27.4533 14.4693 28.8343C14.5135 29.7749 14.6403 30.4065 14.8672 30.9912C15.0697 31.5127 15.3114 31.8893 15.7098 32.2877C16.1132 32.6905 16.489 32.9321 17.0051 33.1313C17.5982 33.3606 18.2286 33.4873 19.1654 33.5306C20.4902 33.5927 20.9533 33.6 24 33.6C26.9694 33.6 27.4534 33.5921 28.8343 33.5306C29.7728 33.4866 30.405 33.3595 30.9912 33.1327C31.5113 32.9307 31.889 32.6882 32.2877 32.2902C32.6911 31.8861 32.9322 31.5113 33.1316 30.9939C33.3604 30.4029 33.4873 29.7717 33.5306 28.8347C33.5927 27.5097 33.6 27.0467 33.6 24C33.6 21.0306 33.5921 20.5466 33.5306 19.1656C33.4865 18.2269 33.3594 17.5938 33.1324 17.0078C32.9309 16.4884 32.6888 16.1116 32.2889 15.711C31.8864 15.3086 31.5127 15.0683 30.9913 14.8673C30.4044 14.6394 29.7737 14.5127 28.8346 14.4694C27.5098 14.4072 27.0467 14.4 24 14.4ZM24 12C27.2599 12 27.667 12.012 28.947 12.072C30.2239 12.131 31.095 12.333 31.86 12.63C32.6509 12.935 33.319 13.347 33.9859 14.014C34.6519 14.681 35.064 15.351 35.37 16.14C35.6659 16.904 35.868 17.776 35.928 19.053C35.985 20.333 36 20.74 36 24C36 27.26 35.988 27.6669 35.928 28.947C35.869 30.224 35.6659 31.095 35.37 31.86C35.065 32.651 34.6519 33.3189 33.9859 33.986C33.319 34.652 32.6479 35.064 31.86 35.37C31.095 35.666 30.2239 35.868 28.947 35.928C27.667 35.985 27.2599 36 24 36C20.74 36 20.333 35.988 19.053 35.928C17.776 35.8689 16.906 35.666 16.14 35.37C15.35 35.0649 14.681 34.652 14.014 33.986C13.347 33.3189 12.936 32.648 12.63 31.86C12.333 31.095 12.132 30.224 12.072 28.947C12.015 27.6669 12 27.26 12 24C12 20.74 12.012 20.333 12.072 19.053C12.131 17.775 12.333 16.905 12.63 16.14C12.935 15.35 13.347 14.681 14.014 14.014C14.681 13.347 15.351 12.936 16.14 12.63C16.905 12.333 17.775 12.132 19.053 12.072C20.333 12.015 20.74 12 24 12Z" fill="white"/>
    &#x3C;/svg>
  &#x3C;/a>`);
  })
&#x3C;/script>
</code></pre>

**Telegram icon**

**Copy**

```javascript
<script>
  const headerSocials = document.querySelectorAll(".socials");
  const telegramLink = "CHANGE_THIS_TO_YOUR_SOCIAL_LINK"

  headerSocials.forEach(social => {
  social.insertAdjacentHTML("beforeend", 
  `<a class="social-link" href="${telegramLink}" target="_blank" rel="noopener noreferrer" aria-label="telegram">
    <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
      <rect width="48" height="48" rx="24" fill="#26A2E2"/>
      <path d="M10.8633 23.7465C17.8598 20.6983 22.5253 18.6887 24.8595 17.7178C31.5246 14.9456 32.9095 14.464 33.8122 14.4481C34.0107 14.4446 34.4547 14.4938 34.7422 14.7271C34.985 14.9241 35.0518 15.1903 35.0838 15.3771C35.1158 15.5639 35.1555 15.9894 35.1239 16.3219C34.7627 20.1168 33.1999 29.3263 32.4049 33.5767C32.0685 35.3752 31.4061 35.9781 30.7647 36.0372C29.371 36.1655 28.3126 35.1161 26.9627 34.2313C24.8505 32.8467 23.6571 31.9847 21.6067 30.6335C19.2372 29.072 20.7733 28.2137 22.1237 26.8112C22.4771 26.4441 28.6179 20.8586 28.7367 20.3519C28.7515 20.2886 28.7654 20.0524 28.625 19.9276C28.4847 19.8029 28.2777 19.8455 28.1282 19.8795C27.9163 19.9276 24.5418 22.1579 18.0048 26.5707C17.047 27.2283 16.1794 27.5488 15.4021 27.532C14.5452 27.5135 12.8968 27.0475 11.6714 26.6492C10.1684 26.1605 8.97383 25.9023 9.07785 25.0725C9.13203 24.6404 9.72717 24.1984 10.8633 23.7465Z" fill="white"/>
    </svg>
  </a>`);
  })
</script>
```

* Copy this code and paste it inside **Site footer** input area
* Then, change **`"CHANGE_THIS_TO_YOUR_SOCIAL_LINK"`** to your social account link, like this:
* Click **Save** to save your work!

<figure><img src="https://609546565-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEtsGfsW99UrVt2tgoUZE%2Fuploads%2FRVwYSEPjbBIO8g9eXd3G%2Fcode-inj-social-link.jpg?alt=media&#x26;token=a347e73a-0ea2-4d20-8407-cce8b4f9c10f" alt=""><figcaption></figcaption></figure>
