Click to Call

Click to Call

Welcome to the “Click To Call” documentation. Looking to integrate Click to Call into your website? Our block allows you to create a direct line of communication, making it easy for your visitors to reach out to you with a simple click. In this guide, we'll show you how to use the editor to customize your Click to Call block.

Step 1 : Open the Editor
Step2 : Customize The Content 
Step 3 : Configure Settings
Step 4 : Choose Colors
Step 5 : Preview



Step 1 : Open the Editor

1. Go to Click To Call template.
2. Click on "Edit" after choosing your temp   late.

class="" alt="">



Step 2: Customize the content


1. In this panel, you can easily, add or remove chat buttons as needed.

class="flex justify-center items-start h-auto w-96" alt="">



2. Customize the phone button by adding the social URL. You can also choose their background and text colors.


class="flex justify-center items-start h-auto w-auto" alt="">




Step 3: Configure settings


  • Begin with the "View" section where you can choose the chat's position, adjust its roundness, select the text style, and add title for the buttons. Also, you can enable or disable the auto-prompt. 


    • class="flex justify-center items-start h-auto w-80 h-auto " alt="">



  •  Choose to show or hide the header. Then provide the name of the person chatting with your users and specify his status.


    • class="flex justify-center items-start h-auto w-80 h-auto " alt="">



  •  Also, you have the option to upload his profile image and select its position. 


    • class="flex justify-center items-start h-auto w-80 h-auto " alt="">



  •  Regarding the buttons, you can adjust their roundness, add labels to them , and choose whether they should appear in full style or not.


    • class="flex justify-center items-start h-auto w-80 h-auto " alt="">


  • Customize the floating button by adjusting its roundness, selecting an icon, adding a label to it and specify its size.


    • class="flex justify-center items-start h-auto w-80 h-auto " alt="">




    Step 4: Choose Colors


    Within this panel, you can select colors that match your website's design.


    class="flex justify-center items-start h-auto w-80 h-auto " alt="">




    Step 5: Preview


    Lastly, you can click on “Preview” to see how your Click to Call block looks on both desktop and mobile devices. After this, you can proceed to the next step.

    class="flex justify-center items-start h-auto w-auto" alt="">