{"id":229,"date":"2022-11-23T09:54:02","date_gmt":"2022-11-23T09:54:02","guid":{"rendered":"https:\/\/loftocean.com\/doc\/patiotime\/?post_type=ptkb&p=229"},"modified":"2023-09-01T12:43:19","modified_gmt":"2023-09-01T12:43:19","slug":"instagram","status":"publish","type":"ptkb","link":"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/instagram\/","title":{"rendered":"Instagram"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n
\t
\n\t General\t <\/h6> <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

You can add your Instagram feed on your website.\u00a0Please note:<\/span>\u00a0your Instagram account needs to be public to show feed on your site.<\/p>

Please go to\u00a0Appearance<\/strong>\u00a0>\u00a0Customizer<\/strong>\u00a0>\u00a0General<\/strong>\u00a0>\u00a0Instagram<\/strong>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n
\t
\n\t Set Up Your Instagram\t <\/h6> <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

It is required<\/strong> to connect your website with your Instagram account before you can display the Instagram feed on your website. Please follow the guide below to connect your website with your Instagram account:<\/p>

  1. Install a third party plugin: “Smash Balloon Social Photo Feed”.<\/strong>\u00a0Please\u00a0install<\/span>\u00a0and\u00a0activate<\/span>\u00a0this plugin\u00a0Smash Balloon Social Photo Feed<\/a>\u00a0(Formerly “Smash Balloon Instagram Feed”).<\/li>
  2. Connect your website with your Instagram account.<\/strong>\u00a0Please go to your WordPress dashboard, find\u00a0“Instagram Feed”<\/strong>\u00a0in the sidebar. Then please click on the\u00a0Add New<\/strong>\u00a0button (as shown in the screenshot below) to connect your website with your Instagram account. After clicking the button, please follow the instructions displayed to operate. It will guide you connect your Instagram account and create a new feed.\"\"<\/li>
  3. Done.<\/li>
  4. You can create multiple feeds and display them in different places.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\t\t\t\t

    Now you can display your Instagram feed on your website.<\/p>

    • Footer Fullwidth Instagram Feed<\/strong>\u00a0– Please go to\u00a0Appearance > Customizer > Site Footer > Instagram<\/strong>, enable the feature and choose a feed from the dropdown list.<\/li>
    • Instagram Feed in the sidebar<\/strong>\u00a0– Please go to\u00a0Dashboard > Appearance > Widgets<\/strong>, find\u00a0CozyStay Instagram<\/strong>\u00a0widget and add it to the sidebar, then you can select a feed you’ve created.<\/li>
    • Adding Instagram Feed with Elementor<\/strong>\u00a0– When you edit a page\/post\/custom block by using Elementor, please find\u00a0CozyStay Elements > Instagram<\/strong>\u00a0widget, add it to the content, and then select a feed you’ve created.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t
      \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t

      “Why do I need to install this third-party plugin?”<\/strong><\/p>

      In order to resolve this Instagram connection issue, you need to add your Instagram Token to your website. Since Instagram API made changes frequently, we use this third party plugin “Smash Balloon Social Photo Feed” to manage Instagram Token. This is a plugin specifically made for Instagram feed, which is stable and frequently updated. Please\u00a0keep it activated<\/span>\u00a0so that it can connect your website with your Instagram account.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

      \n\t\t\t\t
      \n\t\t\t\t\t\t\t
      \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\n
      \t
      \n\t Instagram Cache\t <\/h6> <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t

      By default, the Instagram cache will exist for up to 2 hours, which means that if your Instagram has just added some new photos, those photos will not be shown on your website until the cache expires. In some cases, you may like to manually clear the cache. Please open your\u00a0WordPress Customizer<\/strong>, go to\u00a0General > Instagram<\/strong>, find the\u00a0\u201cClear Instagram Cache\u201d<\/strong>\u00a0option, and click the\u00a0\u201cClear Cache\u201d<\/strong>\u00a0button.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

      \n\t\t\t\t
      \n\t\t\t\t\t\t\t
      \n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\n
      \t
      \n\t Common Problem with Instagram\t <\/h6> <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
      \n\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t

      Instagram feed cannot be displayed on your website?<\/strong><\/p>\n

      Please check by following the steps below:<\/p>\n

        \n
      1. Please check whether the required plugin “CozyStay Core” is installed and activated.<\/li>\n
      2. If you update the theme, please make sure you also update the required plugin “CozyStay Core”.<\/li>\n
      3. IMPORTANT:<\/span><\/strong> Please connect your website with your Instagram account.<\/li>\n
      4. Please check if you have enabled the “Instagram” feed in your site footer.<\/li>\n
      5. Please make sure your Instagram account is public.<\/li>\n<\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"menu_order":0,"template":"","ptkb_category":[13],"class_list":["post-229","ptkb","type-ptkb","status-publish","hentry","ptkb_category-theme-configuration"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/types\/ptkb"}],"version-history":[{"count":2,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/229\/revisions"}],"predecessor-version":[{"id":1110,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/229\/revisions\/1110"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/media?parent=229"}],"wp:term":[{"taxonomy":"ptkb_category","embeddable":true,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb_category?post=229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}