VIBE x PageFly integration

How To Access VIBE Shoppable Instagram Feed in PageFly

Step 1: In the PageFly editor, click "Add third-party element" on the left menu

Step 2: Click "Manage integrations" or the icon on top

Step 3: Search for "VIBE Shoppable Instagram Feed" and activate it

Step 4: Click "Done" and the element will appear in the "Add third-party element" menu

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

How To Configure For VIBE Shoppable Instagram Feed

VIBE’s Settings

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

To get the code, please follow the instructions:

Click on Install Feed on the top right of the feed.

Click on the Copy code icon to copy the feed ID and use it on the PageFly page builder.

PageFly’s Settings

General Tab

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.



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.

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.



- 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



- 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



To know more about Visibility, Attributes & Animation parameters, kindly refer to this article about the General tab.

Styling Tab

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



You can check more information about the Styling tab here.

Tips & Best Practices

We strongly recommend using the Shopify App Block Element for VIBE integration. Available for Shopify theme OS 2.0, this feature simplifies adding VIBE functionality to your PageFly pages or sections. It offers greater flexibility, easier updates, and an improved user experience. While limited to one per page, the App Block is a valuable tool to enhance your store's capabilities.

For detailed setup guidance, refer to our App Block article. This simple change can substantially improve your VIBE integration and overall store performance.

Frequently Asked Questions

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.

Updated on: 15/04/2025