The Square Agency

View Original

Integrating Social Media Links into Your Squarespace Website

If you're looking to enhance your Squarespace website by adding social media links, you're in luck.

In this tutorial, we'll explore various methods to seamlessly integrate your social media profiles into your website. Whether you want to showcase your Instagram feed or display social media icons in your header and footer, we've got you covered. Let's dive right in!


Adding Social Media Icons to Your Website Header and Footer

To begin, let's start by adding social media icons to your website's header and footer. Here's a step-by-step guide:

  1. Enter edit mode on your Squarespace website.

  2. Navigate to the header section and click on "Edit Site Header."

  3. Within the header elements, locate the toggle for "Social Links" and enable it.

  4. Select "Edit Social Links" to input your social media profile URLs.

  5. Copy and paste the URL of your social media profiles. For example, you can add your Pinterest and Instagram links.

  6. Once added, the social media icons will immediately appear in your website header.

  7. Additionally, scroll down to your website's footer section and ensure that the social media links are also present there. You can rearrange their order if desired.

  8. Click "Save" to finalize the changes.

By following these steps, you'll have social media icons prominently displayed in both your website header and footer, allowing visitors to easily navigate to your social media profiles.


Incorporating Social Links into Your Contact Page

Another effective placement for social media links is your contact page. Here's how you can seamlessly add them:

  1. Enter edit mode and navigate to your contact page.

  2. Scroll down to the desired section where you want to incorporate your social media links.

  3. Click on "Add Block" and select "Social Links" from the options.

  4. The social media links you added to the header will already be available here.

  5. Customize the block according to your preferences and design.

  6. Click "Save" to apply the changes.

Now, visitors exploring your contact page will have easy access to your social media profiles, fostering further engagement and interaction.


Displaying an Instagram Feed on Your Website

If you're an avid Instagram user and want to showcase your posts on your Squarespace website, you can add an Instagram feed effortlessly. Follow these steps:

  1. Go to "Marketing" and access "Marketing Settings" in your Squarespace dashboard.

  2. Navigate to "Connected Accounts" and connect your Instagram account by selecting it from the available options.

  3. Grant the necessary permissions for Squarespace to access your Instagram account.

  4. Once connected, you can enter edit mode on your website.

  5. Decide whether you want to display the Instagram feed on a specific page or in the footer.

  6. If adding it to a page, select "Add Section" and choose a "Blank Section." For the footer, skip this step.

  7. Click on "Add Block" within the chosen section and select "Instagram" from the list.

  8. Since your Instagram account is already connected, it will automatically populate with your posts.

  9. Customize the block's appearance and layout, such as the number of posts displayed at a time and the spacing between them.

  10. Adjust the section settings as desired, such as height and alignment.

  11. Save your changes and exit the editor.

Once you refresh your page, you'll notice a visually appealing and full-width Instagram grid showcasing your posts. This feature adds a dynamic touch to your website, enticing visitors to explore your Instagram content.




In conclusion, integrating social media links into your Squarespace website is a fantastic way to expand your online presence and boost engagement.