OT: Instagram Feed - User Guide
OT: Instagram Feed - User Guide
OT: Instagram Feed - User Guide
(1) Why does the Instagram feed not appear on my storefront? What should I do? This case may happen due to: Being hidden: The app block might be hidden/not visible. Check again on the storefront customization page and choose Visible if this happens. Account connection: There might be problems with your Instagram account connection. Please check the app settings. (2) Can I place the feed on pages other than Home Page? You certainly can place multiple feeds on any pages you want. Go to the page you want to add feeds, choose “Add block” and choose OT: Easy Instagram Feed app. If the app is not shown on the page you desire, please contact us for further support. (3) Is it possible to display feeds from different Instagram accounts? Unfortunately, with the current version of this app, you can only connect and get the feed from ONE Instagram account. If you have further questions, feel free to Contact Us.
OT: Instagram Feed - User Guide
1. Add Instagram Feed to Homepage When finished, click the Save button to save all the settings. Then to add to your Shopify store, click on the Add Feed to the Homepage button. You will be navigated to the theme customization page. A new app section - a new Instagram feed will be added to the home page. Note: If the home page already has at least one Instagram feed app section, the button will change to View the theme. By clicking the button, you will be redirected to the theme customization page and no new app section will be added. To add more feeds, at the theme setup page, navigate to the Apps Section, and select Add block > Apps > OT: Easy Instagram Feed. An Instagram feed that was configured before will show up. Note: You can add multiple app blocks to the current page or various pages (homepage, product pages, etc.) The Instagram feeds will update the latest post in real-time. This means that any new post on your Instagram account will appear on the feed instantly. 2. Edit the feed on the storefront There’s an feed edit section on the right side. Here you can adjust a specific feed to match your theme. Title Instagram Feed: Enter the title for that specific feed. Leave it blank to use the title configured at the app configuration before. Title Color: Pick the color of the title using the color picker or submitting the color code. Title Size: Change the current feed’s title size. The default value is 40px and the maximum value is 100px. Description: Add a description for the chosen feed. You can edit the text format, except for the font. The description's font will match the theme's body font. And you can change the description color as well. Custom code: Edit the feed by adding custom HTML, CSS, or JavaScript code. Advanced custom code: Add custom code to change the feed's configuration options (?). For this feature, please Contact us. You can return to the app configuration page by clicking Manage App. Check the responsiveness of the feed on your store again. Then, click Save to save all the setup. And your Instagram feed is ready to use.
OT: Instagram Feed - User Guide
Under the account section is the configuration for the feed. There is an Edit section and a Preview section for both desktop and mobile displays. The preview will change upon your settings. 1. Title Enter the title for the feed or leave it blank to hide the title. 2. Action on post click Here you can choose the action for when customers click on a certain post. Show post details: A popup will show up with the media, account name, caption, and the published date. Customers can click the arrow to see the next posts. They can also click the account name or the See on Instagram text to be redirected to your Instagram account page, or the media to be redirected to that post on Instagram. Show media only: A popup will show up with the media only. Customers can click the arrow to see the next posts, or click on the media to be redirected to that post on your Instagram page. Redirect to Instagram: Visitors will be redirected to that post on your Instagram account page. Do nothing: No action happens upon clicking. View the results by clicking on the post in the preview section. 3. Feed Layout Display 3.1. Format, Post Spacing, Rounded Corners & Max Number of Posts Format: Choose the post display format: 1:1 (square) or 9:16 (vertical). Post Spacing: Choose spacing size among the posts in the feed. The default value is 5px and the maximum is 20px. Rounded Corners: Set the degree of rounded corners for the posts. The default value is 5%. Max number of posts: Choose the maximum number of posts to be displayed on the feed. The minimum value is 1 and the maximum is 25 (Shopify’s limit). Note: If your account has more posts than the chosen value, this app will show the latest posts until the limit is reached. If your post has more than 1 image/video: By default, our app will only display the first one. Or contact us if you want to show all. 3.2. Layout: Slider & Grid This Instagram Feed app supports 2 layouts for you to choose from: Grid and Slider. Grid: The feed will be displayed in a grid layout. We’ve set the default number of posts per row for both desktop and mobile. If you want to change it, please contact us. Slider: The feed will be displayed in a slider/carousel layout. Here, you can: Choose to enable Auto-play mode or not. Set the auto-play time to the next post at Change slide every (second). The maximum value is 10 (or contact us to change the max value). Customers also can click the arrow to switch to the next post.
OT: Instagram Feed - User Guide
Connect your Instagram account
Enhance user's shopping experience & sell better with Instagram Feed.
OT: Instagram Feed - User Guide
Here’s the guide for OT: Easy Instagram Feed. This app helps you to easily integrate Instagram feeds into your store as a gallery for product showcases, social proof, and customer feedback. Follow these steps to add & set up Instagram feed(s) in your store: 1. Connect the app with your Instagram account 2. Set up the feed display 3. Add feed to your storefront 4. General FAQs
