{"title":"Instagram Feed","id":36548,"link":"https:\/\/env.averta.net\/en\/step\/instagram-feed\/","parent":[37224,35059],"content":"

This Phlox widget?provides you to display your Instagram content directly on your website. Your?latest Instagram photos can appear on any widget area, or even between the content of the posts and pages. Also, some options are available. Such as configuring the number of photos and columns.\"instagram-feed-preview\"<\/a><\/p>\n

Recommended: <\/strong>We recommend to add this widget to Subfooter Bar Widget Area.<\/p>\n

Important: <\/strong>This widget is only for public Instagram accounts.<\/p>\n

Follow below steps to add Instagram Feed<\/strong> to a widget area or in a page content:<\/p>\n

1- In Widget Areas<\/h3>\n
    \n
  1. Go to your WordPress admin panel<\/strong><\/li>\n
  2. Click?Appearance<\/b> on the Dashboard<\/b><\/li>\n
  3. Then click Widgets<\/strong><\/li>\n
  4. Find [Phlox] Instagram Feed?<\/strong>among the available widgets and add it to your desired Widget Area<\/a><\/strong><\/li>\n<\/ol>\n

    2- In Page Builder<\/h3>\n
      \n
    1. Go to your WordPress Admin Panel<\/strong><\/li>\n
    2. Click?Pages?<\/b>on the Dashboard<\/b><\/li>\n
    3. Click Add New<\/b><\/li>\n
    4. Navigate to the top right hand of the WordPress editor and find Page Builder<\/a><\/strong>, beside text tab<\/li>\n
    5. Click?Add Widget<\/strong><\/li>\n
    6. Click?Phlox?<\/strong>and choose?[Phlox]?Instagram Feed<\/strong><\/li>\n
    7. Click?Edit?<\/strong>on the right side of the widget on?Page Builder<\/strong><\/li>\n<\/ol>\n
      \n

      Instagram Feed Options<\/h3>\n

      Title<\/h4>\n

      In this section, you are able to add a title to your widget.<\/p>\n

      Instagram User ID<\/h4>\n

      This field is for your Instagram ID. To get your ID,?you can go to WordPress admin panel > Dashboard > Instagram Feed?<\/strong>or visit here<\/a>.<\/p>\n

      \"instagram-feed\"
      \n\"instagram-feed-widget\"<\/p>\n

      Number of Photos<\/h4>\n

      Enter the number of photos you want to display on your website, up to 33 photos.<\/p>\n

      Resolution\/Size of Photos<\/h4>\n

      Auto, Thumb, Medium, and Full are three considered sizes for photos. Our recommendation is medium-sized.<\/p>\n

      Columns<\/h4>\n

      Here you can set the number of columns 1 to 10.<\/p>\n

      Spacing Around the Photos and Unit of the Spacing<\/h4>\n

      In this field, you are able to add space between photos. The unit of the spacing can be pixels or percentage.<\/p>\n

      Height and Unit of the Height<\/h4>\n

      The height of Instagram feed is changeable. It can be either in pixels or in percentage.<\/p>\n

      Background Color<\/h4>\n

      Here choose a solid or transparent?color for the widget background.<\/p>\n

      Show Header<\/h4>\n

      By enabling this option, you can add a header to Instagram feed.<\/p>\n

      Show Follow Button<\/h4>\n

      Switch on this option to display a follow button on the feed.<\/p>\n

      Show Load More Button<\/h4>\n

      By switching on this option, a load more button will be added to Instagram feed.<\/p>\n

      Extra Class Name<\/h4>\n

      This field allows you to?customize particular content element. Just write the style on your CSS file and define a class name for it, then add the class name here.<\/p>\n","type":"solution"}