| 1 |
<div <?php if ($GLOBALS['current_tab'] != 'Floating Button') echo 'style="display:none"' ?>> |
| 2 |
<h2 class="title"><?php _e('Floating Button', "spoki") ?></h2> |
| 3 |
<p class="description"> |
| 4 |
<?php _e("Insert the fixed WhatsApp chat button on your website and receive information requests from your customers, to your number.", "spoki") ?> |
| 5 |
</p> |
| 6 |
<img class="cover-image" src="<?php echo plugins_url() . '/' . SPOKI_PLUGIN_NAME . '/assets/images/home-page-button.png' ?>"/> |
| 7 |
<table class="form-table" role="presentation"> |
| 8 |
<tr> |
| 9 |
<th scope="row"> |
| 10 |
<label for="<?php echo SPOKI_OPTIONS ?>[buttons][fixed_support_button_check]"> |
| 11 |
<?php _e('Enable', "spoki") ?> |
| 12 |
</label> |
| 13 |
</th> |
| 14 |
<td> |
| 15 |
<input type="checkbox" id="fixed_support_button_check" |
| 16 |
name="<?php echo SPOKI_OPTIONS ?>[buttons][fixed_support_button_check]" |
| 17 |
value="1" <?php if (isset($this->options['buttons']['fixed_support_button_check'])) echo checked(1, $this->options['buttons']['fixed_support_button_check'], false) ?>> |
| 18 |
|
| 19 |
<label for="fixed_support_button_check"><?php _e('Enable the button', "spoki") ?></label> |
| 20 |
<p class="description"> |
| 21 |
* <?php _e('If you enable the chat button you make it visible on all pages of the site', "spoki") ?> |
| 22 |
</p> |
| 23 |
</td> |
| 24 |
</tr> |
| 25 |
<tr> |
| 26 |
<th scope="row"> |
| 27 |
<label for="<?php echo SPOKI_OPTIONS ?>[buttons][fixed_support_button_text]"> |
| 28 |
<?php _e('Customer Message', "spoki") ?> |
| 29 |
</label> |
| 30 |
</th> |
| 31 |
<td> |
| 32 |
<textarea class="regular-text" |
| 33 |
name="<?php echo SPOKI_OPTIONS ?>[buttons][fixed_support_button_text]" |
| 34 |
cols="50" rows="10" |
| 35 |
placeholder="<?php _e('Hi, I would like to receive more information about your business', "spoki") ?>"><?php if (isset($this->options['buttons']['fixed_support_button_text']) && $this->options['buttons']['fixed_support_button_text'] !== '') echo $this->options['buttons']['fixed_support_button_text'] ?></textarea> |
| 36 |
<p class="description"> |
| 37 |
* <?php _e('Preset message in chat that the customer can send via button to start a conversation', "spoki") ?> |
| 38 |
</p> |
| 39 |
</td> |
| 40 |
</tr> |
| 41 |
<tr> |
| 42 |
<th scope="row"> |
| 43 |
<label for="<?php echo SPOKI_OPTIONS ?>[buttons][fixed_support_button_position]"> |
| 44 |
<?php _e('Position', "spoki") ?> |
| 45 |
</label> |
| 46 |
</th> |
| 47 |
<td> |
| 48 |
<label class="checkbox" for="fixed_support_button_position_left" style="margin-right: 8px"> |
| 49 |
<input type="radio" id="fixed_support_button_position_left" name="<?php echo SPOKI_OPTIONS ?>[buttons][fixed_support_button_position]" |
| 50 |
value="Left" <?php if (isset($this->options['buttons']['fixed_support_button_position']) && $this->options['buttons']['fixed_support_button_position'] == 'Left') echo 'checked' ?> /> |
| 51 |
<span><?php _e('Left', "spoki"); ?></span> |
| 52 |
</label> |
| 53 |
<label class="checkbox" for="fixed_support_button_position_right"> |
| 54 |
<input type="radio" id="fixed_support_button_position_right" name="<?php echo SPOKI_OPTIONS ?>[buttons][fixed_support_button_position]" |
| 55 |
value="Right" <?php if (isset($this->options['buttons']['fixed_support_button_position']) && $this->options['buttons']['fixed_support_button_position'] == 'Right') echo 'checked' ?> /> |
| 56 |
<span><?php _e('Right', "spoki"); ?></span> |
| 57 |
</label> |
| 58 |
<p class="description"> |
| 59 |
* <?php _e('Select where to display the button on the screen', "spoki") ?> |
| 60 |
</p> |
| 61 |
</td> |
| 62 |
</tr> |
| 63 |
<tr> |
| 64 |
<th scope="row"> |
| 65 |
<label for="fixed_support_button_color"> |
| 66 |
<?php _e('Color', "spoki") ?> |
| 67 |
</label> |
| 68 |
</th> |
| 69 |
<td> |
| 70 |
<input type="color" |
| 71 |
id="fixed_support_button_color" |
| 72 |
name="<?php echo SPOKI_OPTIONS ?>[buttons][fixed_support_button_color]" |
| 73 |
value="<?php echo (isset($this->options['buttons']['fixed_support_button_color']) && $this->options['buttons']['fixed_support_button_color'] !== '') ? $this->options['buttons']['fixed_support_button_color'] : '#23D366' ?>" |
| 74 |
> |
| 75 |
<p class="description"> |
| 76 |
* <?php _e('Set the background color of the button (Suggested: <i>#23D366</i> - <i>rgb(35, 211, 102)</i>)', "spoki") ?> |
| 77 |
</p> |
| 78 |
</td> |
| 79 |
</tr> |
| 80 |
<tr> |
| 81 |
<th> |
| 82 |
<label for="fixed_support_button_border"> |
| 83 |
<b><?php _e('Border type', "spoki") ?></b> |
| 84 |
</label> |
| 85 |
</th> |
| 86 |
<td> |
| 87 |
<?php $fixed_support_button_border = isset($this->options['buttons']['fixed_support_button_border']) ? $this->options['buttons']['fixed_support_button_border'] : 'circle' ?> |
| 88 |
<select name="<?php echo SPOKI_OPTIONS ?>[buttons][fixed_support_button_border]" id="fixed_support_button_border" class="regular-text"> |
| 89 |
<option value="circle" <?php echo $fixed_support_button_border == 'circle' ? 'selected' : '' ?>><?php echo __('Circle', "spoki") ?></option> |
| 90 |
<option value="squared" <?php echo $fixed_support_button_border == 'squared' ? 'selected' : '' ?>><?php echo __('Squared', "spoki") ?></option> |
| 91 |
<option value="rounded" <?php echo $fixed_support_button_border == 'rounded' ? 'selected' : '' ?>><?php echo __('Rounded', "spoki") ?></option> |
| 92 |
</select> |
| 93 |
<p class="description"> |
| 94 |
* <?php _e('Choose the button border type', "spoki"); ?> |
| 95 |
</p> |
| 96 |
</td> |
| 97 |
</tr> |
| 98 |
<tr> |
| 99 |
<th scope="row"> |
| 100 |
<label for="fixed_support_button_side_space"> |
| 101 |
<?php _e('Space from side', "spoki") ?> |
| 102 |
</label> |
| 103 |
</th> |
| 104 |
<td> |
| 105 |
<label> |
| 106 |
<input type="number" id="fixed_support_button_side_space" |
| 107 |
name="<?php echo SPOKI_OPTIONS ?>[buttons][fixed_support_button_side_space]" |
| 108 |
value="<?php echo (isset($this->options['buttons']['fixed_support_button_side_space']) && $this->options['buttons']['fixed_support_button_side_space'] !== '') ? $this->options['buttons']['fixed_support_button_side_space'] : '12' ?>"> |
| 109 |
px |
| 110 |
</label> |
| 111 |
<p class="description"> |
| 112 |
* <?php _e('Set the space from the left/right side of the screen', "spoki") ?> |
| 113 |
</p> |
| 114 |
</td> |
| 115 |
</tr> |
| 116 |
<tr> |
| 117 |
<th scope="row"> |
| 118 |
<label for="fixed_support_button_bottom_space"> |
| 119 |
<?php _e('Space from bottom', "spoki") ?> |
| 120 |
</label> |
| 121 |
</th> |
| 122 |
<td> |
| 123 |
<label> |
| 124 |
<input type="number" id="fixed_support_button_bottom_space" |
| 125 |
name="<?php echo SPOKI_OPTIONS ?>[buttons][fixed_support_button_bottom_space]" |
| 126 |
value="<?php echo (isset($this->options['buttons']['fixed_support_button_bottom_space']) && $this->options['buttons']['fixed_support_button_bottom_space'] !== '') ? $this->options['buttons']['fixed_support_button_bottom_space'] : '12' ?>"> |
| 127 |
px |
| 128 |
</label> |
| 129 |
<p class="description"> |
| 130 |
* <?php _e('Set the space from the bottom of the screen', "spoki") ?> |
| 131 |
</p> |
| 132 |
</td> |
| 133 |
</tr> |
| 134 |
</table> |
| 135 |
<?php submit_button(); ?> |
| 136 |
</div> |
