Cards: Display Instagram Posts and Hashtags

The Instagram card allows users with an Instagram account to access and display Instagram posts, keeping employees engaged while increasing the organization’s social media presence.. The card is built using the new Appspace integration with third-party systems that leverages standard technologies to create long-lived, authenticated, and secure connections.

An initial connection must be established between Appspace and an Instagram service account, which is then stored in a virtual passport in Appspace and can be used until the service account revokes or cancels the integration. The passport will allow the card to establish a connection with the third-party system at runtime.

Important
In this first release of the card, hashtags will query only the most recent posts. Instagram has a 24-hour window for displaying most recent posts, hence if there are no related hashtags in the last 24 hours, the card will return empty. The card also only supports Instagram’s most recent posts. Support for top posts will be added in upcoming releases.

Note
Read more about the integration architecture and how it all connects here in the Introduction to Appspace Integrations.
Important
Please refer to our Introduction to Cards guide for an in-depth introduction to the types of cards that are ideal for your signage solutions. Visit our Appspace Card Gallery to find the perfect template to deliver your message.

This article provides instructions to create, configure, and customize the Instagram card, which is built with the Social card theme:

Prerequisites

Authenticate Instagram Account

Follow the instructions below to authenticate an Instagram service account with Appspace:

Note
Appspace Account Owner or Publisher permissions are required. If you do not have the required permissions, you may still create the Instagram passport by clicking the Set up a new passport link when configuring the Instagram card.
  1. Log in to the Appspace console.
  2. Click the ☰ Appspace menu, and click Admin > Integrations.
  3. Click the Passports tab, and click the +ADD button.
  4. Select the Instagram passport, and click CONNECT. Proceed to authenticate the passport, and grant permissions to access the Instagram account. You may be required to sign-in with your Instagram credentials if you are currently signed out.
    Important
    Please ensure to use your Instagram Business account credentials to sign-in, as the normal or personal Instagram account, while can be authenticated, will not be able to retrieve Instagram posts.
  5. Follow the on-screen instructions to continue to configure the Instagram passport.
  6. Once authenticated, in the Account Settings tab, you may perform the following actions:
    • Change the name of the passport, by entering a different name in the Name field.
    • View the Account ID of the passport.
    • View the App Permissions granted to the passport.
    • View and refresh the Status of the passport.
    • Remove the passport, by clicking the Remove Account button.
  7. In the Permissions tab, you may grant the following users or user groups permissions to view or edit this passport configuration at any time:

    • Enter and select the user(s) or user group(s) from the drop-down list, or click the Find users or user groups link, and select the desired user(s) or user group(s). Proceed to grant either Can Manage or Can View permissions by clicking the Select permissions drop-down menu.
    • You may also view or remove the user(s) or user group(s) that have already been granted permissions, by clicking the delete icon.
  8. You may proceed to the Create and Configure Instagram Card section below.

Create and Configure Instagram Card

Follow the instructions below to display Instagram posts.

  1. Log in to the Appspace console.
  2. To create this content, select one of the following options:

    • Click +QUICK ACTION from the Appspace menu bar on the top right, and select Create Content.
    • Click Library from the ☰ Appspace menu, and select the library or folder you wish to create the content in. Click the +CREATE button arrow, and select Content.
    • To create and add the card directly to an existing channel, refer to Add Content to Playlist Channels from Library article.
  3. Select the Social tag, and select Instagram.

    Important
    If you are unable to locate the content, try using either the Search bar, the Order by, or Filter icon to narrow down the content that you are looking for.
  4. Enter the Title of the content as this will also act as the file name for the content. This is a mandatory field.
  5. Select the Instagram passport created earlier, or you may click the Set up a new passport to create one.

    Note
    If you are creating a new Instagram passport, proceed to follow the on-screen instructions to authenticate the passport, and grant permissions to access the Instagram account. You may be required to sign-in with your Instagram credentials if you are currently signed out.
    Important
    Please ensure to use your Instagram Business account credentials to sign-in, as the normal or personal Instagram account, while can be authenticated, will not be able to retrieve Instagram posts.
  6. Select the source of the Instagram postings from the drop-down menu:

    • My Account – Select your own personal account. The availability in the drop-down list will depend on the account used to create the authentication passport earlier.
    • Business or Creator Account – Select a corporate account. The availability in the drop-down list will depend on the account used to create the authentication passport earlier.
    • Hashtag – Type in a hashtag to display public posts containing the hashtag.
  7. Click Select Account to confirm.
  8. In the Edit tab:

    • Enter the Number of Recent Posts Displayed to set the total number of recent posts that will be retrieved from the account.
    • Enter the Number of Posts Per Playback Loop to set the number of posts displayed within each playlist channel playback loop.
    • Enter the Post Duration to set the duration of each post displayed.
    • In the Display Options section, click the arrow to expand.
    • Enable or disable the desired display options below by moving the slider:
      • Enable Video – Allows posts with videos to be displayed. Enabled by default.
      • Show Logo – Displays the Instagram logo. Enabled by default.
      • Show Post Timestamp – Displays the timestamp of the post. Enabled by default.
      • Keep Media Aspect Ratio – Displays the media in its original aspect ratio, with the background being a blurred version of the media. Disabled by default.
      • Enable Transition – Allows transitions between posts. Enabled by default.
        • Select one of the following transitions from the drop-down menu:
          • Slide Bottom
          • Slide Random
          • Swoop Left
          • Swoop Right
          • Swoop Top
          • Swoop Bottom
          • Swoop Top-Left
          • Swoop Top-Right
          • Swoop Bottom-Left
          • Swoop Bottom-Right
          • Swoop Random
        • Select upto two Transition Colors.
    • In the Design section, click the arrow to expand.
      • Customize the Text Color and Hashtag Color.
      • Customize the Background Color or Media.
    • In the Post Filters section, click the arrow to expand.
      • Enable Profanity Filter – ON by default.
      • Enter the keywords in the Posts must contain field, to display posts containing only those keywords.
      • Enter the keywords in the Posts cannot contain field, to hide posts containing those keywords from the display.
  9. In the Article tab:
    • Include an Article or Caption to accompany the content item when being displayed on mobile apps, tablets, and other social collaboration apps.
    • Enter a Referral Link to link more information to the content.
  10. In the Schedule tab:
  11. In the Settings tab:
    • The Name field will be auto-populated to match the Title of the content which will also act as the filename for the content. This is a mandatory field.
    • Enter any relevant Tags for the content. (Optional)
    • Select a folder for the content in the Library Location drop-down menu to change the default folder location.
    • Select an expiry date for the content from the Auto Delete Content from Library drop-down menu. (Optional)
    • Upload an image to be used as the Thumbnail for the content.
  12. Click SAVE.
  13. Proceed to the edit section below to add the card to a channel, preview the card, or view analytics once available.

Edit Instagram Card

The instructions below show you how to edit a Facebook theme Social card.

  1. Log in to the Appspace console.
  2. Click Library from the ☰ Appspace menu, and select a library or folder containing the content you wish to edit.
  3. Select and click the Facebook theme Social card to edit, and select the desired tab to edit or view.
    • In the Edit, Article, and Settings tabs:
      • You may edit the content the same way as it was configured. For detailed instructions on how to do this, please refer to the Create and Configure section above.
    • In the Preview tab:
      • Preview how the content is displayed on your device.
    • In the Channels tab:
    • In the Analytics tab:
      • View the individual content analytics in this tab. For more information, please refer to the Individual Content Analytics section of the Analytics article.
  4. Once done, click SAVE.
Related Articles