Breadcrumbs

Home / Support Center / FAQ / Tutorials / DJ-Classifieds FAQ / Trigger a phone call when clicking a link in DJ-Classifieds on mobile phone

Top Menu

Content

Trigger a phone call when clicking a link in DJ-Classifieds on mobile phone

trigger2

Create a clickable phone contact field in DJ-Classifieds.

Users can make a mobile phone call clicking on link with telephone number right from the advert! 

After applying this tutorial you'll be able to make the telephone number hidden, like this:

click-to-reveal-number DJ-Classifieds

that will show in full once touched/clicked like this:

revealed-number DJ-Classifieds custom field

and then once clicked/touched again the instant phone call can be made:

call-number dj-classifieds custom field

Let's see how to configure the fields.

Open the DJ-Classifieds component.

telephone tutorial1

Go to "Fields" and create a "new" field.

telephone tutorial2

The field's name needs to contain the "tel" phrase. For example: "telephone" or "tel". This concerns only the field's name, the label name is unrestricted.

The "tel" phrase cause that the tag rel="tel:XXXXXX" is added to the field.  XXX is a field value.

Let's create a new "Field" called "Telephone number". Set the name and choose where to use it. We will create a custom field for a user profile.

telephone tutorial3

You can also hide the phone number - it will be visible to users that will click the "Show" button. We've have published another tutorial where you can learn how to use the "Show on click" feature

Scroll down and set the "Show value on click" option for "Yes". 

Now save your configuration.

 

telephone tutorial4


Remember that  the telephone number should be defined in user's profile.

As you can see now, the user's profile on the frontpage has a visible phone number. 

telephone tutorial5

Click the "Show" button. You will see the full telephone number. 

Now you are able to use the link with phone number. Click the link with the number and make a call.

telephone tutorial6

Let's create a custom field for a contact details in ad's view.

telephone tutorial7

You can use the "Show value on click" option here too. Scroll down and enable it. Save your configuration.

telephone tutorial4

Now you can add contact number in ad details. The final effect is visible below.

telephone tutorial8

Click the "Show" button and you will see the full telephone number. 

Now you are able to use the link with phone number. Click the link with the number and make a call.

telephone tutorial9


Found this article interesting? Subscribe for more.
Or share this article with your friends.
Friday, 08 July 2016 09:10
 
User Rating:  (0)
PoorBest
 

Footer Menu