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 Add Shopify Element
- Step 3: Click on the Product Vendor element in the dropdown menu
- Step 4: Drag and drop the element into the page editor and then start editing
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
Global style
- There are 7 default heading options you can choose for the product vendor element. You can customize/set up global styles by clicking “Edit global style”. For more information, please refer to Global styles article.
Overall
- Content Color: Change the color of Product Vendor content by using the available parameter
Spacing
- Padding: edit to adjust the inner spacing of the element’s container
- Margin: edit to adjust the outer spacing of the element’s container
Typography
- Font Family: choose your desired font for Product Vendor
- Font Size: Adjust font size by dragging the black dot or by entering a number in the box on the right
- Text Alignment: There are 4 text alignment options available, including Left, Right, Middle, and Justify
Background
- Background Color: choose background color for product vendor by using the available parameters
- Background image: Click Select image > Choose image > Click Select
Border
- Border Style: by default, there is no border applied to the Product Vendor element. However, you can choose border styles from the three available options: Solid, Dotted, Dashed
- Border color: select desired color for your border (this parameter is only available when you select one out of three border styles above)
Display
There are three display options: Inline, Block, Flex
There are many styling options, including states, overall, spacing, typography, background, border, display, effects, and custom CSS. For further details, check out the PageFly Element Styling.
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
