> ## Documentation Index
> Fetch the complete documentation index at: https://help.socialmatix.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Quickstart

> Publish your first soc

This guide walks you through creating your first social wall in SocialMatix—from connecting a source to embedding the wall on your website.

## Before you begin

* A SocialMatix account
* Login credentials for at least one social account you want to display (e.g., Instagram, Facebook, TikTok)
* Access to your website's code or CMS so you can paste an embed snippet

## Steps

<Steps>
  <Step title="Add a source to your feed">
    <Frame>
      <img src="https://mintcdn.com/socialmatix/WuNwocWrdPVN1QaB/images/Screenshot-2026-06-02-at-15.20.05.png?fit=max&auto=format&n=WuNwocWrdPVN1QaB&q=85&s=3489fdd483dda7b5e3237ec206806adf" alt="Screenshot 2026 06 02 At 15 20 05" width="2738" height="908" data-path="images/Screenshot-2026-06-02-at-15.20.05.png" />
    </Frame>

    Click on "Add Source" in **My First Feed**
  </Step>

  <Step title="Add a source to your feed">
    <Frame>
      <img src="https://mintcdn.com/socialmatix/WuNwocWrdPVN1QaB/images/Screenshot-2026-06-02-at-15.20.05.png?fit=max&auto=format&n=WuNwocWrdPVN1QaB&q=85&s=3489fdd483dda7b5e3237ec206806adf" alt="Screenshot 2026 06 02 At 15 20 05" width="2738" height="908" data-path="images/Screenshot-2026-06-02-at-15.20.05.png" />
    </Frame>

    Click on "Add Source" in **My First Feed**
  </Step>

  <Step title="Choose a social network">
    <Frame>
      <img src="https://mintcdn.com/socialmatix/WuNwocWrdPVN1QaB/images/Screenshot-2026-06-02-at-15.21.29.png?fit=max&auto=format&n=WuNwocWrdPVN1QaB&q=85&s=bbc5355051c34bc6c613990294fd5f34" alt="Screenshot 2026 06 02 At 15 21 29" width="2712" height="1290" data-path="images/Screenshot-2026-06-02-at-15.21.29.png" />
    </Frame>

    Select a source from the list, for example, **Instagram**). Available sources differ depending on your plan
  </Step>

  <Step title="Choose a social network">
    <Frame>
      <img src="https://mintcdn.com/socialmatix/WuNwocWrdPVN1QaB/images/Screenshot-2026-06-02-at-15.21.29.png?fit=max&auto=format&n=WuNwocWrdPVN1QaB&q=85&s=bbc5355051c34bc6c613990294fd5f34" alt="Screenshot 2026 06 02 At 15 21 29" width="2712" height="1290" data-path="images/Screenshot-2026-06-02-at-15.21.29.png" />
    </Frame>

    Select a source from the list, for example, **Instagram**). Available sources differ depending on your plan
  </Step>

  <Step title="Connect your account">
    <Frame>
      <img src="https://mintcdn.com/socialmatix/WuNwocWrdPVN1QaB/images/Screenshot-2026-06-02-at-15.25.31.png?fit=max&auto=format&n=WuNwocWrdPVN1QaB&q=85&s=999be520c3ad680ead76fbaf28188f46" alt="Screenshot 2026 06 02 At 15 25 31" width="2676" height="910" data-path="images/Screenshot-2026-06-02-at-15.25.31.png" />
    </Frame>

    Click 'Account' to add your account and follow the OAuth prompts to sign in and authorize SocialMatix to access content from (in this case Instagram). Once authorized, your posts are ingested automatically and become available in the feed.
  </Step>

  <Step title="Connect your account">
    <Frame>
      <img src="https://mintcdn.com/socialmatix/WuNwocWrdPVN1QaB/images/Screenshot-2026-06-02-at-15.25.31.png?fit=max&auto=format&n=WuNwocWrdPVN1QaB&q=85&s=999be520c3ad680ead76fbaf28188f46" alt="Screenshot 2026 06 02 At 15 25 31" width="2676" height="910" data-path="images/Screenshot-2026-06-02-at-15.25.31.png" />
    </Frame>

    Click 'Account' to add your account and follow the OAuth prompts to sign in and authorize SocialMatix to access content from (in this case Instagram). Once authorized, your posts are ingested automatically and become available in the feed.
  </Step>

  <Step title="Edit and style your wall">
    <Frame>
      <img src="https://mintcdn.com/socialmatix/WuNwocWrdPVN1QaB/images/Screenshot-2026-06-02-at-15.33.17.png?fit=max&auto=format&n=WuNwocWrdPVN1QaB&q=85&s=e7427d907e3936cf05afc63eda1fbe87" alt="Screenshot 2026 06 02 At 15 33 17" width="2708" height="1600" data-path="images/Screenshot-2026-06-02-at-15.33.17.png" />
    </Frame>

    Review the ingested posts. Edit content, hide posts, and adjust styling until the wall looks the way you want.

    **Mode:** In design mode (shown above) you can change styles such as colors, margins and borders to make your feed match your website.

    In Edit mode you can edit the content of the post. This does not change the original post in e.g Instagram. 
  </Step>

  <Step title="Edit and style your wall">
    <Frame>
      <img src="https://mintcdn.com/socialmatix/WuNwocWrdPVN1QaB/images/Screenshot-2026-06-02-at-15.33.17.png?fit=max&auto=format&n=WuNwocWrdPVN1QaB&q=85&s=e7427d907e3936cf05afc63eda1fbe87" alt="Screenshot 2026 06 02 At 15 33 17" width="2708" height="1600" data-path="images/Screenshot-2026-06-02-at-15.33.17.png" />
    </Frame>

    Review the ingested posts. Edit content, hide posts, and adjust styling until the wall looks the way you want.

    **Mode:** In design mode (shown above) you can change styles such as colors, margins and borders to make your feed match your website.

    In Edit mode you can edit the content of the post. This does not change the original post in e.g Instagram. 
  </Step>

  <Step title="Publish your changes">
    <Frame>
      <img src="https://mintcdn.com/socialmatix/WuNwocWrdPVN1QaB/images/Screenshot-2026-06-02-at-15.36.30.png?fit=max&auto=format&n=WuNwocWrdPVN1QaB&q=85&s=1f82915e92aec867aee22b6d59ac1d3f" alt="Screenshot 2026 06 02 At 15 36 30" width="358" height="288" data-path="images/Screenshot-2026-06-02-at-15.36.30.png" />
    </Frame>

    Click **Publish Changes** to save your feed and make it live.
  </Step>

  <Step title="Publish your changes">
    <Frame>
      <img src="https://mintcdn.com/socialmatix/WuNwocWrdPVN1QaB/images/Screenshot-2026-06-02-at-15.36.30.png?fit=max&auto=format&n=WuNwocWrdPVN1QaB&q=85&s=1f82915e92aec867aee22b6d59ac1d3f" alt="Screenshot 2026 06 02 At 15 36 30" width="358" height="288" data-path="images/Screenshot-2026-06-02-at-15.36.30.png" />
    </Frame>

    Click **Publish Changes** to save your feed and make it live.
  </Step>

  <Step title="Get your embed code">
    <Frame>
      <img src="https://mintcdn.com/socialmatix/WuNwocWrdPVN1QaB/images/Screenshot-2026-06-02-at-15.38.37.png?fit=max&auto=format&n=WuNwocWrdPVN1QaB&q=85&s=91c303eb368cf7c1e5596acfb2f40cc8" alt="Screenshot 2026 06 02 At 15 38 37" width="1502" height="900" data-path="images/Screenshot-2026-06-02-at-15.38.37.png" />
    </Frame>

    Click **Get Code** to copy the embed snippet, then paste it into your website wherever you want the social wall to display.
  </Step>

  <Step title="Get your embed code">
    <Frame>
      <img src="https://mintcdn.com/socialmatix/WuNwocWrdPVN1QaB/images/Screenshot-2026-06-02-at-15.38.37.png?fit=max&auto=format&n=WuNwocWrdPVN1QaB&q=85&s=91c303eb368cf7c1e5596acfb2f40cc8" alt="Screenshot 2026 06 02 At 15 38 37" width="1502" height="900" data-path="images/Screenshot-2026-06-02-at-15.38.37.png" />
    </Frame>

    Click **Get Code** to copy the embed snippet, then paste it into your website wherever you want the social wall to display.
  </Step>
</Steps>

<Note>
  Newly published changes can take a few moments to propagate to embedded walls. Refresh your site to see the latest version.
</Note>

## Next steps

* Review [key concepts](/platform/key-concepts) to understand feeds, sources, and moderation.
* Configure [user management](/platform/configuration/user-management) to invite teammates.
* Explore additional [integrations](/integrations/quickstart) to add more sources to your wall.
