User-generated content (UGC) has become more popular than ever. It’s authentic and allows for more interaction between people and businesses.
With Judge.me UGC Media Grid, you can easily take your favorite user-generated content from Instagram and pull it into a customizable widget in your store.
Before you begin
UGC Media Grid is currently available on Shopify, WooCommerce and Square.
Your Instagram account needs to be a business (professional) account and is linked to a Facebook page.
Steps to add UGC Media Grid
Step 1: Connect your Instagram account
From your Judge.me admin, go to Widgets > UGC Media Grid > Customize.
Click Connect Instagram account > Continue with Facebook.
If you have multiple accounts, choose the one you want to use with Judge.me and make sure to grant us all necessary permissions.
After logging into your Facebook account, you’ll see both Facebook and Instagram options displayed. Click Activate next to Instagram to connect your account.
For other platforms
For other platforms
From your Judge.me admin, go to Settings > Other Widgets > UGC Media Grid > UGC Media Grid Installation.
Click Log in.
When you're connected, click Use this account.
Step 2: Install the UGC widget
Click Install to add the UGC widget to your store using the Shopify theme editor. Check this article for more detailed instructions.
For WooCommerce users, you can use this shortcode [jgm-ugc-media-grid] to install the UGC widget.
Note: The UGC widget is only displayed when you have published your posts.
Step 3: Publish your posts
On the UGC Media Grid Settings, click on the top arrow to go back to your UGC dashboard.
Click on the post you'd like to publish on the UGC widget, then click Publish post.
You can also link a product to add a Buy Now button to the UGC post, linking to your product page.
How Instagram posts are fetched
We will fetch a maximum of 100 most recent photos, videos, and reels that you posted or are tagged in Instagram. This will be updated once every day.
In case you want to fetch newer posts, click Refresh.
Step 4: Customize your UGC widget
From Widgets > UGC Media Grid > Customize, go to the Widget settings to customize your UGC widget.
There are many customization options, including changing the title, and subtitle of the widget, and customizing the color for different buttons:
Product Image button: "Buy now" button linked to your product page.
Loading button: "Load more" button if there are more than 6 posts.
Reviews button: You can link this to the product page or the Judge.me Platform listing.
Example of the "Buy Now" button (Product Image button) when you hover on a UGC image:
Example of the "Buy Now" button and the Reviews button on the expanded UGC post:
