About Shopify Product Vendor Element
Summary: Shopify Product Vendor is designed to present the vendor (the provider of products) on your page to increase trust in the product source. Sometimes, shoppers will make their buying decision based on vendors rather than just price. That’s why adding a Product Vendor element to your page will help you boost more sales.
How To Access Shopify Product Vendor Element
- Step 1: From PageFly’s Dashboard, go to the page listing and choose the page you want to edit.
- Step 2: In the Editor, on the left sidebar, click on Element catalog and switch to Shopify tab
- Step 3: Find the Product Vendor element under the Product drop-down menu.
- Step 4: Drag and drop the element into the page editor and start using it.
You can also access the Product Vendor element by searching it in the Search box.
How To Configure For Product Vendor Element
When clicking on the Product Vendor element, you will see various types of parameters in the right sidebar, including the General and Styling tabs.
General Settings
| Product source
When you drag and drop this element into the editor page. There are 2 choices in the Product Source option for you to choose from:
Note that if you are in the Product Page and use the Product Vendor element, then you can choose the Product Source option. However, if you are in a Regular Page and use this element, the Product Source option is disabled and the Custom Product is chosen by default. If you choose Auto, then the product that was assigned when you created this product page will be displayed in the page editor. The Auto option is the default when you use the Product Vendor element. |
 |
| Vendor Text
The product vendor’s name is set by default following the Vendor in the Shopify Admin |
 |
We’ve also put together detailed information about Attributes, Visibility, and Animation in this article. Don’t hesitate to check it out!
Styling Settings
Legacy Editor
The Styling tab offers a range of options to tailor the look of your Blog post meta element, ensuring it matches your brand’s aesthetic. This feature allows you to fine-tune various visual elements including typography, color schemes, dimensions, and spacing, among others. These adjustments help create a polished and eye-catching appearance for your blog post information.
For a more comprehensive guide on element styling, you can refer to the PageFly Element Styling guide.
Gen 2 Editor
- Gen 2 Editor Beta is now closed. Pages and sections created with Gen 2 Editor will remain fully functional. Enhanced version will be coming soon.
- Gen 2 Layout will be available exclusively for Pay-as-you-go pricing model (slot plans)
When using the Product Vendor element in a Flex section, you can control its width and height in the Styling tab with these three options:
- Fill Container: The Product Vendor will expand to fill the entire space of its parent container.
- Hug Content: The Product Vendor will resize to fit the content inside it.
- Fixed Width / Fixed Height: Set a specific width and/or height for the Product Vendor. You can define the exact dimensions below this option.
Click on “More settings” to set the minimum and maximum width and height for the Product Vendor.
Common Cases
Change Vendor’s Name In Shopify Configuration
To set up the Vendor in Shopify
- Step 1: Go to the Shopify Admin > Choose Products > All Products > Select a product you want to set up
- Step 2: On the right side, head to Product Organization > Choose a different option from the dropdown menu (this will include other vendor names previously/currently used) or create a new vendor’s name
- Step 3: Click on Save button
Best Practices For Using Product Vendor Element
- Ensure the vendor information displayed is accurate and builds trust. Consider linking to the vendor’s website (if available) for further brand validation by users
- Don’t overuse the product vendor element. Not all customers prioritize brand recognition. Use it strategically for products where brand association adds value
- Present the vendor name clearly and concisely using a readable font size and color that complements your website’s design
Frequently Asked Questions
What is Shopify multi vendor?
Multi Vendor Marketplace app for Shopify is a great tool to convert your Store into a fully functioning marketplace.
How do I add or access a vendor list on Shopify?
Log into your dashboard, and click ‘Products’, then select a product that needs a vendor. Then, click on the ‘Product organization’ panel on the right, then there is a ‘Vendor’ menu, which lets you select a vendor, or create a new one.
Previous article
