# 1. Instructions for creating a "Call Now" button or linking to a Contact Page

To create a **"Call Now"** button for a phone number or a link to social media platforms like **Facebook, Instagram, Messenger, Zalo**,... or other accounts, simply follow these steps:

**Step 1:** In the **Sidebar** within the **Editor** -> Select **"Widgets"** -> **"Shape"** -> Choose the icon you want to link to your contact page.

<figure><img src="https://4288789091-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcZrhJDsqJxZMsvuaSaiJ%2Fuploads%2FK1JoNjOiVSDNDEftESOK%2Fimage.png?alt=media&#x26;token=fda58fd6-08ab-49bd-9ce6-8adfd853dde6" alt=""><figcaption></figcaption></figure>

**Step 2:** Click on **"Advanced"** -> Select the **"Events"** option -> "**Add**".

<figure><img src="https://4288789091-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcZrhJDsqJxZMsvuaSaiJ%2Fuploads%2FO1KDzwikGZGTXxx0xL5Y%2Fimage.png?alt=media&#x26;token=e425f4fc-f6a4-4718-b4e3-5cf5e430ac57" alt=""><figcaption></figcaption></figure>

**Step 3:** Click on the **"On click"** event -> Choose **"Open link."**

<figure><img src="https://4288789091-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcZrhJDsqJxZMsvuaSaiJ%2Fuploads%2FvJfoRH5XS7DUenFxmM1v%2Fimage.png?alt=media&#x26;token=3d2cd6c1-a013-4143-925b-5955e2e7b9d6" alt=""><figcaption></figcaption></figure>

**Step 4:** Fill in the "Target" field.

In the **"Target"** field, enter the phone number or link you wish to use.

{% hint style="warning" %}
**Note**: Phone numbers must be entered in the format: t**el: \<Phone number>**
{% endhint %}

<figure><img src="https://4288789091-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcZrhJDsqJxZMsvuaSaiJ%2Fuploads%2FwzRp3qWr2U6J7Bm8a5oH%2Fimage.png?alt=media&#x26;token=eb03d7e0-795c-4d97-94d1-7e072eb18468" alt=""><figcaption></figcaption></figure>

**Step 5:** Positioning

If you want the "Call Now" button or icon to remain visible as customers scroll up or down, select **"Pinned"** as the positioning style, set the position to **"Top"** or **"Bottom"**, and specify the percentage distance from the top or bottom.

<figure><img src="https://4288789091-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcZrhJDsqJxZMsvuaSaiJ%2Fuploads%2FXbFplQlIIxuWMtmqpjmZ%2Fimage.png?alt=media&#x26;token=e49f3a3b-1a01-4aef-badc-dafdca40af10" alt=""><figcaption></figcaption></figure>

**Step 6:** Preview and Publish

After making your edits, select **"Preview"** to review how the button appears on your Landing Page to ensure everything works as expected.

If everything is finalized, click **"Publish"** to make the button live, enabling call redirection or opening the desired link.

<figure><img src="https://4288789091-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcZrhJDsqJxZMsvuaSaiJ%2Fuploads%2FEeJOr0YGeWs3wasySlTZ%2Fimage.png?alt=media&#x26;token=3cfc8805-ec8f-4086-8d35-830ef0f2b052" alt=""><figcaption></figcaption></figure>
