Надим

Разместите на своем сайте (в любом месте) следующий html-код:

<script type="text/javascript">
	document.addEventListener('DOMContentLoaded', function() {
		if (window.innerWidth > 768) {
			var jivo = 'Здесь разместите код от виджета JivoSite';
			document.body.insertAdjacentHTML('beforeEnd', jivo);
		}
	});
</script>

Внутри одинарных скобок разместите код от виджета JivoSite, НО без переносов строк внутри!
Удалите предварительно все переносы строк из кода виджета!!! Иначе будет ошибка и не заработает.

Для этих целей существуют CRM системы, конечно нужно будет сначала сделать интеграцию, но потом сможете удобно отслеживать статусы всех заявок. Если же не хотите тратится на CRM, то есть половинчатое решение. Например, вы получайте все заявки на GMail (допустим), вы начинаете писать ответ, но НЕ отправляйте его. Следующий оператор, когда откроет это письмо, увидит, что есть не отправленный ответ (ваши комментарии) и при необходимости сможет дополнить их - Google автоматически сохраняет не оправленные письма.

Конечно можно, вариантов реализации много, но самый просто выглядит так:

var p_all = document.querySelectorAll('p'); // Ищем все абзацы

// Обходим найденные абзацы в цикле:
for (var n = 0; n < p_all.length; n++) {
    // При помощи автозамены заворачиваем слово яблоко в спаны с атрибутом onmouseover:
    p_all.innerHTML = p_all.innerHTML.replace(/ЯБЛОКО/g, '<span onmouseover="youScript(this);">ЯБЛОКО</span>');
}

Всякий раз, при наведении мышки на слово ЯБЛОКО будет срабатывать скрипт указанный в onmouseover, при этом в сам скрипт будут передаваться ссылка на элемент (this).

Так конечно не делают, но вы можете использовать псевдо-классы для проверки. Например, неправильно заполненный input имеет псекдо-класс :invalid соответственно:

// Выдаст 1, если заполнено неправильно:
document.querySelectorAll('input[type="email"]:invalid').length;

В противоположенность ему, есть еще псевдо-класс :valid

Используйте for() для перебора свойств объекта и replace() для замены слов на те же слова, но уже со ссылкой.

Автор, блин. Просто используйте таблицы! Задача же элементарно решается, через объединение ячеек в средней колонке.

Используйте .dispathEvent() для вызова события ввода на нужных вам полях.

Попробуйте использовать Object.values()

Просто напишите свою функцию для сериализации (для сбора данных с формы). Не понимаю, в чём проблема.

На мой взгляд, это плохая идея, использовать блоки для ввода текста. Лучше используйте textarea + autosize.
Это такой плагин, который автоматически меняет высоту текстового поля в зависимости от количества строк:
https://www.jacklmoore.com/autosize

Если второй сайт открыл первый, то вы можете отслеживать его состояние из первого сайта.

site = window.open('https://google.com');

Смотрите далее свойство site.

Напишите функцию, которая проверяет поле с номером телефона и если оно заполнено правильно, автоматически отсылайте форму. Короче, вам нужен валидатор.

Попробуйте один из этих 2 вариантов.

Вариант первый:

$.ajax({  
        url: window.location.href,  
        cache: false,  
        success: function(html){
                var page = document.createElement('page'); // Создаем пустой элемент с тегом page
                page.innerHTML = html; // Записываем в него ответ сервера
                var body = page.querySelector('body').innerHTML; // Считываем с него содержимое тега body
                document.querySelector('body').innerHTML = body; // Записываем спасренный код на страницу
        }  
});

Второй вариант:

$.ajax({  
        url: window.location.href,  
        cache: false,  
        success: function(html){
                document.write(html); // Перезаписываем текущий документ полностью
                document.close(); // Закрываем запись
        }  
});