📸Add Your Social Link (Icon)
Last updated
Last updated
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:
You can add the following social icons:
Go to Settings > Code injection from the admin menu
Choose Site footer
Below is the code needed to add a specific icon:
Instagram icon
Copy
<script>
const headerSocials = document.querySelectorAll(".header-social");
const instagramLink = "CHANGE_THIS_TO_YOUR_SOCIAL_LINK";
headerSocials.forEach(social => {
social.insertAdjacentHTML("beforeend",
`<a class="header-social__link" href="${instagramLink}" target="_blank" rel="noopener noreferrer" aria-label="instagram">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.85844 2.06994C6.79443 2.12014 6.06783 2.28994 5.43263 2.53954C4.77523 2.79574 4.21802 3.13954 3.66362 3.69594C3.10922 4.25235 2.76782 4.80995 2.51342 5.46835C2.26722 6.10495 2.10042 6.83215 2.05342 7.89676C2.00642 8.96136 1.99602 9.30356 2.00122 12.0192C2.00642 14.7348 2.01842 15.0752 2.07002 16.142C2.12082 17.2058 2.29002 17.9322 2.53962 18.5676C2.79622 19.225 3.13962 19.782 3.69622 20.3366C4.25282 20.8912 4.81003 21.2318 5.47003 21.4866C6.10603 21.7324 6.83343 21.9 7.89784 21.9466C8.96224 21.9932 9.30484 22.004 12.0197 21.9988C14.7345 21.9936 15.0763 21.9816 16.1429 21.931C17.2095 21.8804 17.9321 21.71 18.5677 21.4616C19.2251 21.2044 19.7825 20.8616 20.3367 20.3048C20.8909 19.748 21.2321 19.19 21.4863 18.5312C21.7327 17.8952 21.9001 17.1678 21.9463 16.1042C21.9929 15.0368 22.0039 14.696 21.9987 11.9808C21.9935 9.26556 21.9813 8.92516 21.9307 7.85876C21.8801 6.79235 21.7107 6.06815 21.4613 5.43235C21.2043 4.77495 20.8613 4.21835 20.3049 3.66334C19.7485 3.10834 19.1901 2.76734 18.5315 2.51374C17.8951 2.26754 17.1681 2.09974 16.1037 2.05374C15.0393 2.00774 14.6967 1.99594 11.9809 2.00114C9.26504 2.00634 8.92504 2.01794 7.85844 2.06994ZM7.97524 20.1476C7.00023 20.1052 6.47083 19.9432 6.11803 19.8076C5.65083 19.6276 5.31803 19.41 4.96643 19.0618C4.61483 18.7136 4.39882 18.3796 4.21642 17.9134C4.07942 17.5606 3.91442 17.0318 3.86882 16.0568C3.81922 15.003 3.80882 14.6866 3.80302 12.0168C3.79722 9.34696 3.80742 9.03096 3.85362 7.97676C3.89522 7.00256 4.05822 6.47255 4.19362 6.11995C4.37362 5.65215 4.59043 5.31995 4.93943 4.96855C5.28843 4.61715 5.62143 4.40075 6.08803 4.21835C6.44043 4.08074 6.96923 3.91714 7.94384 3.87074C8.99844 3.82074 9.31444 3.81074 11.9839 3.80494C14.6533 3.79914 14.9701 3.80914 16.0251 3.85554C16.9993 3.89794 17.5295 4.05934 17.8817 4.19555C18.3491 4.37555 18.6817 4.59175 19.0331 4.94135C19.3845 5.29095 19.6011 5.62275 19.7835 6.09035C19.9213 6.44175 20.0849 6.97036 20.1309 7.94556C20.1811 9.00016 20.1925 9.31636 20.1973 11.9856C20.2021 14.6548 20.1927 14.9718 20.1465 16.0256C20.1039 17.0006 19.9423 17.5302 19.8065 17.8834C19.6265 18.3504 19.4095 18.6834 19.0603 19.0346C18.7111 19.3858 18.3785 19.6022 17.9117 19.7846C17.5597 19.922 17.0303 20.086 16.0565 20.1324C15.0019 20.182 14.6859 20.1924 12.0155 20.1982C9.34504 20.204 9.03004 20.1932 7.97544 20.1476M16.1275 6.65535C16.1279 6.89271 16.1986 7.12462 16.3308 7.32174C16.463 7.51887 16.6507 7.67237 16.8702 7.76281C17.0896 7.85326 17.331 7.8766 17.5637 7.82988C17.7964 7.78315 18.01 7.66847 18.1776 7.50033C18.3451 7.33218 18.459 7.11813 18.5049 6.88525C18.5507 6.65237 18.5265 6.41112 18.4352 6.19201C18.344 5.97289 18.1898 5.78576 17.9922 5.65428C17.7946 5.5228 17.5624 5.45288 17.3251 5.45335C17.0069 5.45399 16.702 5.58097 16.4774 5.80638C16.2528 6.03179 16.1269 6.33716 16.1275 6.65535ZM6.86543 12.01C6.87103 14.846 9.17424 17.1398 12.0097 17.1344C14.8451 17.129 17.1405 14.826 17.1351 11.99C17.1297 9.15396 14.8259 6.85955 11.9901 6.86515C9.15424 6.87075 6.86003 9.17436 6.86543 12.01ZM8.66664 12.0064C8.66534 11.3471 8.85956 10.7022 9.22476 10.1533C9.58995 9.60442 10.1097 9.17614 10.7183 8.92264C11.3269 8.66914 11.997 8.6018 12.6439 8.72914C13.2908 8.85648 13.8853 9.17278 14.3524 9.63804C14.8196 10.1033 15.1382 10.6966 15.2681 11.343C15.398 11.9894 15.3333 12.6597 15.0822 13.2693C14.8311 13.8789 14.4049 14.4004 13.8575 14.7677C13.31 15.1351 12.6659 15.3319 12.0067 15.3332C11.5689 15.3341 11.1352 15.2488 10.7304 15.0821C10.3257 14.9154 9.95768 14.6706 9.64752 14.3616C9.33736 14.0527 9.0911 13.6857 8.9228 13.2816C8.7545 12.8775 8.66745 12.4441 8.66664 12.0064Z" fill="black"/>
</svg>
<span>Instagram</span>
<svg class="social-link-svg" width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.8125 3.25C4.39829 3.25 4.0625 3.58579 4.0625 4C4.0625 4.41421 4.39829 4.75 4.8125 4.75H8.68934L2.96967 10.4697C2.67678 10.7626 2.67678 11.2374 2.96967 11.5303C3.26256 11.8232 3.73744 11.8232 4.03033 11.5303L9.75 5.81066V9.6875C9.75 10.1017 10.0858 10.4375 10.5 10.4375C10.9142 10.4375 11.25 10.1017 11.25 9.6875V4C11.25 3.80806 11.1768 3.61612 11.0303 3.46967C10.9584 3.39776 10.8755 3.34351 10.7871 3.30691C10.6987 3.27024 10.6017 3.25 10.5 3.25H4.8125Z" fill="url(#paint0_linear_919_8955)"/>
</svg>
</a>`);
})
</script>LinkedIn icon
Copy
<script>
const headerSocials = document.querySelectorAll(".header-social");
const linkedInLink = "CHANGE_THIS_TO_YOUR_SOCIAL_LINK";
headerSocials.forEach(social => {
social.insertAdjacentHTML("beforeend",
`<a class="header-social__link" href="${linkedInLink}" target="_blank" rel="noopener noreferrer" aria-label="linkedIn">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 2C2.74619 2 2 2.74619 2 3.66667V20.3333C2 21.2538 2.74619 22 3.66667 22H20.3333C21.2538 22 22 21.2538 22 20.3333V3.66667C22 2.74619 21.2538 2 20.3333 2H3.66667ZM8.13418 6.44747C8.14043 7.50997 7.34512 8.16466 6.40137 8.15997C5.5123 8.15528 4.7373 7.44747 4.74199 6.44903C4.74668 5.50997 5.48887 4.75528 6.45293 4.77716C7.43106 4.79903 8.14043 5.51622 8.13418 6.44747ZM12.3108 9.51307H9.51079H9.50922V19.024H12.4686V18.8021C12.4686 18.38 12.4682 17.9578 12.4679 17.5354C12.467 16.409 12.466 15.2813 12.4718 14.1552C12.4733 13.8818 12.4858 13.5974 12.5561 13.3364C12.8201 12.3614 13.6968 11.7318 14.6749 11.8866C15.303 11.9849 15.7186 12.349 15.8936 12.9412C16.0014 13.3114 16.0499 13.7099 16.0546 14.0959C16.0672 15.2599 16.0654 16.4239 16.0637 17.588C16.063 17.9989 16.0623 18.41 16.0623 18.8209V19.0224H19.0311V18.7943C19.0311 18.2921 19.0309 17.79 19.0306 17.2879C19.03 16.0329 19.0293 14.7779 19.0327 13.5224C19.0342 12.9552 18.9733 12.3959 18.8342 11.8474C18.6264 11.0318 18.1968 10.3568 17.4983 9.86933C17.003 9.52243 16.4592 9.299 15.8514 9.274C15.7822 9.27112 15.7124 9.26736 15.6423 9.26357C15.3316 9.24677 15.0157 9.2297 14.7186 9.28962C13.8686 9.45993 13.1218 9.849 12.5577 10.5349C12.4921 10.6136 12.428 10.6934 12.3323 10.8127L12.3108 10.8397V9.51307ZM4.9796 19.0271H7.92491V9.51926H4.9796V19.0271Z" fill="black"/>
</svg>
<span>LinkedIn</span>
<svg class="social-link-svg" width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.8125 3.25C4.39829 3.25 4.0625 3.58579 4.0625 4C4.0625 4.41421 4.39829 4.75 4.8125 4.75H8.68934L2.96967 10.4697C2.67678 10.7626 2.67678 11.2374 2.96967 11.5303C3.26256 11.8232 3.73744 11.8232 4.03033 11.5303L9.75 5.81066V9.6875C9.75 10.1017 10.0858 10.4375 10.5 10.4375C10.9142 10.4375 11.25 10.1017 11.25 9.6875V4C11.25 3.80806 11.1768 3.61612 11.0303 3.46967C10.9584 3.39776 10.8755 3.34351 10.7871 3.30691C10.6987 3.27024 10.6017 3.25 10.5 3.25H4.8125Z" fill="url(#paint0_linear_919_8955)"/>
</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!
