Add Action Link
Generate a button or card for users to get an estimate in your app in minutes - no coding required
Overview
Create individual product and seller buttons with just a few clicks, enabling users to get quotes from your application or website—no coding required.
Create Action Link
- Navigate to the Action Links page in the Partner Dashboard.
- Click Create Action Link.
- Select Price Estimate as the type.
- Specify a product (optional). If no product is selected, the user will be prompted to search for a product.
- Choose an accent color. This color will be applied throughout the entire action link flow.
- Provide a display name for your action link. This will be displayed as the Company Name in the action link flow.
- Add a label for the call to action. This label will be used for buttons and primary CTAs in the action link flow.
- Assign a name to your action link. This name is used for reporting purposes and is not displayed to the end-user.

Create Action Link
- Navigate to the Action Links page in the Partner Dashboard.
- Click Create Action Link.
- Select Price Estimate as the type.
- Specify a product (optional). If no product is selected, the user will be prompted to search for a product.
- Choose an accent color. This color will be applied throughout the entire action link flow.
- Provide a display name for your action link. This will be displayed as the Company Name in the action link flow.
- Add a label for the call to action. This label will be used for buttons and primary CTAs in the action link flow.
- Assign a name to your action link. This name is used for reporting purposes and is not displayed to the end-user.

Add button code
Add the provided HTML code from your Vendr representative on your website or application wherever you want the button to appear.
Add card code
Add the provided HTML code from your Vendr representative on your website or application wherever you want the card to appear.
Note:
data-company-id
/companyId
is required if not set on the action link configuration. If not provided, the company on the action link will be used. Ifdata-product-id
/productId
is provided, thendata-company-id
/companyId
is also required.
Test the flow
By default your action link is set to test mode. This allows you to test the end-to-end-flow in a sandbox environment. Once you’re ready to push your action link to production you can simply disable test mode and your action link will now be active.
You can click the Vendr Button below to see a live example.
You can click the Vendr Card below to see a live example.
Was this page helpful?