[wordpress插件] Click to call button点击通话按钮

wordpress 插件 文章 4 天前 0 4 全屏看文

Research has proven click to call buttons on mobile friendly websites raise conversions, increase revenues and customer satisfaction.


The easier you make it for your visitors to call you the more times your phone will ring, it really is that simple!


This plugin was built to help get my own phone ringing.


It soon became something more powerful which could answer the phone, record calls, take voicemail when I wasn’t around and automatically reply to text messages.


Basic version


This “Click to Call Button” / “Call Now Button” plugin will show an icon to your visitors on mobile devices which makes it easy for them to call you

此“ 点击通话按钮” /“ 立即致电按钮”插件将在移动设备上向访问者显示一个图标,使访问者可以轻松地给您打电话


This link uses the ‘tel‘ link protocol which instructs mobile phones to prompt the user to confirm their intent to call, here’s an example link:

此链接使用“ tel ”链接协议,该协议指示手机提示用户确认其通话意图,这是一个示例链接:

Call Me!


The button can be styled with options for different colors;


curves on corners, transparency / opacity plus control over where it is placed.


The settings page for the plugin lets you specify what days and times the button should be displayed on your site;


it then uses JavaScript to show and hide itself automatically.


You can choose to show the button the moment a page loads or you can wait thirty, sixty or ninety seconds before making it visible.


The button will automatically include Google Analytics onclick events tracking so you can monitor the number of calls you get.

该按钮将自动包括Google Analytics(分析) onclick事件跟踪,因此您可以监控收到的电话数量。

If you’re only running the basic version of the plugin the button will be hidden on large screen browsers.


That’s the biggest limitation of all the click to call and call now button plugins which use the tel link protocol: they don’t work on desktop machines with fully featured browsers like Chrome!

这是所有使用tel link协议的点击通话和立即致电按钮插件的最大局限性:它们无法在装有功能齐全的浏览器(例如Chrome)的台式机上使用!

That’s why I wrote some advanced options into the plugin to overcome that restriction.


Advanced version


The advanced options of the plugin turns your website into a telephone with call recording, voicemail and SMS / text message features thanks to the Twilio API.

“ rel =” nofollow“> Twilio API 。

Please note: you do not need a Twilio account to use the basic features of the plugin, only the advanced ones.


Using WEBRTC (web real time communications) it is possible to turn browsers into telephones which enable your users to click and call from their computer, no additional software is required

使用 WEBRTC 网络实时通信),可以将浏览器变成电话,使您的用户可以从其计算机上单击和拨打电话,而无需其他软件

, the user simply clicks the icon and grants your website access to their microphone, see screenshots.


Within moments the phone number you set in the options will start ringing and you’ll be able to chat with your visitor;


the only difference is instead of them using a phone to call you they’re using the microphone and speakers on their computer to chat with you.


The user doesn’t have to fill in any forms as they call through their computer;


this gives them instant satisfaction waiting for a callback;


they don’t need any extra software and most modern browsers are supported.


If your user’s browser does not support the features needed to make a phone call through the web the button will be hidden from their view.


Advanced features:


    • Inbound Call Handler You can point an unlimited amount of Twilio numbers to the plugin and have them forward calls to the number you set;


      see the settings page for the Request URL you need to configure your numbers with.


    • Call Recording Call recording can easily be enabled or disabled.


      This records both calls through the website button and inbound phone calls.


    • Answering Machine / Voicemail When you are unable to take a call the built in answering machine will ask your callers to leave a message.


      This also works on both the button and inbound phone calls.


    • SMS and email notifications Get recordings of calls and voicemail messages sent to you by SMS text message, email or both.


    • Control the plugin by SMS If you point a SMS capable Twilio Number to the plugin you will be able to turn the service on and off by texting on or

      通过短信控制插件:如果您将具有短信功能的Twilio编号指向插件,则可以通过在短信中输入 on

      >off to that number.


      See the settings page for the Request URL to point your numbers to.


      This gives you control over the button when you’re away from your desk;


      at the airport departure lounge or just playing golf!


    • SMS forwarder You can point any number of SMS capable Twilio numbers at the plugin and each time someone texts your number they will receive your default reply and you'll get their message forwarded on to you by


      SMS, email or both.


      This tiny feature turns your site into an SMS to email client and makes it easy to get your inbound text messages sent to an inbox.


    • SMS Keywords to PHP Functions The first word of any inbound text message is called a ‘keyword’, the plugin maps keywords to PHP functions which make the text message gateway flexible and extensible.


      Start your function names with ctcb_sms_ followed by the keyword, for example: ctcb_sms_hello, this function would then be executed each time you received a message starting with the word hello.


    • Action Hook’able There are action hooks at the core points in the plugin so that you can write your own plugins to extend the functionality of this one.



Extract the zip file and upload the click_to_call_button directory to your wp-content/plugins/ directory of your WordPress installation and then activate the plugin.

解压缩zip文件并将click_to_call_button目录上载到WordPress安装的wp-content / plugins /目录,然后激活插件。

Basic Configuration


Under the settings menu you should then see the link to the plugin’s settings page, click that and follow this quick setup guide:


    • Plugin Active: set to ‘Yes’
    • 插件有效:设置为“是”

    • Phone Number: enter the phone number you want people to call, this must be in international format for example +12345678909 or +447987654321

    • 电话号码:输入您希望人们拨打的电话号码,该电话号码必须为国际格式,例如 +12345678909或+447987654321

    • Button Color: use the color picker and select the color which compliments your site’s design the best.
    • 按钮颜色:使用颜色选择器,然后选择最适合您网站设计的颜色。

    • Button Position: this allows you to select where you want the button to be shown on the bottom of the screen

    • 按钮位置:这使您可以选择希望按钮在屏幕底部显示的位置

        • Full Screen Bottom
        • 全屏底部

        • Bottom Left
        • 左下角

        • Bottom Center
        • 底部中心

        • Bottom Right
        • 右下角

      • Button Corners: this allows you to control how curved your button is

      • 按钮角:这使您可以控制按钮的弯曲程度

          • Square Edges
          • 方形边缘

          • Small Curves
          • 小曲线

          • Big Curves
          • 大曲线

          • Rounded Top
          • 圆形顶端

        • Transparency: take control over how much emphasis the button has

        • 透明度:控制按钮的强调程度

            • Strong: No transparency
            • 强:没有透明度

            • Stylish: 50% transparency
            • 时尚:透明度为50%

            • Subtle: 75% transparency
            • 微妙:75%的透明度

          • Show After Seconds: gives you control over when the button is show

          • 秒后显示:可让您控制按钮的显示时间

              • Show upon page load
              • 在页面加载时显示

              • Show after 30 seconds
              • 30秒后显示

              • Show after a minute
              • 在一分钟后显示

              • Show after 90 seconds
              • 90秒后显示

            • Hours of Business: set the start and stop times for each day of the week, this automatically defaults to 0900 to 1700 Monday through Friday and is disabled at the weekend.
            • 营业时间:设置一周中每一天的开始和结束时间,星期一至星期五自动默认为0900至1700,周末则禁用。

            • Save the settings then use your mobile phone to navigate to your site and you should see the button, click it and check you’ve got the right number then you’re sorted with the basic version!
            • 保存设置,然后使用手机导航到您的站点,您应该看到该按钮,单击它并检查您是否拥有正确的号码,然后使用基本版本进行排序!

            Advanced configuration


            Please make sure your basic click to call button is working before you take the steps required to enable the advanced features.


            The advanced features of this plugin require a Twilio Account.


            Create a Twilio Account here.

            在此处创建 Twilio帐户

            So that the plugin can communicate with the Twilio API it needs to know two values from from your Twilio Account Settings page;

            为了使该插件可以与Twilio API通信,它需要从“ Twilio帐户设置”页面中了解两个值;

            they are Account SID and Auth Token.


            It also needs an App ID plus at least one voice capable number, ideally a voice and SMS capable number.

            它还需要一个App ID,以及至少一个具有语音功能的号码,最好是具有语音和SMS功能的号码。

              • Advanced Mode: set to ‘On’
              • 高级模式:设置为“打开”

              • Enter the ‘Account SID‘ value
              • 输入“ 帐户SID ”值

              • Enter the ‘Auth Token‘ value.
              • 输入“ 身份验证令牌”值。

              • Create or configure a Twilio App with the request URL the plugin gives ou on the settings page, then enter the ‘App ID‘ value.
              • 使用插件在设置页面上提供的请求URL创建或配置Twilio应用,然后输入“ 应用ID ”值。

              • Enter the number you want Twilio to phone in the ‘Route Calls To‘ value;

              • 在“ 转接呼叫到”值中输入您希望Twilio拨打的电话号码;

                this needs to be in international format for example: +12345678909 or +447987654321

              • 该格式必须为国际格式,例如: +12345678909或+447987654321

              • In the ‘Twilio Number‘ field you need to enter a Voice Capable Twilio Number.

              • 在“ Twilio号码”字段中,您需要输入具有语音功能的Twilio号码。

                This is the number which you will be called from.

              • 这是您要拨打的电话号码。

              • The ‘Button In Call Color‘ is the color the button will turn when a call is active.

              • 呼叫颜色中的按钮”是通话进行时按钮将变为的颜色。

              • The 'On a Call Alert' will only be shown to visitors if they are on an active call with you and try to navigate away from the page, if we don't stop them leaving the

              • 通话提醒”仅在访问者与您进行通话时显示给访问者,并且如果我们不阻止他们离开页面,则尝试离开页面

                page it's like them hanging up the phone on you.

              • 就像他们在挂断电话一样。

              • Select either the male of female ‘Voice Over‘ from the list
              • 从列表中选择女性“ 语音结束”的男性

              • Choose if you want ‘Call Recording‘ enabled or disabled.
              • 选择是否要启用或禁用“ 通话记录”。

              • Choose if you want the ‘Voicemail Service‘ enabled or disabled.
              • 选择是否要启用或禁用“ 语音邮件服务”。

              • Select a ‘Notification Method‘ or how you want to be notified about recordings and voicemail messages: Email, Text Message or Email and Text Message.
              • 选择一种“ 通知方法”,或者选择一种关于录音和语音邮件的通知方式:电子邮件,短信或电子邮件和短信。

              • Enter the ‘Email Address‘ you want the recordings sent to.

              • 输入要将录音发送到的“ 电子邮件地址”。

              • To receive text message notifications in the ‘Text To’ value enter the international mobile number you want the messages sent to.
              • 要在“短信至”值中接收短信通知,请输入要将短信发送到的国际手机号码。

              • In the ‘Text From‘ value you need to enter the number of a SMS Capable Twilio number, this is the number which will send the messages to you.
              • 在“ 发件人”值中,您需要输入具有短信功能的Twilio号码,该号码将向您发送消息。

              • If you wish to use the plugin as a SMS autoresponder enter the ‘Default Reply‘ value and make sure your SMS Twilio number is pointing to the Request URL the plugin specifies.
              • 如果您希望将插件用作SMS自动回复,请输入“ 默认回复”值,并确保您的SMS Twilio号指向插件指定的请求URL。