Changeset 2369740

Timestamp:

08/26/2020 07:34:00 PM (5 years ago)

Author:

digitalblue

Message:

CSS and icons changes.
WhatsApp link change.

Location:

click-to-call-or-chat-buttons/trunk

Files:

• ctcocb-front.css (modified) (1 diff)
• ctcocb-svg.php (modified) (1 diff)
• ctcocb.php (modified) (11 diffs)
• readme.txt (modified) (6 diffs)

click-to-call-or-chat-buttons/trunk/ctcocb-front.css

@@ -1 +1 @@
 .ctcocb {
     display: none;
-    margin:0px;
     position: fixed;
     text-decoration: none;
-    text-align: center;
-    justify-content: center;
 }
-.ctcocb>div,.ctcocb a,.ctcocb span{
-    display: inline-block;vertical-align:middle;text-align:center; justify-content: center;
-}
-.ctcocb a{
- margin-right: -4px;
-}
-.ctcocb>div,.ctcocb>div>a>div
-{display:inline-block;vertical-align:middle;text-align:center;  -webkit-font-smoothing: antialiased;    line-height: 1;}
-.ctcocb>div>a
-{display:inline-block;vertical-align:middle;text-align:center;text-decoration:none;   -webkit-font-smoothing: antialiased;    line-height: 1;}
-.ctcocb-cols-1{width:100%}
-.ctcocb-cols-2{width:50%}
-.ctcocb-cols-3{width:33.3%}
-@media screen and (max-width: 350px){
-    .ctcocb span{
-        font-size:0.75em!important;
+.ctcocb a,.ctcocb >div{ display: inline-block;vertical-align:middle;text-align:center;  line-height: 1em;font-weight:400;}
+.ctcocb-cols-1{width:100%;}
+.ctcocb-cols-2{width:50%;}
+.ctcocb-cols-3{width:33.3%;}
+
+.ctcocb .ctcocb-img,.ctcocb .ctcocb-phone,.ctcocb .ctcocb-wapp {display: inline-block;vertical-align:middle;}
+@media screen and (max-width: 400px){
+    .ctcocb .ctcocb-wapp,.ctcocb .ctcocb-text,.ctcocb .ctcocb-phone{
+        font-size:0.9em!important;
     }
+    .ctcocb .ctcocb-wapp img,.ctcocb .ctcocb-phone img{
+        transform: scale(0.9, 0.9);
+        -ms-transform: scale(0.9, 0.9);
+        -webkit-transform: scale(0.9, 0.9);
+    }
+
 }
 @media screen and (max-width: 300px){
-    .ctcocb span{
-        font-size:0.5em!important;
+    .ctcocb .ctcocb-wapp,.ctcocb .ctcocb-text,.ctcocb .ctcocb-phone{
+        font-size:0.8em!important;
+    }
+    .ctcocb .ctcocb-wapp img,.ctcocb .ctcocb-phone img{
+        transform: scale(0.8, 0.8);
+        -ms-transform: scale(0.8, 0.8);
+        -webkit-transform: scale(0.8, 0.8);
     }
 }

click-to-call-or-chat-buttons/trunk/ctcocb-svg.php

@@ -1 +1 @@
 <?php
 function ctcocb_get_svg($icon,$colors,$width) {
-if($icon=='iconWApp')$svg='
+if($icon=='iconWApp'){$svg='
 <svg height="102" width="102"  xmlns="http://www.w3.org/2000/svg">
  <g>
-  <title>WAPP</title>
- 
-  <path fill="#25d366"  id="svg_7" d="m6.033288,51.227688c-0.002426,8.194731 2.138705,16.19642 6.210424,23.249191l-6.599973,24.098643l24.661131,-6.466369c6.7944,3.703138 14.444144,5.657293 22.229572,5.660065l0.020794,0c25.637776,0 46.507739,-20.863032 46.51831,-46.505313c0.005199,-12.425873 -4.829502,-24.109733 -13.613234,-32.899877c-8.782173,-8.790144 -20.462393,-13.633509 -32.906809,-13.639054c-25.640895,0 -46.509819,20.861299 -46.520216,46.502887"/>
-  <path fill="#fff" stroke="#77777777" stroke-width="2" id="svg_8" d="m2.890083,51.42391c-0.003183,8.665244 2.260929,17.12392 6.56437,24.579998l-6.977329,25.476128l26.071957,-6.836198c7.183189,3.917364 15.270821,5.981982 23.501529,5.984989l0.021223,0c27.104973,0 49.169547,-22.058206 49.181042,-49.164948c0.004598,-13.137936 -5.106544,-25.490631 -14.391492,-34.783714c-9.286186,-9.29273 -21.634105,-14.412715 -34.78955,-14.418728c-27.109395,0 -49.170962,22.054669 -49.181927,49.162472l0.000177,0zm15.525848,23.296199l-0.973239,-1.545723c-4.091921,-6.506538 -6.252219,-14.025931 -6.248681,-21.747116c0.008666,-22.531297 18.345288,-40.861552 40.893386,-40.861552c10.919099,0.004421 21.181177,4.260465 28.899887,11.984303c7.717826,7.723308 11.964849,17.990869 11.961666,28.910498c-0.00955,22.532004 -18.34688,40.864913 -40.876939,40.864913l-0.015917,0c-7.336347,-0.003891 -14.530855,-1.973538 -20.805711,-5.697244l-1.493373,-0.884988l-15.471553,4.056196l4.130475,-15.079286z"/>
-  <path fill="#fff" stroke="null" id="svg_9" d="m40.328483,30.316198c-0.882802,-1.962347 -1.812076,-2.001865 -2.651967,-2.036295c-0.686906,-0.029342 -1.473372,-0.027476 -2.25848,-0.027476c-0.785617,0 -2.062584,0.295115 -3.142299,1.474389c-1.080393,1.179274 -4.125169,4.03002 -4.125169,9.828187c0,5.798846 4.223371,11.401287 4.812075,12.188261c0.589213,0.785956 8.152984,13.064448 20.131272,17.788328c9.955222,3.925712 11.981002,3.144843 14.141789,2.948439c2.160787,-0.196404 6.972523,-2.850237 7.954544,-5.602102c0.982191,-2.751526 0.982191,-5.109904 0.687585,-5.60295c-0.294776,-0.49118 -1.080393,-0.785787 -2.258989,-1.375169c-1.178765,-0.589383 -6.972523,-3.440807 -8.052916,-3.833615c-1.080393,-0.392809 -1.86618,-0.589213 -2.651797,0.59057c-0.785787,1.178765 -3.04274,3.832428 -3.730664,4.618385c-0.687415,0.787483 -1.37483,0.885685 -2.553595,0.296303c-1.178595,-0.591079 -4.974219,-1.834294 -9.476932,-5.84888c-3.503392,-3.123473 -5.868384,-6.981003 -6.556308,-8.160786c-0.687415,-1.178765 -0.07344,-1.817164 0.517639,-2.404681c0.529172,-0.527985 1.178765,-1.375509 1.767978,-2.063772c0.588026,-0.688094 0.7846,-1.179274 1.177408,-1.965061c0.392809,-0.786974 0.196404,-1.475237 -0.098202,-2.06445c-0.294606,-0.589383 -2.584972,-6.41757 -3.632971,-8.747624"/>
- </g>
+  <title>WAPP</title>';
+ if($colors[1]!="")$svg.='<path fill="'.$colors[1].'"  id="svg_7" d="m6.033288,51.227688c-0.002426,8.194731 2.138705,16.19642 6.210424,23.249191l-6.599973,24.098643l24.661131,-6.466369c6.7944,3.703138 14.444144,5.657293 22.229572,5.660065l0.020794,0c25.637776,0 46.507739,-20.863032 46.51831,-46.505313c0.005199,-12.425873 -4.829502,-24.109733 -13.613234,-32.899877c-8.782173,-8.790144 -20.462393,-13.633509 -32.906809,-13.639054c-25.640895,0 -46.509819,20.861299 -46.520216,46.502887"/>';
+ if($colors[2]!="")$svg.='<path fill="'.$colors[2].'"  id="svg_8" d="m2.890083,51.42391c-0.003183,8.665244 2.260929,17.12392 6.56437,24.579998l-6.977329,25.476128l26.071957,-6.836198c7.183189,3.917364 15.270821,5.981982 23.501529,5.984989l0.021223,0c27.104973,0 49.169547,-22.058206 49.181042,-49.164948c0.004598,-13.137936 -5.106544,-25.490631 -14.391492,-34.783714c-9.286186,-9.29273 -21.634105,-14.412715 -34.78955,-14.418728c-27.109395,0 -49.170962,22.054669 -49.181927,49.162472l0.000177,0zm15.525848,23.296199l-0.973239,-1.545723c-4.091921,-6.506538 -6.252219,-14.025931 -6.248681,-21.747116c0.008666,-22.531297 18.345288,-40.861552 40.893386,-40.861552c10.919099,0.004421 21.181177,4.260465 28.899887,11.984303c7.717826,7.723308 11.964849,17.990869 11.961666,28.910498c-0.00955,22.532004 -18.34688,40.864913 -40.876939,40.864913l-0.015917,0c-7.336347,-0.003891 -14.530855,-1.973538 -20.805711,-5.697244l-1.493373,-0.884988l-15.471553,4.056196l4.130475,-15.079286z"/>';
+ if($colors[2]!="")$svg.='<path fill="'.$colors[2].'"  id="svg_9" d="m40.328483,30.316198c-0.882802,-1.962347 -1.812076,-2.001865 -2.651967,-2.036295c-0.686906,-0.029342 -1.473372,-0.027476 -2.25848,-0.027476c-0.785617,0 -2.062584,0.295115 -3.142299,1.474389c-1.080393,1.179274 -4.125169,4.03002 -4.125169,9.828187c0,5.798846 4.223371,11.401287 4.812075,12.188261c0.589213,0.785956 8.152984,13.064448 20.131272,17.788328c9.955222,3.925712 11.981002,3.144843 14.141789,2.948439c2.160787,-0.196404 6.972523,-2.850237 7.954544,-5.602102c0.982191,-2.751526 0.982191,-5.109904 0.687585,-5.60295c-0.294776,-0.49118 -1.080393,-0.785787 -2.258989,-1.375169c-1.178765,-0.589383 -6.972523,-3.440807 -8.052916,-3.833615c-1.080393,-0.392809 -1.86618,-0.589213 -2.651797,0.59057c-0.785787,1.178765 -3.04274,3.832428 -3.730664,4.618385c-0.687415,0.787483 -1.37483,0.885685 -2.553595,0.296303c-1.178595,-0.591079 -4.974219,-1.834294 -9.476932,-5.84888c-3.503392,-3.123473 -5.868384,-6.981003 -6.556308,-8.160786c-0.687415,-1.178765 -0.07344,-1.817164 0.517639,-2.404681c0.529172,-0.527985 1.178765,-1.375509 1.767978,-2.063772c0.588026,-0.688094 0.7846,-1.179274 1.177408,-1.965061c0.392809,-0.786974 0.196404,-1.475237 -0.098202,-2.06445c-0.294606,-0.589383 -2.584972,-6.41757 -3.632971,-8.747624"/>';
+ $svg.='</g>
 </svg>
 ';
+}
 if($icon=='iconPhone'){
     $svg='
 <svg width="102" height="102" xmlns="http://www.w3.org/2000/svg">
   <g>';
-if($colors[1]!="")$svg.='<ellipse fill="'.$colors[1].'" stroke="url(#gradbox_stroke)" ry="51" rx="51" id="svg_33" cy="51" cx="51" stroke-opacity="null" stroke-width="null" />';
-    $svg.='<path fill="'.$colors[2].'" stroke-width="3" stroke="#ffffff" d="m36.559768,18.07731c-1.242936,-3.22157 -2.551299,-3.28645 -3.73382,-3.342973c-0.967133,-0.048167 -2.074441,-0.045097 -3.179821,-0.045097c-1.106112,0 -2.904018,0.484479 -4.424193,2.420491c-1.521146,1.935996 -5.808022,6.616043 -5.808022,16.134823c0,9.519913 5.946282,18.717382 6.775141,20.009343c0.829591,1.290303 11.47898,21.447775 28.343767,29.202921c14.016439,6.444798 16.868631,5.162852 19.910895,4.840424c3.042278,-0.322428 9.816955,-4.67921 11.199587,-9.196911c1.382872,-4.517159 1.382872,-8.388887 0.968076,-9.198306c-0.415021,-0.806365 -1.521132,-1.290023 -3.180539,-2.257603c-1.659632,-0.967579 -9.816941,-5.648743 -11.338073,-6.293615c-1.521146,-0.644856 -2.627483,-0.9673 -3.733595,0.969533c-1.106351,1.935175 -4.284018,6.291661 -5.252573,7.581964c-0.967851,1.292798 -1.935688,1.454012 -3.595334,0.486433c-1.659393,-0.97037 -7.00344,-3.011335 -13.343018,-9.602047c-4.932589,-5.127769 -8.26237,-11.460637 -9.230939,-13.39747c-0.967837,-1.935175 -0.1034,-2.98323 0.72881,-3.947739c0.745043,-0.866796 1.659646,-2.258161 2.489223,-3.388087c0.827915,-1.12963 1.104675,-1.935996 1.657731,-3.226019c0.553056,-1.291961 0.276521,-2.42187 -0.13826,-3.389187c-0.414795,-0.967579 -3.639516,-10.535659 -5.115044,-14.360879" id="svg_27" />
-  </g>
+//if($colors[1]!="")$svg.='<ellipse     fill="'.$colors[1].'" stroke="#77777777" stroke-width="2" ry="51" rx="51" id="svg_33" cy="51" cx="51"  />';
+if($colors[2]!="")$svg.='<path  fill="'.$colors[2].'"   stroke="'.$colors[1].'" stroke-width="8" d="m28.89632,9.85333c-1.67455,-3.95427 -3.43724,-4.0339 -5.03039,-4.10328c-1.30298,-0.05913 -2.79479,-0.05536 -4.28401,-0.05536c-1.49022,0 -3.91244,0.59467 -5.9605,2.97099c-2.04936,2.37631 -7.82485,8.12075 -7.82485,19.80443c0,11.68508 8.01112,22.97436 9.1278,24.56016c1.11766,1.58376 15.46505,26.32573 38.18613,35.84466c18.88364,7.91057 22.72626,6.33706 26.82494,5.9413c4.09871,-0.39576 13.2259,-5.74342 15.08864,-11.2886c1.86307,-5.54452 1.86307,-10.29681 1.30425,-11.29032c-0.55914,-0.98975 -2.04934,-1.58341 -4.28498,-2.77106c-2.23594,-1.18764 -13.22587,-6.93346 -15.27521,-7.72499c-2.04937,-0.79152 -3.53988,-1.1873 -5.03009,1.19003c-1.49053,2.37529 -5.77164,7.7226 -7.07652,9.30636c-1.30394,1.58683 -2.60786,1.78471 -4.84382,0.59707c-2.23561,-1.19107 -9.43538,-3.69622 -17.97637,-11.78588c-6.64543,-6.294 -11.13147,-14.06718 -12.43638,-16.44451c-1.30392,-2.37531 -0.13931,-3.66172 0.98189,-4.84559c1.00375,-1.06394 2.23595,-2.77174 3.3536,-4.15866c1.11541,-1.38655 1.48828,-2.3763 2.23338,-3.95973c0.74511,-1.5858 0.37254,-2.97269 -0.18627,-4.16c-0.55883,-1.18764 -4.90333,-12.93183 -6.89124,-17.62704" id="svg_27" />';
+$svg.= '</g>
 </svg>
 ';

click-to-call-or-chat-buttons/trunk/ctcocb.php

@@ -50 +50 @@
 
     <div class="wrap">  
-        <h1>Click to Call or Chat Buttons <span class="version">v<?php echo CTCOCB_VERSION;?></span></h1>
+        <h1><?php __("Click to Call or Chat Buttons");?><span class="version">v<?php echo CTCOCB_VERSION;?></span></h1>
         <?php 
         if($ctcocb_options['activePlugin']==0) {
@@ -83 +83 @@
             
             <tr>
-                <th>WhatsApp number to call:</th>
+                <th>WhatsApp number to call or chat:</th>
                 <td><input type="text" name="ctcocb[numberWapp]" value="<?php echo $ctcocb_options['numberWapp']; ?>" /></td>
             </tr>
@@ -132 +132 @@
                 </tr>
                 <tr>    
-                    <th>Phone bubble color</th>
+                    <th>Phone border color</th>
                      <td>
                        <input name="ctcocb[colorPhoneBubble]" type="text" value="<?php echo $ctcocb_options['colorPhoneBubble']; ?>" class="ctcocb-color-field"  />
+                       <i>Require Phone icon color to be set</i>
+                    </td>
+                </tr>
+                    <tr>    
+                    <th>WhatsApp icon color</th>
+                     <td>
+                       <input name="ctcocb[colorWappIcon]" type="text" value="<?php echo $ctcocb_options['colorWappIcon']; ?>" class="ctcocb-color-field"  />
+                    </td>
+                </tr>
+                <tr>    
+                    <th>WhatsApp background color</th>
+                     <td>
+                       <input name="ctcocb[colorWappBubble]" type="text" value="<?php echo $ctcocb_options['colorWappBubble']; ?>" class="ctcocb-color-field"  />
                        
                     </td>
                 </tr>
-                
                 <tr>    
                     <th>Phone and WhatsApp text color</th>
@@ -262 +274 @@
                     </td>
                 </tr>
+                    <tr  class="db_slider">
+                <th>Container padding (<span class="slider_preview"><?php echo $ctcocb_options['containerPadding']; ?></span>px):</th>
+                    <td>
+                        <label>Smaller</label> <input type="range" min="0" max="40" name="ctcocb[containerPadding]" value="<?php echo $ctcocb_options['containerPadding']; ?>" step="1">
+                        <label>Bigger</label>               
+                    </td>
+                </tr>
                 <tr  class="db_slider">
                     <th>Container border size (<span class="slider_preview"><?php echo $ctcocb_options['containerBorderSize']; ?></span>px):</th>
@@ -292 +311 @@
                     <th>Font size (<span class="slider_preview"><?php echo $ctcocb_options['fontSize']; ?></span>px):</th>
                     <td>
-                        <label>Smaller</label> <input type="range" min="10" max="100" name="ctcocb[fontSize]" value="<?php echo $ctcocb_options['fontSize']; ?>"  step="1"> <label>Bigger</label>               
+                        <label>Smaller</label> <input type="range" min="10" max="40" name="ctcocb[fontSize]" value="<?php echo $ctcocb_options['fontSize']; ?>"  step="1"> <label>Bigger</label>                
                     </td>
                 </tr>
@@ -367 +386 @@
                 }";
                 $styling .= ".ctcocb {";
-                $styling .= $ctcocb_css."";
+                $styling .= $ctcocb_css.";";
+                if(isset($ctcocb_options['containerPadding']))$styling .= "padding:".$ctcocb_options['containerPadding']."px;";
                 $styling .= "z-index:".ctcocb_set_zindex($ctcocb_options['zIndex']).";";
                 $alphaBackground="";
@@ -377 +397 @@
                 $styling .= "}";
                 
-
-                
+            
                 $styling .= ".ctcocb-text{color:".$ctcocb_options['colorCustomText'].";}";
-                $styling .= ".ctcocb-phone a,.ctcocb-phone a:visited{color:".$ctcocb_options['colorText'].";}";
-                $styling .= ".ctcocb-wapp a,.ctcocb-wapp a:visited{color:".$ctcocb_options['colorText'].";}";
+                $styling .= ".ctcocb a,.ctcocb a:visited{color:".$ctcocb_options['colorText'].";}";
+                $styling .= ".ctcocb a,.ctcocb a:visited{color:".$ctcocb_options['colorText'].";}";
                 
                 $styling .= "
-                     .ctcocb img {width:". $ctcocb_options['buttonSize']."px;}
-                     .ctcocb {padding:". $ctcocb_options['padding']."px}
-                     .ctcocb>div {font-size:". $ctcocb_options['fontSize']."px;}
-                     .ctcocb span {padding-right:". $ctcocb_options['padding']."px;padding-left:". $ctcocb_options['padding']."px;}
-
+                     .ctcocb img {width:". $ctcocb_options['buttonSize']."px!important;}
+                    
+                     .ctcocb div {font-size:". $ctcocb_options['fontSize']."px;}
+                     .ctcocb img,.ctcocb .ctcocb-text{margin-left:". $ctcocb_options['padding']."px;margin-right:". $ctcocb_options['padding']."px;}
+                    
                      ";
                 $styling .= "</style>\n";
@@ -422 +441 @@
                 $colorsp[2]=$ctcocb_options['colorPhoneIcon'];
                 
-
-                $colorsw[]='';
+                $colorsw[1]=$ctcocb_options['colorWappBubble'];
+                $colorsw[2]=$ctcocb_options['colorWappIcon'];
                 $col=0;
                 if($ctcocb_options['displayPhone'])$col++;
@@ -433 +452 @@
                 if($ctcocb_options['appearancePosition']>2)$ctcocb_cols="";
                 $ButtonPhone=$ButtonText=$ButtonWapp='';            
-                if($ctcocb_options['textPhone']!='')$ctcocb_textPhone='<span class="db-phone">'.$ctcocb_options['textPhone'].'</span>';
-                if($ctcocb_options['text']!='')$ctcocb_text='<span>'.$ctcocb_options['text'].'</span>';
-                if($ctcocb_options['textWapp']!='')$ctcocb_textWapp='<span class="db-text">'.$ctcocb_options['textWapp'].'</span>';
-                if($ctcocb_options['displayPhone']) $ButtonPhone=   '<div class="ctcocb-phone ctcocb-cols-'.$ctcocb_cols.'"><a  href="tel:'.$ctcocb_options['numberPhone'].'" '.$trackingcode_Phone.'><span><img src="data:image/svg+xml;base64,'.ctcocb_get_svg('iconPhone',$colorsp,100).'"/></span>'.$ctcocb_textPhone.'</a></div>';
-                if($ctcocb_options['displayText'])  $ButtonText=    '<div class="ctcocb-text ctcocb-cols-'.$ctcocb_cols.'">'.$ctcocb_text.'</div>';
-                if($ctcocb_options['displayWapp'])  $ButtonWapp=    '<div class="ctcocb-wapp ctcocb-cols-'.$ctcocb_cols.'"><a  href="https://api.whatsapp.com/send?phone='.$ctcocb_options['numberWapp'].'" '.$trackingcode_WApp.'><span><img src="data:image/svg+xml;base64,'.ctcocb_get_svg('iconWApp',$colorsw,100).'"/></span>'.$ctcocb_textWapp.'</a></div>';
+                if($ctcocb_options['textPhone']!='')$ctcocb_textPhone='<div class="ctcocb-phone">'.$ctcocb_options['textPhone'].'</div>';
+                if($ctcocb_options['text']!='')$ctcocb_text='<div class="ctcocb-text">'.$ctcocb_options['text'].'</div>';
+                if($ctcocb_options['textWapp']!='')$ctcocb_textWapp='<div class="ctcocb-wapp">'.$ctcocb_options['textWapp'].'</div>';
+                if($ctcocb_options['displayPhone']) $ButtonPhone=   '<div class="ctcocb-cols-'.$ctcocb_cols.'"><a  href="tel:'.$ctcocb_options['numberPhone'].'" '.$trackingcode_Phone.'><div class="ctcocb-img" ><img src="data:image/svg+xml;base64,'.ctcocb_get_svg('iconPhone',$colorsp,100).'"/></div>'.$ctcocb_textPhone.'</a></div>';
+                if($ctcocb_options['displayText'])  $ButtonText=    '<div class="ctcocb-cols-'.$ctcocb_cols.'">'.$ctcocb_text.'</div>';
+                if($ctcocb_options['displayWapp'])  $ButtonWapp=    '<div class="ctcocb-cols-'.$ctcocb_cols.'"><a  href="https://wa.me/'.$ctcocb_options['numberWapp'].'" '.$trackingcode_WApp.'><div class="ctcocb-img" ><img src="data:image/svg+xml;base64,'.ctcocb_get_svg('iconWApp',$colorsw,100).'"/></div>'.$ctcocb_textWapp.'</a></div>';
                 $Button=$ButtonPhone.$ButtonText.$ButtonWapp;
                 if($ctcocb_options['appearanceOrder']==1)$Button=$ButtonPhone.$ButtonText.$ButtonWapp;
@@ -478 +497 @@
             'colorPhoneIcon' => '#ffffff',
             'colorPhoneBubble' => '',
+            'colorWappIcon' => '#ffffff',
+            'colorWappBubble' => '#25d366',
             'colorText' => '#ffffff',
             'colorCustomText' => '#ffffff',
@@ -490 +511 @@
             'containerBorderSize' => 1,
             'containerBorderColor' => '#ffffff',
-            'containerBorderRadius' => 20,
+            'containerBorderRadius' => 0,
             'screenWidth' => 780,
-            'containerMargin' => 10,
-            'buttonSize' => 30,
-            'fontSize' => 16,
+            'containerMargin' => 0,
+            'containerPadding' => 5,
+            'buttonSize' => 20,
+            'fontSize' => 14,
             'padding' => 5,
             'zIndex' => 6,

click-to-call-or-chat-buttons/trunk/readme.txt

@@ -1 +1 @@
 === Click to Call or Chat Buttons ===
 Contributors: digitalblue
-Tags: tclick to call, click to chat, call button, contact bottom button, whatsapp button
+Tags: click to call chat, call us button, call now button, contact bottom button, phone whatsapp button
 Requires at least: 5.2
 Tested up to: 5.4
@@ -9 +9 @@
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 
-This plugin adds a box on your webpage that allows direct dialing via two phone or WhatsApp buttons.
+This plugin add a box on your webpage that allows direct dialing via phone or WhatsApp button.
 
 == Description ==
-#Features
 
-    Add a button for calling via mobile phone
-    Add a button for calling or chat on WhatsApp
-    Custom configuration of dimensions, positioning and colors
-    Add a custom text.
-    Tracking in Google Analytics (track events)
+* Add a custom button for calling via mobile phone.
+* Add a custom button for calling or chat on WhatsApp.
+* Add a custom text.
+* Easy configuration of colors, sizes and distances as desired.
+* Event Tracking for Google Analytics.
+
 
 A flexible module that adds two buttons that can be called directly by phone or on WhatsApp.
@@ -27 +27 @@
 You can change the colors, text size, edges and position of the buttons.
 
-#How to install?
 
 
-#How to configure?
+**How to configure?**
 
 Fill in the phone numbers “Phone number to call” and “WhatsApp number to call” and the texts associated with them “Phone number (or text) to display” or “WhatsApp number (or text) to display”
@@ -36 +35 @@
 It is good here to use the country code(prefix) for phone numbers and to be in a callable format (for example “+41987654321”). However, the associated texts can contain any text or any format of telephone numbers (for example “Call Us” or “0987.654.321”)
 
-#Choose the colors
+**Choose the colors**
 
 If you do not want a specific color and you want the element to be transparent, then delete the color from the corresponding field.
 
-#Set the positioning
+**Set the positioning**
 
 In the “Topography” group, set the active fields, display mode and position.
@@ -46 +45 @@
 Also in “Restrict appearance” set on which pages the buttons will appear. If you select “Only on pages” or “Not on pages” then fill in the id of the pages or posts separated by commas.
 
-#Set events tracking
+**Set events tracking**
 
 If you have the Google Analytics tracking code already added to the page, then choose the appropriate version to track events.
 The module will automatically add the tracking script and you will be able to find the events in Google Analytics in Behavior> Events> Overview
 
-#Save changes
+**Save changes**
 
 After checking the completed fields, save these changes and retouch the appearance if necessary.
 
-#Finally
+**Finally**
 
 Finally, test if buttons call the right numbers and verify the Google Analytics events traking.
@@ -63 +62 @@
 Install the module following the usual procedure and activate it.
 
-1. From your WordPress Dashboard go to ‘Plugins’ > ‘Add new’ and search for \'Click to Call or Chat Buttons\'.
-2. Click ‘Install Now’ under the title of the \'Click to Call or Chat Buttons\' plugin and click \"activate\".
+1. From your WordPress Dashboard go to ‘Plugins’ > ‘Add new’ and search for ‘Click to Call or Chat Buttons’.
+2. Click ‘Install Now’ under the title of the 'Click to Call or Chat Buttons’ plugin and click ‘activate’.
 3. Go to ‘Settings’ > ‘Click to Call or Chat Buttons’, enter your phone numbers and check the buttons status box to activate.
 4. Click ‘Save’ and check your website front page to see the buttons.
 
-   Or:
+
+Or:
+
 
 1. Upload the `click-to-call-or-chat-buttons` folder to the `/wp-content/plugins/` directory