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

Shopify Product Vendor

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.

Shopify Product Vendor

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.

Shopify Product Vendor
Vendor Text

The product vendor’s name is set by default following the Vendor in the Shopify Admin

Shopify Product Vendor

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

Global styleClick to copy

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

Global styles

OverallClick to copy

  • Content Color: Change the color of Product Vendor content by using the available parameter

Global styles

SpacingClick to copy

  • Padding: edit to adjust the inner spacing of the element’s container
  • Margin: edit to adjust the outer spacing of the element’s container

Product vendor

TypographyClick to copy

  • Font Family: choose your desired font for Product Vendor

Global styles

  • Font Size: Adjust font size by dragging the black dot or by entering a number in the box on the right

Global styles

  • Text Alignment: There are 4 text alignment options available, including Left, Right, Middle, and Justify

Global styles

BackgroundClick to copy

  • Background Color: choose background color for product vendor by using the available parameters

Global styles

  • Background image: Click Select image > Choose image > Click Select

Global styles

BorderClick to copy

  • 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

Global styles

  • Border color: select desired color for your border (this parameter is only available when you select one out of three border styles above)

Global styles

DisplayClick to copy

There are three display options: Inline, Block, Flex

Global styles

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

Shopify elements – Product Vendor

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?Click to copy

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?Click to copy

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