How to display multiple images from a Webflow CMS collection in a Facebook post?

Hello!

I’m trying to create a Facebook post with multiple photos from my Webflow CMS collection. I have 2 collection images but Facebook seems stuck on just showing one.

How can I achieve that, or what’s the best way to include MULTIPLE photos from Webflow in a Facebook post?

Any insights or workarounds would be greatly appreciated!

Thanks in advance!

Hi @Zulfikar

To solve your issue, please use an Iterator after the Webflow module. Feed in the Gallery Array in the Iterator module and connect an Array Aggregator module next to it.

In the Aggregator module, select the structure of the Facebook module and map the file details. Finally, the output of the Aggregator should be mapped to the Photos field by toggling the map button.

If you require additional assistance, please don’t hesitate to reach out to us.
MSquare Support | Book Live Implementation
Visit us here
Youtube Channel

2 Likes

Welcome to the Make community!

You need to put the images array into an Iterator module.

Every result (item/record) from a iterator module will output a bundle. To “combine” them into a single structure, you’ll need to use an aggregator of some sort.

Aggregators are modules that accumulate multiple bundles into one single bundle. An example of a commonly-used aggregator module is the Array aggregator module. The next popular aggregator is the Text Aggregator which is very flexible and has applies to many use-cases.

Read This

The Array Aggregator module allows you to build a complex array of collections for a later module’s field to map multiple items (collections) to it.

Here is an example of using the “Target structure type” of an Array Aggregator module:

As you can see, the “Map” toggle on fields are used when you have an array. You can easily build an array variable to map to a field, by using an Array Aggregator module and select the “Target Structure Type” as the future field you want to map the array into.

If you need further assistance, please provide the following:

2. Scenario blueprint

Please export the scenario blueprint file to allow others to view the mappings and settings. At the bottom of the scenario editor, you can click on the three dots to find the Export Blueprint menu item.


(Note: Exporting your scenario will not include private information or keys to your connections)

Uploading it here will look like this:

blueprint.json (12.3 KB)

3. And most importantly, Input/Output bundles

Please provide the input and output bundles of the trigger/iterator/aggregator modules by running the scenario (or get from the scenario History tab), then click the white speech bubble on the top-right of each module and select “Download input/output bundles”.

A.

Save each bundle contents in your text editor as a bundle.txt file, and upload it here into this discussion thread.

Uploading them here will look like this:

module-1-output-bundle.txt (12.3 KB)

B.

If you are unable to upload files on this forum, alternatively you can paste the formatted bundles in this manner:

  • Either add three backticks ``` before and after the code, like this:

    ```
    input/output bundle content goes here
    ```

  • Or use the format code button in the editor:

Providing the input/output bundles will allow others to replicate what is going on in the scenario even if they do not use the external service.

Following these steps will allow others to assist you here. Thanks!

samliewrequest private consultation

Join the Make Fans Discord server to chat with other makers!

3 Likes

Hey @Msquare_Automation @samliew

Thanks so much for that! I hadn’t used Iterators and Aggregators before, but I followed your instructions and it worked perfectly. Now it’s easier to post on my social medias.

2 Likes