Product vendor

About Shopify Product Vendor ElementClick to copy

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 ElementClick to copy

  • 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.

Note: You can use the Product Vendor element on any non-product page or use it on a product page.

How To Configure For Product Vendor ElementClick to copy

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 SettingsClick to copy

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

We’ve also put together detailed information about Attributes, Visibility, and Animation in this article. Don’t hesitate to check it out!

Styling SettingsClick to copy

Legacy EditorClick to copy

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 EditorClick to copy

Important note: 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 CasesClick to copy

Change Vendor’s Name In Shopify ConfigurationClick to copy

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 ElementClick to copy

  • 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 QuestionsClick to copy

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.

Additional ResourcesClick to copy

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
Great news! PageFly Help Center is now available in Japanese 🇯🇵. Explore now by switching the language in the Header section ☝️