{"id":8929,"date":"2022-04-12T12:05:50","date_gmt":"2022-04-12T10:05:50","guid":{"rendered":"https:\/\/docs.visionbox.it\/uncategorized\/configurare-il-modulo-social-feed\/"},"modified":"2024-07-05T17:52:11","modified_gmt":"2024-07-05T15:52:11","slug":"configurare-il-modulo-social-feed","status":"publish","type":"post","link":"https:\/\/docs.visionbox.it\/en\/modules\/configurare-il-modulo-social-feed\/","title":{"rendered":"Configure Social Feed module"},"content":{"rendered":"\n

Access the Modules<\/strong> panel from the Dashboard.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Click New<\/em> from the toolbar<\/strong>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Select the Social Feed Module<\/strong> by clicking on Add Module +<\/em>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

By clicking inside the Module you will first have to choose the Title<\/em> (1): make sure to use a title that makes you quickly understand what you are viewing (for example Social Feed | Entry<\/em>).<\/p>\n\n\n\n

Secondly, you will need to select the Location<\/em> (2). Let\u2019s see how to do this.<\/p>\n\n\n\n

Clicking on Location will open a drop-down menu where you will find all the Templates in bold and, under each Template, the relative positions. Freely choose the location of the Template used in your Location to show the social feed within your schedule.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Finally click Save<\/em> (3) to apply the changes. <\/p>\n\n\n\n

Tip<\/strong>: To make sure you assign the module to the correct position in the Template, in another tab of the browser open a new Dashboard and access the Devices panel so you can see the name of the Template used for each of them.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

We now move on to the configuration of the Module.<\/p>\n\n\n\n

Click on the link in the module description.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Register for free on the platform.<\/p>\n\n\n\n

Once you have registered and logged in you will find yourself in the Applications section.<\/p>\n\n\n\n

Here, filter the available widgets by clicking on Social<\/em> and choose the social network you want to display on your monitor.<\/p>\n\n\n\n

In this case, we choose Social Feed<\/em> that allows you to show in a single glance posts taken from different social pages (Instagram, Facebook etc\u2026). Click on it.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

You will find yourself in the screen where you can configure and customize your social feed. Let\u2019s see how.<\/p>\n\n\n\n

First of all you have to give a title to your widget (1) and choose a template from the proposed ones (2). The options supported by our module are Carousel or Slider.<\/strong> Later we will explain why.<\/p>\n\n\n\n

To proceed click on Continue with this template<\/em> (3).<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

You will find yourself in the Sources<\/em> tab. Here choose the pages from which you want to extract the posts to show on the monitors.<\/p>\n\n\n\n

Click + Add Source<\/em>, choose your social and log in so that Elfsight can view your content in the Social Feed. Then click on Done.<\/p>\n\n\n\n

Do this for any social media you want to add.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Once you have selected social media, click on the Layout<\/strong> tab. The template will be the one selected at the beginning but if in the meantime you have changed your mind you can change it.<\/p>\n\n\n\n

As mentioned earlier, the options we recommend are Carousel<\/strong> or Slider<\/strong>. The only two templates with the Autorotation setting that performs the same function as the autoplay.<\/p>\n\n\n\n

In this tab, under Width<\/em> (1) you have to define the width of the layout that must be equal to the width of the position in the template to be chosen.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Autorotation, however, is enabled in the menu that you find by clicking on Customize<\/em>. While under Delays<\/em> you can determine how long the contents are scrolled. We advise you to set a time interval between 10 and 15 seconds, not less.<\/p>\n\n\n\n

In addition, in the Customize<\/strong> menu you can customize the layout by choosing:<\/p>\n\n\n\n