Use the phone field to specify a phone number for items in a Collection.
The Phone field lets us capture and link to a phone number from items inside a collection. This can be implemented in any number of ways, but it's particularly useful when creating a Phone link which works on devices that can place calls.
So here's how to set it up:
1. Add the Phone field to your collection
2. Select any element that lets you set a link
3. Under the Link Settings, choose Phone Number
4. Get the Phone number from the Phone field you just created.
This will make sure that the Phone number related to the relevant collection item is triggered with the link.
And that's it! That's using the Phone field from the CMS.
The phone field is a Collection field that lets you and Collaborators specify a phone number for items in a Collection. Phone numbers specified in this field can be displayed in Collection lists or on Collection pages as text.
Just like a link field, a phone field can be used as a link. You can also use the phone field to filter a Collection list or set conditional visibility on elements in Collection lists and pages. Here are common uses for the phone field:
In this lesson, we talk about:
A phone field can be added to a new or existing Collection. In Collection settings, click on New Field and then choose the Phone field.
And as with any field, you can specify if the field is required or not.
The phone field accepts any typable value. However, note that if these values do not have a valid phone number format, then links to these phone numbers may not work as intended.
You can connect a phone field to any text element in a Collection list or a Collection page:
You can also get the phone number as text for buttons and text links from the Link Settings.
You can also access these Inner Text Settings by selecting the text element and either clicking on the settings icon next to the element label on the canvas or by going to the Settings panel (D).
You can remove the connection by unchecking the “Get text from” checkbox in the Settings panel.
You can also connect a phone number to any link element, including a button. This link will trigger a phone call using the phone number for the corresponding Collection item. To create a dynamic phone link:
You can also access the Link Settings by selecting the text element and either clicking on the settings icon next to the element label on the canvas or by going to the Settings panel (D). Here, you can also grab the text for text links and buttons from the Phone number field.
You can remove the connection by unchecking the “Get phone from” checkbox under Link Settings.
You can filter a Collection list using the phone field by specifying either of the following rules: Equals, Does not equal, Is set, Is not set.
The filter rules that you can use with the phone field and values are:
Learn more about filtering Collection lists.
If you are using a clickable phone icon connected to your phone field, you can set a conditional visibility rule on this icon in your Collection list or page. This can ensure that this icon will be visible only when a phone number is set in the phone field for that Collection item.
Something went wrong while submitting the form. Please contact support@webflow.com