Create a curated Gallery or an InstaShop to display brand-owned and user-generated content on your e-commerce website.
Create a Gallery
Step 1: Enter basic Gallery information
Follow these steps to create a Gallery in Vibe:
- In Vibe, select Commerce > Galleries.
- Select the + icon next to Galleries. The New Gallery modal will appear.
- Select Curated Gallery to create a standard Gallery that you can add user-generated content (UGC) to. Select InstaShop to create a Gallery that you can only add brand-owned content to. Select Next.
- Choose the location on your website that this Gallery will go. Select Next.
- If you chose Curated Gallery, choose whether you want content from your connected Instagram account to be automatically published to this Gallery. If you chose InstaShop, select whether you want content from your Instagram account to be distributed, or if you only want your Instagram content that's been product tagged to be automatically distributed to this Gallery. Select Next.
- Enter a name for your Gallery in the Gallery Name text field. We recommend keeping this at the default if you chose Homepage, Product Page, or Category Page as your Gallery location. Select Next.
Step 2: Configure
After you've created the Gallery and the configurator opens, you can choose to customize the Gallery or select Skip for Now to skip this step.
Layout
On the Layout tab, customize the layout of your Gallery and other general options. You can choose from the following layouts:
Carousel: A single row of images that users can scroll through.
Square Grid: A grid of images, each of which are squares of equal size.
Masonry: A grid of images which sorts images based on their size.
Multi-Size Grid: A grid of images which are displayed in various sizes.
Video Optimized: Refer to our Video optimization article to learn how to optimize and prioritize video content.
Text
To use a custom font, select the toggle and then enter the font family name.
To use an in-built system font, make sure the Use a Custom Font toggle is off and then select a font from the drop-down list.
Hover
If hover interactions (such as autoplay) aren't working, try the following:
- Check that you're using a supported browser and device.
- Ensure no browser extensions are interfering with video playback.
- Reach out to your Bazaarvoice representative for further troubleshooting.
Modal
On the Modal tab, customize the look and feel of your Gallery.
Uploader
On the Uploader tab, use the Enable Uploader toggle to choose whether you want your end users to have the ability to upload content in the Gallery itself and customize the uploader. This does not apply to InstaShops.
Localization
On the Localization tab, enter translated text for any additional locales you want to add this Gallery to. There are 21 supported languages available for Galleries in Vibe.
Supported languages for Galleries
| Language | Locale |
|---|---|
| Polish | pl_PL |
| Russian | ru_RU |
| Italian | it_IT |
| Spanish (Spain) | es_ES |
| English (GB) | en_GB |
| French (France) | fr_FR |
| German | de_DE |
| English (Canada) | en_CA |
| French (Canada) | fr_CA |
| English (EU) | en_EU |
| English (US) | en_US |
| Portuguese | pt_BR |
| Spanish (Mexico) | es_MX |
| Spanish (US) | es_US |
| Swedish | sv_SE |
| Dutch | nl_NL |
| Danish | da_DK |
| Korean | ko_KR |
| Japan | ja_JP |
| Latvian | lv_LV |
| Estonian | et_EE |
| Lithuanian | lt_LT |
Once you've filled out all the required fields, select Save in the upper-right corner.
Step 3: Add content to your Gallery
Read Distribute content and Set up a media stream to learn how to add content to your Gallery.
Step 4: Add the Gallery to your site
Read our developer documentation to learn how to add your Gallery to your site. Read Bazaarvoice Reviews & Photos app for Shopify to add your Gallery to your Shopify store.
