> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to add "Call to" Action?

# Getting Started

In this documentation, you will learn everything you need to know about the **‘Click To Call’** Action** or **‘Call To’** feature of **Dorik.** To know where the ‘Call To’ feature exists and learn how to use it with Dorik Classic or Dorik CMS, keep reading the documentation & follow all the steps below.

---

# What does the ‘Call To’ feature do?

This feature allows users to contact you on a given phone number upon clicking a link, button, etc. (Check below to see the elements where you can add ‘**Call to**’)

---

# Elements that have the ‘Call To’ action

[Content Slider](/en/article/content-slider-qc9vi0/)

[Heading/Title](/en/article/headingtitle-oi5ku5/)

[Icon](/en/article/icon-f87rha/)

[Links](/en/article/links-4hzl2n/)

[Navigation](/en/article/navigation-rkzj82/)

[Button](/en/article/button-qfmqoa/)

[Social Icons element](/en/article/social-icons-element-1puh2nz/)

---

# Using the ‘Call To’ action on different Elements

## Content Slider Element

**Follow the steps below** to learn how to use 'Call To' on the **Content Slider** element:

- In your website builder, add a new section by clicking on `+Add New Section`
- Choose a `Custom Section` with a regular row and column
- Click on `+Add New Element`
- Select the **Content Slider** element under **General Elements**
- Edit the **Content Slider** Element by clicking on it
- From the Editor, click on **Content** under the **General tab**
- Go to **Link Type**, click on the **drop-down arrow** & select **Call To**
- Put the contact number under the **Phone Number** field
- Press the `Publish` button & the **'Call To'** action will be added to your Content Slider element.

**Refer to the video below —**

${youtube}['Call To' Action in Content Slider](znQmhdm5oGY)

## Heading/Title Element

**Follow the steps below** to learn how to use **'Call To'** on the **Heading/Title** element:

- In your website builder, add a new section by clicking on `+Add New Section`
- Choose a `Custom Section` with a regular row and column
- Click on `+Add New Element`
- Select the **Heading/Title** element under **General Elements**
- Edit the **Heading/Title** Element by clicking on it
- From the Editor, click on **Title Link** under the **General tab**
- Go to **Link Type**, click on the **drop-down arrow** & select **Call To**
- Put the contact number under the **Phone Number** field
- Press the `Publish` button & the **'Call To'** action will be added to your Content Slider element.

**Refer to the video below —**

${youtube}['Call To' action in Heading/Title](VyBt0uwg9jQ)


## Icon Element

**Follow the steps below** to learn how to use **'Call To'** on the **Icon** element:

- In your website builder, add a new section by clicking on `+Add New Section`
- Choose a `Custom Section` with a regular row and column
- Click on `+Add New Element`
- Select the **Icon** element under **General Elements**
- Edit the **Icon** Element by clicking on it
- From the Editor, click on **Link Icon** under the **General tab**
- Go to **Link Type**, click on the **drop-down arrow** & select **Call To**
- Put the contact number under the **Phone Number** field
- Press the `Publish` button & the **'Call To'** action will be added to your Content Slider element.

**Refer to the video below —**

${youtube}['Call To' action in Icon element](LmeINN7WNCI)


## Links Element

**Follow the steps below** to learn how to use **'Call To'** on the **Links** element:

- In your website builder, add a new section by clicking on `+Add New Section`
- Choose a `Custom Section` with a regular row and column
- Click on `Add New Element`
- Select the **Links** element under **General Elements**
- Edit the **Links** Element by clicking on it
- From the Editor, click on **Link Items** under the **General tab**
- Go to **Link Type**, click on the **drop-down arrow** & select **Call To**
- Put the contact number under the **Phone Number** field
- Press the `Publish` button & the **'Call To'** action will be added to your Content Slider element.

**Refer to the video below —**

${youtube}['Call To' Action in Links](C7aniq3sucY)


## Navigation Element

**Follow the steps below** to learn how to use **'Call To'** on the **Navigation** element:

- In your website builder, add a new section by clicking on `+Add New Section`
- Choose a `Custom Section` with a regular row and column
- Click on `Add New Element`
- Select the `Navigation` element under **General Elements**
- Edit the **Navigation** Element by clicking on it
- From the editor, you will find three items under the **General** where you can add the ‘Call To’ feature

       These are — 
        1. Links
        2. Buttons
        3. Dropdowns

- Click on **Links** under the **General tab**
- Go to **Link Type**, click on the **drop-down arrow** & select **Call To**
- Put the contact number under the **Phone Number** field
- Press the `Publish` button & the **‘Call To’** action will be added to your **Links** element.
- The same steps go for **Buttons & Dropdowns**

**Refer to the video below —**

${youtube}['Call To' in Navigation](--Vpd86yr8A)


## Regular Button Element

**Follow the steps below** to learn how to use **'Call To'** on the **Regular Button** element:

- In your website builder, add a new section by clicking on **`+Add New Section`**
- Choose a **`Custom Section`** with a regular row and column
- Click on **`Add New Element`**
- Select the **Regular Button** element under **General Elements**
- Edit the **Regular Button**  Element by clicking on it
- From the Editor, click on **Button Link** under the **General tab**
- Go to **Link Type,** click on the **drop-down arrow** & select **Call To**
- Put the contact number under the **Phone Number** field
- Press the **`Publish`** button & the ‘**Call To’** action will be added to your **Regular Button** element.

**Refer to the video below —**

${youtube}['Call To' in Regular Button](WoaThCtAcwU)


## Social Icon Element

**Follow the steps below** to learn how to use ‘**Call To**’ on the **Social Icon** element:

- In your website builder, add a new section by clicking on `+Add New Section`
- Choose a `Custom Section` with a regular row and column
- Click on `Add New Element`
- Select the **Social Icon** element under **General Elements**
- Edit the **Social Icon** Element by clicking on it
- From the Editor, click on **Social Icon List** under the **General tab**
- Go to **Link Type**, click on the **drop-down arrow** & select **Call To**
- Put the contact number under the **Phone Number** field
- Press the `Publish` button & the **‘Call To’** action will be added to your **Social Icon** element.

**Refer to the video below —**

${youtube}['Call To' in Social Icon](WRrk5oIfpq4)

---

---

# Related Article

[Links](https://www.notion.so/Links-c0f27c6c44094caca5c79c771f5c3ab4)

[‘Email To’ action in Dorik](https://www.notion.so/Email-To-action-in-Dorik-1ab568fb311c4ca9a13e70b83ce723ab)