About PageFly Landing Page Builder
PageFly Landing Page Builder is a powerful and user-friendly tool designed to help businesses and individuals create stunning and highly converting landing pages with ease. With its intuitive drag-and-drop interface and a wide array of customizable templates, PageFly allows you to design pages that captivate your audience and drive conversions. Whether you’re launching a product, running a campaign, or showcasing your brand, PageFly provides the tools and flexibility to bring your vision to life, helping you achieve your marketing goals with ease.
To use PageFly with VIBE, the app has to be installed on your Shopify store.
- Install PageFly
- Install VIBE Shoppable Instagram Feed
How To Access PageFly Landing Page Builder?
Step 1: Go to Shopify Admin account > Apps
Step 2: In the app list, search for PageFly and click on it.
Step 3: Go to PageFly app and choose a page type you want to create.
How To Access VIBE Shoppable Instagram Feed on 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 |
|
| 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:
|
| 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
1. 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.
2. 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.
