Product vendor
Last updated
Was this helpful?
English 🇺🇸
Last updated
Was this helpful?
Summary: 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.
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.
When clicking on the Product Vendor element, you will see various types of parameters in the right sidebar, including the General and Styling tabs.
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:
Auto: The product that was assigned to this page through Page Assignment will be displayed in the page editor.
Custom Product: You can choose Custom Product and select the product you want.
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
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.
Gen 2 Editor
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.
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
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
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.
We’ve also put together detailed information about Attributes, Visibility, and Animation in . Don’t hesitate to check it out!
For a more comprehensive guide on element styling, you can refer to the guide.
Important Note: Gen 2 Layout will be available exclusively for Pay-as-you-go pricing model ().
