Click 'Settings' on the menu, then 'Webhooks' tab, and click 'Create new webhook'.
Go back to Magento and copy&paste the webhook URL from Magento to the URL field in Flockler.
Click 'Create webhook' button
Copy the Secret
On Magento: Copy&Paste the Secret from Flockler to the 'Secret' field on Magento and click 'Save Webhook'.
On Flockler: Click 'Okay'. Select if you'd like to publish only the content collated on Flockler in the future or publish all the content already collated on Flockler (and all future content) to your Magento store.
On Magento: You'll see your content when you go to 'Flockler' on Magento admin and select 'Posts' (screenshot)
Add as a widget to a static page
The easiest way to add Flockler Social Wall to your store is to add it as widget to any of your "static pages" (screenshot).
Go to edit the static page in Magento: click “Content” on the main menu, select “Pages”, Clic “Select” dropdown on the page and click “Edit”
Open the page's “Content” section
Choose a good place for your Flockler Social Wall
Click “Insert widget” on the content editor’s toolbar
Select "Flockler Wall" and type in Site ID, Section ID or Tags if you want to filter posts by those parameters.
Change the layout parameters if necessary (Items per page, Item width and Show Load More)
Finalize widget by clicking "Insert Widget"
Save the page with "Save Page" button
Check that the page is viewing correctly
Site ID: The ID of the site to render posts from.
Section ID: The ID of the section to render posts from.
Tags: Tags that must be included to posts that are rendered (e.g. camera,electronics).
The following optional parameters are supported:
Items per page (optional): The number of posts to display per page. Default value is 8.
Item width (optional): The width of each item. Default value is 346.
This parameter accepts multiple types of values:
If a bare number, each item will be that many pixels wide. Items flow on the wall based on its total width; if they can't fill the container exactly, they will be centered.
If a percentage, each item will be as many percents from the total width. Ideal values are the ones that divide
the parent container exactly, such as 50%, 33.33%, 25%, and so on. If there are less items than the number of columns
allowed by the element width, they will align to the left; the excess width that is never usable by the columns is
divided evenly to the margins, though.
If either `css-fixed` or `css-percentage`, the item flow is set up like with bare numbers or percentages
respectively, but the definition of the width value is left to the CSS rules applied to the items. These work best
if defining multiple item widths via media queries, such as using different number of columns based on the window
If not set or recognized as any of the above, a default width of 346px is used.
Show Load More (optional): Enable Load More button which allows visitors to load next page of posts to the wall. Default value is that Load More button is shown.
Please note that with the social wall, you’ll need an area of at least 1050px to show three posts side-by-side and 700px to show at least two.
jQuery v1.4 or newer must be installed on the Magento site
Load more buttons don't work as expected if there are two or more walls on the same page.
Compatibility with customized themes is not guaranteed.