Благодарим за покупку виджета ContactProtect.
Желаем успешного использования его на Вашем сайте!
Основные шаги для входа в админ-панель:
- Откройте этот URL-адрес в своем браузере:
https://contact-protect.ru/cp-login.php
- В открывшейся форме входа в админ-панель введите свои email-адрес и код покупки в соответствуюие поля (код покупки - это код, который Вы получили при покупке виджета). Если хотите сохранить значения этих полей (чтобы не вводить их каждый раз), поставьте галочку "Запомнить меня" внизу формы входа. Затем нажмите на кнопку "Войти" button.
После этого (если введенные email-адрес и код покупки верны), откроется страница "Виджеты" (в админ-панели), и Вы сможете настроить свои виджеты в соответствии со своими предпочтениями.
- Если Вы забыли свой код покупки, нажмите на ссылку "Забыли свой код покупки?" под формой входа.
В открывшейся форме введите свой email-адрес в соответствующее поле. Затем нажмите на кнопку "Напомнить код покупки" button.
После этого Ваш код покупки будет отправлен на Ваш email-адрес, и Вы сможете ввести его на странице входа в админ-панель.
- Если хотите выйти из админ-панели, нажмите на кнопку "Выйти" в правом верхнем углу страницы.
Чтобы посмотреть данные своего профиля или изменить свой email-адрес, перейдите на вкладку "Профиль пользователя" в админ-панели.
Здесь Вы можете посмотреть следующие данные:
- Ваш email-адрес
- Ваш код покупки
- Ваш тарифный план
- Максимальное количество виджетов, которое Вы можете создать в соответствии с Вашим тарифным планом
- Количество оставшихся виджетов (за исключением виджетов, которые Вы уже создали)
- Дата окончания действия Вашего тарифного плана
Чтобы изменить email-адрес, введите свой новый email-адрес в соответствующее поле. Затем нажмите на кнопку "Сохранить".
Чтобы добавить свои виджеты, перейдите на вкладку "Виджеты" в админ-панели.
С помощью генератора виджетов Вы можете создавать виджеты с защищенными email-адресами (а также с другими контактами и любыми ссылками) в соответствии с Вашими предпочтениями.
Для этого введите email-адрес (или другой контакт, или любую ссылку) в обязательное поле "Email или ссылка". Вы можете выбрать шрифт, размер шрифта и цвет шрифта в соответствующих полях. Внизу Вы можете увидеть предварительный просмотр Вашего email-адреса (или другого контакта, или любой ссылки) с выбранными параметрами. Это моментальный предпросмотр, который изменяется сразу после изменения любого параметра.
ПРИМЕЧАНИЕ: При клике на защищенный email-адрес (который с помощью виджета вставлен в страницы Вашего сайта) откроется окно программы для работы с электронной почтой (например, "Outlook Express", "The Bat!" и т.д.) с заполненным полем "Email-адрес".
Если Вы хотите вставить кликабельную текстовую ссылку вместо самого email-адреса (или другого контакта, или любой ссылки), введите Ваш текст в поле "Анкорный текст".
ПРИМЕЧАНИЕ: Прии клике на эту текстовую ссылку откроется окно программы для работы с электронной почтой (например, "Outlook Express", "The Bat!" и т.д.) с заполненным полем "Email-адрес".
Если Вы хотите создать ссылку с изображением или иконкой вместо текста, введите HTML-код этого изображения или иконки в поле "Анкорный текст".
Также Вы можете скопировать защищенный email-адрес (или другой контакт, или любую ссылку) в буфер обмена, кликнув правой кнопкой мыши по нему и затм кликнув на кнопку "Копировать". И после этого Вы можете вставить скопированный email-адрес (или другой контакт, или любую ссылку) где захотите.
ПРИМЕЧАНИЕ: Вы можете изменить надпись "Копировать". Например, Вы можете перевести ее на любой язык. Для этого введите свой перевод в поле "Текст на кнопке копирования" в генераторе виджетов.
Вы можете заполнить поля "Тема письма", "Копия" и "Скрытая копия". В этом случае, при клике на защищенный email-адрес откроется окно программы для работы с электронной почтой (например, "Outlook Express", "The Bat!" и т.д.) с заполненными полями "Тема письма", "Копия" и "Скрытая копия".
Также Вы можете заполнить поле "Класс (CSS)", чтобы добавить свой собственный класс CSS для защищенного email-адреса (или другого контакта, или любой ссылки).
Если Вы хотите скрыть email-адрес (или другой контакт, или любую ссылку) от скрин-ридеров, поставьте галочку "Скрыть email или ссылку" и введите свой текст в поле "Текст скрытия". В этом случае, вместо самого email-адреса (или другого контакта, или любой ссылки) будет отображаться кликабельная текстовая ссылка, но при клике на эту текстовую ссылку будет показан защищенный email-адрес (или другой контакт, или любая ссылка). При клике на показанный защищенный email-адрес откроется окно программы для работы с электронной почтой (например, "Outlook Express", "The Bat!" и т.д) с заполненным полем "Email-адрес" (также могут быть заполнены поля "Тема письма", "Копия" и "Скрытая копия", если захотите).
Кроме email-адресов, Вы также можете защитить другие контакты (номера телефонов, ссылки на мессенджеры, социальные сети и т.д.) и любые ссылки. Ниже представлены примеры для телефонного номера, Telegram, WhatsApp, Viber, VK (ВКонтакте) и произвольной ссылки.
Чтобы сохранить виджет в списке виджетов (для использования на Вашем сайте), нажмите на кнопку "Добавить виджет".
После этого добавленный виджет появится в списке виджетов внизу, а вверху появится сообщение "Виджет добавлен".
В списке виджетов Вы можете сортировать виджеты по алфавиту по столбцам "Email или ссылка", "Анкорный текст" и "Текст скрытия", кликнув на заголовок соответствующего столбца.
Вы можете найти любой сохраненный виджет по его email-адресу или ссылке, анкорному тексту или тексту скрытия, введя часть текста, или email-адреса, или ссылки в поле поиска над списком виджетов.
Если Вы хотите отредактировать виджет, нажмите на зеленую кнопку "Изменить" возле него в списке виджетов.
После этого поля формы генератора виджетов будут заполнены данными редактируемого виджета, и внизу формы генератора виджетов появятся кнопки "Сохранить" и "Отмена".
Если хотите отменить редактирование виджета, нажмите на кнопку "Отмена".
Если хотите сохранить отредактированный виджет, нажмите на кнопку "Сохранить". Тогда отредактированный виджет будет сохранен в списке виджетов, а вверху появится сообщение "Виджет сохранен".
Вы можете удалить любой виджет из списка виджетов. Чтобы удалить один виджет, нажмите на красную кнопку "Удалить" возле него в списке виджетов.
Чтобы удалить сразу несколько виджетов, отметьте виджеты, которые хотите удалить, в списке виджетов и затем нажмите на кнопку "Удалить отмеченные виджеты".
Эта кнопка находится над и под списком виджетов. Обе кнопки "Удалить отмеченные виджеты" идентичны, так что Вы можете нажать на любую из них.
Если Вы хотите отметить все виджеты в списке виджетов, поставьте галочку "Отметить все виджеты" вверху или внизу. Обе галочки идентичны, так что Вы можете поставить любую из них.
Размер каждого поля в столбце "Виджет" можно изменять. Вы можете изменить его размер, потянув за правый нижний угол.
Чтобы использовать виджет на своем сайте, вставьте HTML-код виджета в исходный код Вашей веб-страницы. Это так же просто, как вставка кода Яндекс.Метрики в Вашу веб-страницу.
Чтобы вставить виджет (из списка виджетов) в страницу на Вашем сайте, выберите соотвествующий виджет в столбце "Виджет" в списке виджетов и затем скопируйте HTML-код выбранного виджета и вставьте его в свою веб-страницу. Вы можете скопировать HTML-код выбранного виджета, нажав комбинацию клавиш "Ctrl+C" на клавиатуре или нажав правую кнопку мыши и выбрав пункт "Копировать" в контекстном меню.
Вот и всё! После этого виджет с защищенным email-адресом (или другим контактом, или любой ссылкой) появится на Вашей веб-странице.
Вы можете вставить виджет в веб-страницу, созданную в любых CMS и конструкторах сайтов, в которых можно вставлять HTML-код в страницы.
Также напоминаем, что есть аналогичные плагин для WordPress и приложение для Wix:
Ссылки на инструкции для популярных CMS и конструкторов сайтов - как вставить HTML-код в их страницы:
-
Joomla:
-
Weebly:
-
Jimdo:
https://help.jimdo.com/hc/en-us/articles/115005947286-How-do-I-add-widgets
-
OpenCart:
-
Tilda:
-
Webflow:
https://help.webflow.com/hc/en-us/articles/33961357265299-Custom-code-in-head-and-body-tags
https://help.webflow.com/hc/en-us/articles/33961332238611-Custom-code-embed
-
Magento:
https://blog.magezon.com/magento-page-builder-html-code-mpb/
-
Squarespace:
https://support.squarespace.com/hc/en-us/articles/205815928-Adding-custom-code-to-your-site
Если у Вас есть какие-либо вопросы или предложения, пожалуйста, свяжитесь с нашей службой поддержки: