> For the complete documentation index, see [llms.txt](https://support.agentfire.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://support.agentfire.com/spark-editor/spark-creator/create-a-new-vendors-page.md).

# Create a new Vendors Page

Add the businesses you recommend, then show them on a page of your website.

The Vendors tool gives you one place to list the inspectors, lenders, contractors and other businesses you recommend. It takes two parts:

1. **Add your vendors** in Site Tools > Vendors.
2. **Show them on a page** with the **Vendors Feed** widget.

Adding vendors doesn't put them on your site by itself. You need both parts.

## Add a vendor

{% stepper %}
{% step %}

### Open Vendors

In the top menu, go to **Site Tools** > **Vendors** and click **New Vendor**.

![The Vendors page with the New Vendor button](https://2039430885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq65vhH2v4k5rpDOha9Vm%2Fuploads%2Fgit-blob-6bf572d11b5830c986ead322b2469d05e63b5a5c%2Fvend-1-new.png?alt=media)
{% endstep %}

{% step %}

### Pick a profile type

Choose **Simple Profile** or **Custom Profile**.

![New Vendor menu showing Simple Profile and Custom Profile](https://2039430885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq65vhH2v4k5rpDOha9Vm%2Fuploads%2Fgit-blob-13bc8acef1550763afd0090e61ac956059976277%2Fvend-2-choice.png?alt=media)

* **Simple Profile:** the vendor shows as a card on your Vendors page. Visitors click **View Profile** and the card flips to show the contact details. This is the quickest option.
* **Custom Profile:** the vendor gets their own page, where you can say more about the business and why you recommend them. All custom vendor pages share one layout, which you can change in **Spark Editor** > **Vendor Template**.

You can switch a simple vendor to a custom one later from **Actions** > **Convert to Custom**.
{% endstep %}

{% step %}

### Name it and create it

Type the business name and click **Create Vendor**. The vendor now shows in your list.
{% endstep %}

{% step %}

### Add the details

Click **Edit** next to the vendor. Fill in what you'd like visitors to see: logo, description, contact name, phone, email, address, website and social links.

To group vendors, click **Add New Category** (for example "Home Inspectors" or "Lenders"), then tick the category for this vendor. Visitors can filter by these categories on your page.

![The vendor form with Business Name and a Home Inspectors category ticked](https://2039430885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq65vhH2v4k5rpDOha9Vm%2Fuploads%2Fgit-blob-86ff8c88b42dc176a12e5dc7dfdfd4ee0266050a%2Fvend-3-form.png?alt=media)

Click **Update** to save.
{% endstep %}
{% endstepper %}

Repeat for each vendor. To remove one, click **Actions** > **Delete** next to it.

## Show your vendors on a page

{% stepper %}
{% step %}

### Open the page in the editor

Go to **Pages**, then click **Edit** on the page where you want your vendors. You can use an existing page or [create a new one](/spark-editor/spark-editor/how-to-add-a-new-page.md), such as "Our Trusted Vendors".
{% endstep %}

{% step %}

### Add the Vendors Feed widget

Add a section and a column, then click **Add New Widget** and choose **Vendors Feed**.

![The widget list with Vendors Feed highlighted](https://2039430885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq65vhH2v4k5rpDOha9Vm%2Fuploads%2Fgit-blob-0225f7925ec9d3b857f51595f61b84e35be2864a%2Fvend-4-feed-widget.png?alt=media)
{% endstep %}

{% step %}

### Choose how it looks

The widget settings let you choose:

* **Category Filters:** show or hide the category dropdown at the top.
* **Partner Form:** show or hide a **Become a Partner** button, so businesses can ask to be listed.
* **Columns**, **Spacing** and **Per Page:** how many vendors per row and per page.
* **Open Profile New Window:** for custom profiles, open them in a new tab.
* **Description Char Limit:** how much of each description shows on the card.

![Vendors Feed settings next to a preview of a vendor card](https://2039430885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq65vhH2v4k5rpDOha9Vm%2Fuploads%2Fgit-blob-68751868e796ce20ff0efa4cf18e93a479648ea7%2Fvend-6-feed-settings.png?alt=media)
{% endstep %}

{% step %}

### Save and check it

Click **Save**, then open the page. Your vendors show as cards:

![A vendor card on the live page](https://2039430885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq65vhH2v4k5rpDOha9Vm%2Fuploads%2Fgit-blob-a61acbf4d6839eb29f5420182106d5b3a42ca79c%2Fvend-7-live-card.png?alt=media)

On a simple profile, **View Profile** shows the contact details:

![The card flipped to show contact, phone, email and website](https://2039430885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq65vhH2v4k5rpDOha9Vm%2Fuploads%2Fgit-blob-5e591ee6e609f530f2b863bdcc23e73283766e40%2Fvend-8-live-details.png?alt=media)
{% endstep %}

{% step %}

### Add it to your menu

Visitors can only find the page if it's linked. [Add it to your menu](/spark-editor/menus/menus-how-to-add-a-page-to-your-dropdown-menu.md), including the mobile menu.
{% endstep %}
{% endstepper %}

## Show your vendors in AgentFire Go

To share your vendors from the AgentFire Go app, tell it which page holds them:

1. On the Vendors page, click **Settings**.
2. Open the **Vendors Page** tab and pick the page with your Vendors Feed.
3. Click **Update Options**.

![Vendors Settings with the Vendors Page selector](https://2039430885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq65vhH2v4k5rpDOha9Vm%2Fuploads%2Fgit-blob-1c3d165a97f070368d613ab48fab5c790261ddcd%2Fvend-5-settings-page.png?alt=media)

## Let businesses ask to be listed

If you turn on **Partner Form** in the widget, visitors see a **Become a Partner** button. It opens a short form:

![The Become a Partner form](https://2039430885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fq65vhH2v4k5rpDOha9Vm%2Fuploads%2Fgit-blob-42f238879de9f8965601faa54d33bf00f261946f%2Fvend-9-partner.png?alt=media)

You choose which fields this form asks for in **Settings** > **Partner Form Fields**, and how it looks in **Partner Form Styling**.

## Common Questions

<details>

<summary>I added vendors, so why aren't they on my website?</summary>

Adding vendors only saves them. They show up once a page has the **Vendors Feed** widget and that page is linked in your menu. Follow "Show your vendors on a page" above.

</details>

<details>

<summary>Can I charge vendors to be listed?</summary>

Not through the website. There's no built-in billing or membership for vendors, so any fees you agree with them need to be handled outside the site.

</details>

<details>

<summary>Can AgentFire add my vendors for me?</summary>

Yes. Email <support@agentfire.com> with each vendor's business name, category, contact name, phone, email and website, plus a logo and a short note on why you recommend them if you'd like.

</details>
