> For the complete documentation index, see [llms.txt](https://dreamlake.gitbook.io/hero/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://dreamlake.gitbook.io/hero/prismic-cms/manage-content/slices/flockler/step-by-step-using-flockler.md).

# Step by step using flockler

## Using Flockler.com

### Step 1: Search for a keyword or channel to get the content you want

![Search for a keyword or channel to get the content you want.](/files/-MQvvQ6pMIbOsLcLj0EH)

### Step 2: Click publish to add it to your content

![Click publish to add it to your content.](/files/-MQvvgJ3qE9QpUYTHsTY)

### Step 3: Click on the display tab to choose the display type

![Click on the display tab to choose the display type.](/files/-MQvw0zTOTIpZ4SH9nhA)

### Step 4: Click on create a new layout

![Click on create a new layout.](/files/-MQvwFNfGYF_Oy98rsDs)

### Step 5: Select the layout you want

![Select the layout you want. (Example Of Choosing the Grid layout)](/files/-MQvwQ6bGCa7nrXi0_KB)

### Step 6: Copy the Embed code by clicking on the button

![](/files/-MQvwvrmxBfRSYc5_U4X)

## How to find Script Id and Script src

Here (below) is the example **embed code** you can get from **step 6** (above)

```
<div id="flockler-embed-175dffe439c03cb928d94ca6c4432d7f"></div>
<script src="https://plugins.flockler.com/embed/175896ad01c0f14ca1d683fb5a91d5cb/175dffe439c03cb928d94ca6c4432d7f" async></script>
```

![This is the Script Id part that we will need.](/files/-MQvxE9lrja_dKgmPZYY)

![And this is the Script src part that we will need.](/files/-MQvxOALrerI5Gk3HL1a)

## Prismic

### Step 1: Start by selecting the page/view that you want to show the social media wall in.

### Step 2: → Click on "+" to add a new slice.

### Step 3: Choose the Flockler slice

![](/files/-MQvy9wzduOAAvBAys92)

### Step 4: Add Title and text (Optional)

![](/files/-MQvyho24XIblMcsUU9N)

### Step 5: Add the Script Id

![](/files/-MQvykhxq50b4IVcBmw5)

### Step 6: Add the Script src

![](/files/-MQvypYxPlfGDFIG244J)

### Step 7: Save and publish. ✅

### Step 8: Tada! 🎉

![Example](/files/-MQvyvuuXDSHzU96H5OX)

{% hint style="danger" %}
Do not copy the script id/script src given in this "step by step guide" that is just shown here as an example. Thank you! 🙏
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://dreamlake.gitbook.io/hero/prismic-cms/manage-content/slices/flockler/step-by-step-using-flockler.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.