Overview of Phone Field

Use the phone field to specify a phone number for items in a Collection.

The telephone field is a Collection feature that permits you and Collaborators to specify a phone number for items in a Collection. Phone numbers designated in this field can be exhibited in Collection lists or on Collection pages as text.

Similar to a link feature, a phone field can function as a hyperlink. You can also utilize the phone field to refine a Collection list or set conditional visibility on components in Collection lists and pages. Here are frequent applications for the phone field:

  • Show phone numbers of team members, departments, and so on
  • Direct to these phone numbers on the website so visitors can make a call with a click or tap

In this tutorial, we delve into:

  • Establishing a phone field
  • Incorporating content to a phone field
  • Associating phone fields to text
  • Associating phone fields to phone links
  • Refining a Collection list using the phone field
  • Configuring conditional visibility using the phone field
Pro Tip: You can also embed inline phone links with the rich text field.

Establishing a Phone Field

A phone field can be appended to a fresh or existing Collection. In the settings of Collection, hit on New Field and then select the Phone field.

Similar to any field, you can specify whether the field is mandatory or optional.

Including Content to a Phone Field

The telephone field admits any typable value. Nevertheless, keep in mind that if these values lack a valid phone number format, then links to these phone numbers may not operate as desired.

Joining Phone Fields to Phone Links

You can link a phone field to any text element in a Collection list or a Collection page:

  1. Include a text element in your Collection list or page
  2. Tick the Get text from checkbox in the Inner Text Settings that displays
  3. Opt the phone field from the field dropdown

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 erase the connection by deselecting the “Get text from” checkbox in the Settings panel.

Connecting Phone Fields to Phone Links

You can also associate a phone number to any link element, including a button. This link will initiate a phone call utilizing the phone number for the corresponding Collection item. To craft a dynamic phone link:

  1. Create a link element in your Collection list or page
  2. Select Phone in the Link Settings that materialize
  3. Choose Get phone from
  4. Select the phone field from the field dropdown
 
Phone links will only function on devices that make phone calls.

You can also enter the Link Settings by picking the text element and either tapping on the settings icon adjacent to the element label on the canvas or by navigating to the Settings panel (D). Here, you can also acquire the text for text links and buttons from the Phone number field.

You can break the linkage by unchecking the “Get phone from” checkbox under Link Settings.

Refining a Collection List utilizing the Telephone Field

You can filter a Collection list using the phone field by specifying any of the ensuing regulations: Matches, Deviates, Is provided, Is absent.

  1. Select the Collection list you wish to filter
  2. Head to the Settings panel (D)
  3. Incorporate a Filter beneath Collection List Settings
  4. Choose your phone field in the initial dropdown
  5. Select a guideline in the second field
  6. Assign a value if the choice is possible
  7. Tap Save

The filter guidelines that you can utilize with the phone field and values are:

  • Matches – examines Collection items with a phone number equal to the value you define for this regulation
  • Deviates – searches for Collection items with a phone number that isn’t equal to the value you define for this regulation
  • Is provided – hunts for Collection items that possess a phone number set for this link field
  • Is absent – seeks for Collection items that don’t have a phone number set for this link field

Discover more about filtering Collection lists.

Configuring Conditional Visibility utilizing the Phone Field

If you are utilizing a clickable phone icon linked to your phone field, you can configure a conditional visibility rule on this icon in your Collection list or page. This can certify that this icon will be apparent only when a phone number is set in the phone field for that Collection item.

  1. Select the phone link icon (the link block)
  2. Visit the Settings panel (D)
  3. Add a Condition (when this element is visible) under Conditional visibility
  4. Select your phone field in the initial dropdown
  5. Choose Is set in the second dropdown
  6. Tap Save

Discover more about conditional visibility.

Ewan Mak
Latest posts by Ewan Mak (see all)