Add link on WhatsApp chat
This commit is contained in:
Dima Uryvskiy
GitHub
parent
d1d2037bf0
commit
948be17b92
@ -243,3 +243,31 @@ msgstr "Soporte a clientes corporativos"
|
|||||||
|
|
||||||
msgid "Enabled"
|
msgid "Enabled"
|
||||||
msgstr "Habilitado"
|
msgstr "Habilitado"
|
||||||
|
|
||||||
|
msgid "Settings of WhatsApp"
|
||||||
|
msgstr "Ajustes de WhatsApp"
|
||||||
|
|
||||||
|
msgid "Activar WhatsApp"
|
||||||
|
msgstr "Активировать WhatsApp"
|
||||||
|
|
||||||
|
msgid "Activate this setting to activate WhatsApp on the website"
|
||||||
|
msgstr "Activa esta configuración para activar WhatsApp en la página web"
|
||||||
|
|
||||||
|
msgid "WhatsApp icon location"
|
||||||
|
msgstr "Ubicación del ícono de WhatsApp"
|
||||||
|
|
||||||
|
msgid "Place in the lower right corner of the website"
|
||||||
|
msgstr "Colocar en la esquina inferior derecha de la pagina web"
|
||||||
|
|
||||||
|
msgid "By default, WhatsApp icon is located in the lower left corner of the website"
|
||||||
|
msgstr "Por defecto, el ícono de WhatsApp se encuentra en la esquina inferior izquierda de la página web"
|
||||||
|
|
||||||
|
msgid "Enter your phone number"
|
||||||
|
msgstr "Introduce tu número de teléfono"
|
||||||
|
|
||||||
|
msgid "WhatsApp chat will be opened with this contact"
|
||||||
|
msgstr "Se abrirá una ventana de chat con este contacto en WhatsApp"
|
||||||
|
|
||||||
|
msgid "Introduce the correct phone number"
|
||||||
|
msgstr "Introduce el número de teléfono correcto"
|
||||||
|
|
||||||
|
|||||||
@ -252,3 +252,31 @@ msgstr "Поддержка корпоративных клиентов"
|
|||||||
|
|
||||||
msgid "Enabled"
|
msgid "Enabled"
|
||||||
msgstr "Включено"
|
msgstr "Включено"
|
||||||
|
|
||||||
|
msgid "Settings of WhatsApp"
|
||||||
|
msgstr "Настройки WhatsApp"
|
||||||
|
|
||||||
|
msgid "Activate WhatsApp"
|
||||||
|
msgstr "Активировать WhatsApp"
|
||||||
|
|
||||||
|
msgid "Activate this setting to activate WhatsApp on the website"
|
||||||
|
msgstr "Активируйте эту настройку для активации WhatsApp на сайте"
|
||||||
|
|
||||||
|
msgid "WhatsApp icon location"
|
||||||
|
msgstr "Расположение иконки WhatsApp"
|
||||||
|
|
||||||
|
msgid "Place in the lower right corner of the website"
|
||||||
|
msgstr "Разместить в правом нижнем углу сайта"
|
||||||
|
|
||||||
|
msgid "By default, WhatsApp icon is located in the lower left corner of the website"
|
||||||
|
msgstr "По умолчанию иконка WhatsApp расположена в левом нижнем углу сайта"
|
||||||
|
|
||||||
|
msgid "Enter your phone number"
|
||||||
|
msgstr "Введите номер телефона"
|
||||||
|
|
||||||
|
msgid "WhatsApp chat will be opened with this contact"
|
||||||
|
msgstr "Будет открыт чат в WhatsApp с данным контактом"
|
||||||
|
|
||||||
|
msgid "Introduce the correct phone number"
|
||||||
|
msgstr "Введите корректный номер телефона"
|
||||||
|
|
||||||
|
|||||||
23
src/assets/css/whatsapp_icon.css
Normal file
23
src/assets/css/whatsapp_icon.css
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
.whatsapp-icon {
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
bottom: 20px;
|
||||||
|
width: 60px;
|
||||||
|
height: 60px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.whatsapp-icon_left {
|
||||||
|
left: 32px;
|
||||||
|
right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.whatsapp-icon_right {
|
||||||
|
right: 32px;
|
||||||
|
left: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.whatsapp-icon__icon {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
1
src/assets/css/whatsapp_icon.min.css
vendored
Normal file
1
src/assets/css/whatsapp_icon.min.css
vendored
Normal file
@ -0,0 +1 @@
|
|||||||
|
.whatsapp-icon{position:fixed;left:0;bottom:20px;width:60px;height:60px;box-sizing:border-box}.whatsapp-icon_left{left:32px;right:auto}.whatsapp-icon_right{right:32px;left:auto}.whatsapp-icon__icon{width:100%;height:100%}
|
||||||
@ -438,7 +438,40 @@ abstract class WC_Retailcrm_Abstracts_Settings extends WC_Integration
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/**
|
||||||
|
* WhatsApp options
|
||||||
|
*/
|
||||||
|
$this->form_fields[] = array(
|
||||||
|
'title' => __('Settings of WhatsApp', 'retailcrm'),
|
||||||
|
'type' => 'heading',
|
||||||
|
'description' => '',
|
||||||
|
'id' => 'whatsapp_options'
|
||||||
|
);
|
||||||
|
|
||||||
|
$this->form_fields['whatsapp_active'] = array(
|
||||||
|
'label' => __('Activate WhatsApp', 'retailcrm'),
|
||||||
|
'title' => __('WhatsApp', 'retailcrm'),
|
||||||
|
'class' => 'checkbox',
|
||||||
|
'type' => 'checkbox',
|
||||||
|
'description' => __('Activate this setting to activate WhatsApp on the website', 'retailcrm')
|
||||||
|
);
|
||||||
|
|
||||||
|
$this->form_fields['whatsapp_location_icon'] = array(
|
||||||
|
'label' => __('Place in the lower right corner of the website', 'retailcrm'),
|
||||||
|
'title' => __('WhatsApp icon location', 'retailcrm'),
|
||||||
|
'class' => 'checkbox',
|
||||||
|
'type' => 'checkbox',
|
||||||
|
'description' => __('By default, WhatsApp icon is located in the lower left corner of the website', 'retailcrm')
|
||||||
|
);
|
||||||
|
|
||||||
|
$this->form_fields['whatsapp_number'] = array(
|
||||||
|
'title' => __('Enter your phone number', 'retailcrm'),
|
||||||
|
'class' => '',
|
||||||
|
'type' => 'text',
|
||||||
|
'description' => __('WhatsApp chat will be opened with this contact', 'retailcrm')
|
||||||
|
);
|
||||||
|
|
||||||
|
/**
|
||||||
* Generate icml file
|
* Generate icml file
|
||||||
*/
|
*/
|
||||||
$this->form_fields[] = array(
|
$this->form_fields[] = array(
|
||||||
@ -669,6 +702,32 @@ abstract class WC_Retailcrm_Abstracts_Settings extends WC_Integration
|
|||||||
return $value;
|
return $value;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Validate whatsapp phone number
|
||||||
|
*
|
||||||
|
* @param string $key
|
||||||
|
* @param string $value
|
||||||
|
*
|
||||||
|
* @return string
|
||||||
|
*/
|
||||||
|
public function validate_whatsapp_number_field($key, $value)
|
||||||
|
{
|
||||||
|
$post = $this->get_post_data();
|
||||||
|
|
||||||
|
if (!empty($post['woocommerce_integration-retailcrm_whatsapp_active'])) {
|
||||||
|
$phoneNumber = preg_replace('/[^+0-9]/', '', $value);
|
||||||
|
|
||||||
|
if (empty($value) || strlen($value) > 25 || strlen($phoneNumber) !== strlen($value)) {
|
||||||
|
WC_Admin_Settings::add_error(esc_html__('Introduce the correct phone number', 'retailcrm'));
|
||||||
|
$value = '';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return $value;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Scritp show|hide block settings
|
* Scritp show|hide block settings
|
||||||
*/
|
*/
|
||||||
|
|||||||
@ -93,6 +93,8 @@ if (!class_exists('WC_Retailcrm_Base')) {
|
|||||||
add_action('wp_print_scripts', array($this, 'initialize_analytics'), 98);
|
add_action('wp_print_scripts', array($this, 'initialize_analytics'), 98);
|
||||||
add_action('wp_print_scripts', array($this, 'initialize_daemon_collector'), 99);
|
add_action('wp_print_scripts', array($this, 'initialize_daemon_collector'), 99);
|
||||||
add_action('wp_print_scripts', array($this, 'initialize_online_assistant'), 101);
|
add_action('wp_print_scripts', array($this, 'initialize_online_assistant'), 101);
|
||||||
|
add_action('wp_enqueue_scripts', array($this, 'include_whatsapp_icon_style'), 101);
|
||||||
|
add_action('wp_print_footer_scripts', array($this, 'initialize_whatsapp'), 101);
|
||||||
add_action('wp_print_footer_scripts', array($this, 'send_analytics'), 99);
|
add_action('wp_print_footer_scripts', array($this, 'send_analytics'), 99);
|
||||||
add_action('woocommerce_new_order', array($this, 'create_order'), 11, 1);
|
add_action('woocommerce_new_order', array($this, 'create_order'), 11, 1);
|
||||||
|
|
||||||
@ -386,6 +388,36 @@ if (!class_exists('WC_Retailcrm_Base')) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Include style for WhatsApp icon
|
||||||
|
*/
|
||||||
|
public function include_whatsapp_icon_style()
|
||||||
|
{
|
||||||
|
wp_register_style('whatsapp_icon_style', plugins_url() . '/woo-retailcrm/assets/css/whatsapp_icon.min.css', false, '0.1');
|
||||||
|
wp_enqueue_style('whatsapp_icon_style');
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Initialize WhatsApp
|
||||||
|
*/
|
||||||
|
public function initialize_whatsapp()
|
||||||
|
{
|
||||||
|
if ($this->get_option('whatsapp_active') === 'yes' && !is_admin() && !is_wplogin()) {
|
||||||
|
$phoneNumber = $this->get_option('whatsapp_number');
|
||||||
|
$positionIcon = $this->get_option('whatsapp_location_icon') === 'yes' ? 'right' : 'left';
|
||||||
|
$whatsAppHtml = '<div class="whatsapp-icon whatsapp-icon_%s">
|
||||||
|
<a class="whatsapp-icon__link" href="https://api.whatsapp.com/send/?phone=%s&text&app_absent=0" target="_blank">
|
||||||
|
<svg class="whatsapp-icon__icon" fill="none" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12z" fill="#25D366"/><path d="M12.396 18.677h-.003a7.13 7.13 0 01-3.41-.869L5.2 18.8l1.013-3.697a7.123 7.123 0 01-.953-3.567C5.262 7.6 8.463 4.4 12.396 4.4c1.909.001 3.7.744 5.047 2.093a7.093 7.093 0 012.088 5.048c-.001 3.934-3.201 7.134-7.135 7.136zm-3.238-2.16l.217.128c.91.54 1.954.826 3.018.827h.003a5.94 5.94 0 005.93-5.931 5.895 5.895 0 00-1.735-4.196 5.89 5.89 0 00-4.193-1.74 5.94 5.94 0 00-5.933 5.931c0 1.12.313 2.212.907 3.156l.14.225-.599 2.188 2.245-.588zm6.588-3.44c.125.06.209.101.245.161.044.074.044.431-.104.848-.15.416-.861.796-1.204.848a2.443 2.443 0 01-1.123-.071 10.223 10.223 0 01-1.016-.376c-1.672-.721-2.801-2.341-3.015-2.648l-.031-.044-.002-.002c-.094-.126-.726-.97-.726-1.842 0-.821.403-1.252.589-1.45l.035-.038a.655.655 0 01.475-.223c.12 0 .238.001.342.007h.04c.104 0 .233-.001.361.306.05.118.121.293.197.478.154.373.323.786.353.846.044.089.074.193.015.312l-.025.05c-.045.092-.078.159-.153.247l-.092.11c-.061.075-.123.15-.176.203-.09.089-.182.185-.078.364.104.178.462.762.992 1.235.57.508 1.065.723 1.316.832.049.02.088.038.118.053.178.089.282.074.386-.045.104-.119.446-.52.564-.7.12-.178.238-.148.402-.088.163.06 1.04.49 1.218.58l.097.048z" fill="#FDFDFD"/></svg>
|
||||||
|
</a>
|
||||||
|
</div>';
|
||||||
|
|
||||||
|
echo sprintf($whatsAppHtml, $positionIcon, $phoneNumber);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Get retailcrm api client
|
* Get retailcrm api client
|
||||||
*
|
*
|
||||||
|
|||||||
Binary file not shown.
Binary file not shown.
Loading…
x
Reference in New Issue
Block a user