How to use VIBE Shoppable Instagram Feed on PageFly

About VIBE Shoppable Instagram FeedClick to copy

VIBE is a Shopify Instagram app that allows you to create shoppable Instagram feeds. VIBE Shoppable Instagram Feed helps you increase sales by making it easier for users to purchase your products. It can improve the customer experience by making it easier for users to find and purchase the products they want.

Before using this element, you have to install the VIBE Shoppable Instagram Feed app to your store, configure all options in the app, and then return to PageFly to use the element(s) on all your PageFly pages.

Let’s watch this tutorial video to discover how to incorporate VIBE Shoppable Instagram Feed into PageFly:

Access VIBE Shoppable Instagram FeedClick to copy

​​Step 1: Go to Add third party elements in the left toolbar > Click on the Edit your 3rd party elements button.

Step 2: In the Integrations popup page, you can search “VIBE Shoppable Instagram Feed” on the search bar.

Step 3: Click on the Grid/ Slideshow Instagram Feed by VIBE element in the catalog

Step 4: Drag and drop the Grid/ Slideshow Instagram Feed by VIBE element on the canvas.

VIBE

VIBE Shoppable Instagram Feed element comes in 2 variations: Grid Feed and Slideshow Feed.

VIBE

ConfigurationClick to copy

PageFly’s SettingsClick to copy

General SettingsClick to copy

In the General tab, there is a widget configuration giving you a short explanation of the VIBE Shoppable Instagram Feed app, and its link to the app listing.

VIBE

In Content, you must paste the Feed ID that you have already copied from VIBE Shoppable Instagram Feed app to make it work.

Next, you can select how the Post click action works.

There are 3 options for you to choose:

  • Open post pop up: This will open a pop-up window that displays the Instagram post.
  • Open Instagram post page: This will open the Instagram post in a new tab or window.
  • None: This will do nothing. The Instagram post will not be opened.

VIBE

You can adjust how the VIBE Shoppable Instagram feed displays directly in the PageFly page editor.

  • Posts to display

Note: Post display limit cannot be exceeded the number set in feed settings. Note that excessive posts may harm your page performance.

  • Items per loading

Note: Items per loading can’t be greater than posts to display.

  • Item per row for desktop and mobile
    • The Item per row for the desktop device screen can be selected from 3 to 6.
    • For mobile, this range is from 1 to 3.

VIBE

  • Item spacing for desktop and mobile: The spacing for the desktop device and mobile screen can be selected from 0px to 100px.
  • Loading mode: there are 2 types of loading modes that you can choose:
    • None
    • Load more

VIBE

  • Post Display:
    • In Post Display, you can change the Post CTA and Post with products CTA.
    • Remember to choose the Post ratio. You can choose from Square, 4:5 or 9:16.

VIBE

Styling SettingsClick to copy

You can customize the styling of the VIBE Shoppable Instagram Feed element in the Styling tab.

VIBE

You can check more information about the Styling tab here.

VIBE’s SettingsClick to copy

Once you finish settings for the content of the Instagram Feed, you need to get the Feed ID to insert the feed in PageFly page editor.

To use the code, please follow the instructions:

  • Click on Install Feed on the top right of the feed.
  • Click on the Copy code button to copy and use it on PageFly page builder.

Finally, hit Publish PageFly’s page and check the results on your live page.

🛍 Explore the PageFly page template to gain insight into the functionality of VIBE on an actual live page.

Key TakeawaysClick to copy

With VIBE, You can create shoppable Instagram feeds to showcase your products and boost sales. Adding a shoppable Instagram Shopify is also one of the most effective ways to increase the conversion rate. It lets your customers shop right in your Instagram feed and get more sales.

Frequently Asked QuestionsClick to copy

Overview

When was VIBE Shoppable Instagram Feed Created?2023
Does VIBE offer a free plan?Yes, they also offer a paid plan starting from $8/month.
Can I use VIBE Shoppable Instagram Feed on PageFly Editor?Yes

What is VIBE?

VIBE is a Shopify app that allows you to create shoppable Instagram feeds. This means that your Instagram posts can be linked to products in your Shopify store, so that users can purchase them directly from your feed. VIBE is easy to use and does not require any coding knowledge. You can customize your feeds to fit your brand and your products.

Does VIBE offer 24/7 live chat support?

Yes, you can directly access VIBE’s live chat support through the VIBE app or their website. VIBE offers a 24/7 support team to assist you.

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us