Как сделать вызов онлайн чата по кнопке в тексте?

P
На сайте с 23.01.2014
Offline
40
1381

Прошу прощения за беспокойство.

Самостоятельно билась над задачей несколько дней, решить не смогла.

В тех.поддержку сайта-разработчика писала, они помочь не смогли, сказали, что не знают...

Ситуация:

Есть сайт (на WordPress, тема Авада). К сайту прикручен онлайн-чат.

В этом чате есть скрипт, который позволяет разместить кнопку чата на всех страницах сайта. Это я сделала всё ок.

Проблема:

я дополнительно к кнопке чата хочу сделать вызов этого же чата по картинке либо кнопке.

Т.е. у меня есть на странице текст. В этом тексте написано примерно: "если у вас есть вопрос, задайте его в наш онлайн-чат".

Я хочу, чтобы вот по этой фразе, либо кнопке, либо картинке в тексте - был вызов чата.

У этого чата есть инструкция:

https://chatra.io/ru/help/api/#custom-button

я попробовала уже все варианты, которые там перечислены, но не работает ничего, кроме паршивовыглядящей их стандартной серой кнопки. Вот здесь стрелочкой показываю как оно отображается в итоге: http://prntscr.com/kqp3mz

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

Подскажите, пожалуйста, можно ли как-то всё же сделать то, что я хочу?

Если что-то не полностью или не понятно объяснила - прошу прощения, могу пояснить если что не понятно.

Спасибо!

Staid
На сайте с 30.07.2014
Offline
59
#1

Psyhelp, так описан ведь способ у них в вики


<!-- Кнопка в любом месте страницы -->
<button onclick="Chatra('openChat', true)">Открыть чат</button>

Вместо button можете использовать любой элемент на странице. К примеру так:


<span onclick="Chatra('openChat', true)">если у вас есть вопрос, задайте его в наш онлайн-чат</span>
Оптимизайка
На сайте с 11.03.2012
Offline
396
#2

там же яваскрипт, повесить можно на любой элемент.

<a href="#" onclick="Chatra('openChat', true)">жми сюда</a>

ну или кнопку стилизовать через css нельзя что ли.

⭐ BotGuard (https://botguard.net) ⭐ — защита вашего сайта от вредоносных ботов, воровства контента, клонирования, спама и хакерских атак!
P
На сайте с 23.01.2014
Offline
40
#3
Оптимизайка:
там же яваскрипт, повесить можно на любой элемент.

<a href="#" onclick="Chatra('openChat', true)">жми сюда</a>

ну или кнопку стилизовать через css нельзя что ли.

Не получается(((

я пишу следующее:

<a href="#" onclick="Chatra('openChat', true)"><img class="aligncenter size-full wp-image-39915" src="https://psyhelp24.org/wp-content/uploads/2010/08/chat-3.png" alt="психологическая консультация в чате" width="46" height="40" /></a>

Визуально потом вижу на экране: http://prntscr.com/kqpc5k, но при нажатии на эту кнопку не происходит Ничего(

А когда ещё раз захожу в редактирование этого элемента, то часть кода вообще пропадает после сохранения и выглядит так:

<a href="#"><img class="aligncenter size-full wp-image-39915" src="https://psyhelp24.org/wp-content/uploads/2010/08/chat-3.png" alt="психологическая консультация в чате" width="46" height="40" /></a>

стилизовать кнопку - это пока новый уровень для меня, я пока не знаю как это делать.

---------- Добавлено 05.09.2018 в 06:09 ----------

Staid:
Psyhelp, так описан ведь способ у них в вики

Вместо button можете использовать любой элемент на странице. К примеру так:

то что у них написано вылезает серым мрачным квадратиком.

То, что написали вы получается как текст, т.е. вылезает просто текст со ссылкой.

А мне нужно в картинку встроить.

Выше попробовала в комменте подробнее написать что мне нужно.

Оптимизайка
На сайте с 11.03.2012
Offline
396
#4

Psyhelp, ну это уже ваш вордпресс код портит. Сделайте, чтоб не портил, редактирование HTML а не визуальное попробуйте, или так попробуйте:

<a href="javascript:Chatra('openChat', true);">жми сюда</a>

может такое не испортит.

P
На сайте с 23.01.2014
Offline
40
#5
Оптимизайка:
Psyhelp, ну это уже ваш вордпресс код портит. Сделайте, чтоб не портил, редактирование HTML а не визуальное попробуйте, или так попробуйте:

<a href="javascript:Chatra('openChat', true);">жми сюда</a>

может такое не испортит.

а можно что-то делать с вордпрессом, чтобы он не сжирал код?

От чего такое может происходить?

Сейчас код ставлю в режиме html, сохраняю, проверяю страницу - всё работает. Но если опять захожу в редактирование элемента - код сожранный и пропадает...

SeVlad
На сайте с 03.11.2008
Offline
1609
#6
Psyhelp:
а можно что-то делать с вордпрессом, чтобы он не сжирал код?

Не размещать код в редакторе контента.

А лучше - 100500 раз подумать прежде чем тащить к себе на сайт всякое.

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
Samail
На сайте с 10.05.2007
Offline
369
#7
Psyhelp:
я пишу следующее:
<a href="#" onclick="Chatra('openChat', true)">

А если так?

<a href="javascript:Chatra('openChat', true)">
S
На сайте с 30.09.2016
Offline
469
#8
Samail:
А если так?
<a href="javascript:Chatra('openChat', true)">

Визуальным редакторам без разницы, как задан код жабаскрипта. Они его определят и так, и так. Чтобы это преодолеть, есть два пути:

1. Задав единожды код в контенте, больше не лезть редактировать этот контент.

2. Задавать действие на событие по клику на элемент не непосредственно в тэге этого элемента, а отдельным js-кодом за пределами редактируемого контента.

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий