Как сделать кликабельную ссылку в канве

Как добавить гиперссылку на слайд презентации

Самый быстрый способ создать простейшую веб-гиперссылку на слайде в PowerPoint — нажать клавишу ВВОД после ввода адреса веб-страницы (например, http://www.contoso.com ).

Вы можете создать ссылку на веб-страницу, либо создать ссылку на новый документ или место в существующем документе, либо же вы можете создать сообщение на определенный адрес электронной почты.

Ссылка на веб-сайт

1. Выделите текст, фигуру или рисунок, который вы хотите использовать как гиперссылку.
2. На вкладке Вставка нажмите Гиперссылка.
3. Выберите Существующий файл или веб-страница и добавьте:
   • Текст. Введите текст, который должен отображаться в качестве гиперссылки.
   • Подсказка. Введите текст, который должен отображаться при наведении указателя мыши на гиперссылку (необязательно).
   • Текущая папка, Просмотренные страницы или Последние файлы: Выберите, куда должна вести ссылка.
   • Адрес. Если вы еще не выбрали расположение выше, вставьте URL-адрес веб-сайта, на который должна указывать ссылка. Если создать ссылку на файл, расположенный на локальном компьютере, и перенести презентацию PowerPoint на другой компьютер, необходимо также перенести все связанные файлы.
   • 4. Нажмите ОК.

Создание ссылки на место в документе, новый документ или адрес электронной почты

1. Выделите текст, фигуру или рисунок, который вы хотите использовать как гиперссылку.
2. Выберите Вставка >Гиперссылка и выберите подходящий вариант:
   • Место в документе: Используется для создания ссылки на определенный слайд в презентации.
   • Новый документ: Используется для создания ссылки на другую презентацию.
   • Электронная почта. Используется для создания ссылки на отображаемый адрес электронной почты, с помощью которой запускается почтовый клиент пользователя.
3. Заполните поля Текст, Подсказка и укажите, куда должна указывать ссылка.
4. Нажмите ОК.

Изменение цвета гиперссылки

Вы можете изменить цвет гиперссылки по своему усмотрению. Если вы хотите изменить отображение текста ссылки, щелкните правой кнопкой мыши и выберите Изменить ссылку.

1. Выделите гиперссылку, у которой необходимо изменить цвет.
2. На вкладке Главная на ленте нажмите стрелку рядом с кнопкой Цвет шрифта, чтобы открыть меню палитры цветов.
3. Выберите цвет для гиперссылки.

Проверка гиперссылки

После вставки ссылки вы можете протестировать ее (в обычном режиме), кликнув по гиперссылке правой кнопкой мыши и выбрав Открыть гиперссылку.

Показ и возврат

Поле Показ и возврат неактивно, если только вы не создаете ссылку на произвольный показ в презентации.

Если вы Microsoft 365подписчик и хотите использовать такую функцию, как Показ и возврат , щелкните здесь, чтобы узнать о том, как создать ссылку на другой слайд с помощью команды «Масштаб» в приложении PowerPoint, а затем см. функции «Выбор возврата» в конце этой статьи.

См. также

Самый быстрый способ создать простейшую веб-гиперссылку на слайде в PowerPoint — нажать клавишу ВВОД после ввода адреса веб-страницы (например, http://www.contoso.com ).

Вы можете создать ссылку на веб-страницу, определенное место в вашей презентации, другую презентацию или создание сообщения электронной почты.

2016

Выберите заголовок раздела ниже, чтобы открыть подробные инструкции.

Ссылка на веб-страницу

1. В обычном режиме просмотра выделите текст, фигуру или рисунок, который требуется использовать как гиперссылку.
2. На вкладке Вставка нажмите кнопку Гиперссылка. Открывается диалоговое окно Вставка гиперссылки. 1. Отображаемый текст: связанный со ссылкой текст в документе. 2. Всплывающая подсказка: Текст, который отображается при наведении указателя мыши на текст ссылки на слайде.
3. В поле Адрес введите веб-адрес. (Например: https://www.contoso.com )

Изменение цвета гиперссылки

Эта функция доступна в версии PowerPoint 2016 для Mac 16.14.18061000. Определение версии Office

1. Выделите гиперссылку, у которой необходимо изменить цвет.
2. На вкладке Главная на ленте нажмите стрелку рядом с кнопкой Цвет шрифта, чтобы открыть меню палитры цветов.
3. Выберите цвет для гиперссылки.

Ссылка на слайд в той же презентации

1. В диалоговом окне Вставка гиперссылки выберите Этот документ.
2. В разделе Выберите место в документе щелкните слайд, на который нужно создать ссылку.

Ссылка на другую презентацию

1. В диалоговом окне Вставка гиперссылки выберите Веб-страница или файл.
2. Щелкните Выбрать и выберите нужную презентацию или файл.

Примечание: В PowerPoint для macOS нельзя создать ссылку на конкретный слайд в другой презентации.
Создание ссылки на адрес электронной почты

1. В диалоговом окне Вставка гиперссылки выберите Адрес эл. почты.
2. В поле Адрес эл. почты введите адрес электронной почты, на который будет указывать ссылка, или выберите адрес электронной почты в поле Недавно использовавшиеся адреса электронной почты.
3. В поле Тема введите тему сообщения.

2011

Выберите заголовок раздела ниже, чтобы открыть подробные инструкции.

Ссылка на веб-страницу

1. Выберите текст или объект, который требуется превратить в гиперссылку.
2. На вкладке Главная в группе Вставить нажмите кнопку Текст и выберите пункт Гиперссылка.
3. В поле Связать с введите веб-адрес.

Примечание: Чтобы связать объект с определенным расположением на веб-странице, щелкните вкладку Веб-страница и следуйте инструкциям в разделе Привязка.

Ссылка на документ или адрес электронной почты

Вы можете добавить текст или объект как гиперссылку, которая будет открывать определенный слайд презентации PowerPoint или произвольное слайд-шоу. Также можно создать ссылку на документ Word, книгу Excel, файл или адрес электронной почты.

1. Выберите текст или объект, который требуется превратить в гиперссылку.
2. На вкладке Главная в группе Вставить нажмите кнопку Текст и выберите пункт Гиперссылка.
3. Перейдите на вкладку Документ или Адрес электронной почты, чтобы выбрать нужный тип гиперссылки.
4. Следуйте инструкциям, чтобы создать ссылку.

Примечание: Гиперссылка активна в режиме слайд-шоу.
Ссылка на определенное место в презентации

Вы можете создавать ссылки на определенные участки или объекты презентации, например первый, последний, последующий слайды или на заголовки слайдов.

1. Выберите текст или объект, который требуется превратить в гиперссылку.
2. На вкладке Главная в группе Вставить нажмите кнопку Текст и выберите пункт Гиперссылка.
3. Перейдите на вкладку Документ и в разделе Привязка щелкните Найти.
4. Выберите место в документе, на которое должна указывать ссылка.

Примечание: Гиперссылка активна в режиме слайд-шоу.
Ссылка на произвольный показ

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

Примечание: Если требуется создать гиперссылку из одной презентации на другую, можно добавить гиперссылку на другой документ. Дополнительные сведения см. в статье Создание, изменение и удаление гиперссылок.

1. Откройте презентацию, которая будет использоваться для создания произвольного показа по гиперссылке.
2. На вкладке Показ слайдов в группе Воспроизвести слайд-шоу щелкните Произвольные показы и нажмите кнопку Изменить произвольные показы.
3. Нажмите кнопку Создать.
4. В поле Слайды презентации выберите слайды, которые нужно включить в произвольный показ, а затем нажмите кнопку Добавить.

Совет: Чтобы выбрать несколько последовательных слайдов, щелкните первый из них и, удерживая нажмите клавишу SHIFT и, ее, щелкните последний нужный слайд. Чтобы выбрать несколько непоследовательных слайдов, удерживая клавишу COMMAND, щелкните все нужные слайды.

Изменение гиперссылки

1. Выделите гиперссылку, которую требуется изменить.
2. В меню Вставка выберите Гиперссылка.
3. Внесите необходимые изменения.

Удаление гиперссылки

1. Выберите текст или объект, представляющие гиперссылку, которую требуется удалить.
2. На вкладке Главная в группе Вставить нажмите кнопку Текст и выберите пункт Гиперссылка и нажмите кнопку Удалить ссылку.

См. также

1. Выделите текст, который хотите использовать в качестве гиперссылки.
2. На вкладке Вставка нажмите кнопку Гиперссылка. Откроется диалоговое окно Ссылка.
3. В поле Отображаемый текст введите текст, который будет отображаться на слайде для гиперссылки.
4. В поле Адрес введите веб-адрес. (Например: https://www.contoso.com )
5. Нажмите Вставка.
6. Чтобы проверить гиперссылку, выберите вкладку Слайд-шоу на ленте и нажмите кнопку Воспроизвести с начала. (Если вы отключили упрощенную ленту, вкладка Слайд-шоу не отображается. Используйте вместо нее вкладку Вид, чтобы начать слайд-шоу.)

• Кроме того, вы можете создать гиперссылку на адрес электронной почты. Вместо того чтобы вводить веб-адрес в поле Адрес (шаг 4 выше), введите mailto:// , а затем полный адрес электронной почты.

Вставка гиперссылки

1. На слайде коснитесь места, на котором вы хотите добавить ссылку.
2. На вкладке Вставка на ленте выберите Ссылка.
3. Выберите Вставить ссылку. Или: Вы можете добавить ссылку на последний веб-адрес или недавно открытый файл, выбрав пункт из появившегося списка Последние элементы.
4. В поле Отображаемый текст введите текст гиперссылки.
5. В поле Адрес введите адрес для ссылки. (Например: https://www.contoso.com )
6. Нажмите Вставка.

Изменение цвета гиперссылки

Эта возможность в настоящее время доступна только участникам программы предварительной оценки Office.

1. Выделите гиперссылку, у которой необходимо изменить цвет.
2. На вкладке Главная на ленте нажмите кнопку Цвет шрифта, чтобы открыть меню палитры цветов.
3. выберите цвет для гиперссылки.

Вставка гиперссылки

1. На слайде коснитесь места, на котором вы хотите добавить ссылку.
2. На вкладке Вставка на ленте выберите Ссылка.
3. Выберите Вставить ссылку. Или: Вы можете добавить ссылку на последний веб-адрес или недавно открытый файл, выбрав пункт из появившегося списка Последние элементы.
4. В поле Отображаемый текст введите текст гиперссылки.
5. В поле Адрес введите адрес для ссылки. (Например: https://www.contoso.com )
6. Нажмите Вставка.

Изменение цвета гиперссылки

1. Выделите гиперссылку, у которой необходимо изменить цвет.
2. На вкладке Главная на ленте, нажмите стрелку рядом с кнопкой Цвет шрифта, чтобы открыть меню палитры цветов.
3. выберите цвет для гиперссылки.

Вставка гиперссылки

1. На слайде введите текст, который вы хотите преобразовать в гиперссылку.
2. Выделите текст.
3. На вкладке Вставка на ленте выберите Ссылка.
4. Выберите Вставить ссылку. Или: Вы можете добавить ссылку на недавно открытый файл, выбрав его в появившемся списке Последние элементы.
5. В открывающемся диалоговом окне в поле Адрес введите адрес для ссылки. (Например: https://www.contoso.com )
6. Нажмите Вставка.

Изменение цвета гиперссылки

1. Выделите гиперссылку, у которой необходимо изменить цвет.
2. На вкладке Главная на ленте, нажмите стрелку рядом с кнопкой Цвет шрифта, чтобы открыть меню палитры цветов.
3. Нажмите цвет, который необходимо выбрать для гиперссылки.

Ссылки и вложенные файлы в PDF

Быстро применяйте одинаковое форматирование ко всем ссылкам. Откройте контекстное меню ссылки, оформление которой необходимо применить ко всем остальным ссылкам, и выберите Использовать данное оформление по умолчанию .

Что такое PDF-ссылка?

PDF-ссылки — это элементы документа, которые позволяют пользователям перейти к определенному месту в том же документе или к внешнему ресурсу. Это может быть веб-страница, вложенный файл или даже адрес электронной почты. Ссылки можно создавать с помощью текста, изображений или других элементов файла PDF.

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

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

Создание ссылки с использованием инструмента «Ссылка»

Выберите Редактирование > Ссылка > Добавить или изменить ссылку .

Курсор преобразуется в перекрестие, и любые ссылки, существующие в документе, в том числе невидимые, временно становятся видимыми.

Обведите прямоугольником место, для которого нужно создать ссылку. Это область, в которой ссылка активна.

В диалоговом окне Создать ссылку выберите параметры, определяющие внешний вид ссылки.
Выберите одно из следующих действий ссылки.
Перейти к странице

Нажмите Далее , чтобы установить номер страницы и задать требуемый масштаб в текущем документе или другом документе (например, во вложенном файле). Затем нажмите Установить ссылку .

Открыть файл

Выберите файл назначения. Если файл является документом PDF, укажите, как следует открывать документ. Например, укажите, должен ли документ открываться в новом или существующем окне. Затем нажмите ОК .

Примечание.
Если имя файла слишком длинное и не умещается в текстовом поле, то средняя часть имени урезается.
Откройте веб-страницу
Введите URL-адрес веб-страницы назначения.
Заказная ссылка

Выберите Далее , чтобы открыть диалоговое окно Свойства ссылки . В диалоговом окне можно назначить любое действие для ссылки, например чтение статьи или запуск команды.

Изменение ссылки

Ссылку можно изменить в любое время. Можно изменить активную область или связанное со ссылкой действие, удалить или изменить размеры прямоугольника ссылки, а также задать другое место назначения ссылки. Изменение свойств существующей ссылки влияет только на выбранную ссылку. Если ссылка не выбрана, то свойства будут применены к следующей созданной ссылке.

Примечание.

Чтобы одновременно изменить свойства нескольких ссылок, выберите их, выделив прямоугольником с помощью инструмента Ссылка .

Перемещение и изменение размеров прямоугольника ссылки

Выберите Редактирование > Ссылка > Добавить или изменить ссылку .
Наведите указатель на прямоугольник ссылки, чтобы появились соответствующие маркеры.
Выполните одно из следующих действий.

• Чтобы переместить прямоугольник ссылки, перетащите его мышью.
• Чтобы изменить размеры прямоугольника ссылки, перетащите мышью любую угловую точку.

Изменение внешнего вида ссылки

Выберите Редактирование > Ссылка > Добавить или изменить ссылку .
Откройте диалоговое окно Свойства ссылки для ссылки, которую нужно изменить.
На вкладке Внешний вид выберите цвет, толщину линии и стиль линии для ссылки.
Выберите стиль выделения ссылки.
Отсутствует
Не изменяет вид ссылки.
Изменяет цвет ссылки на противоположный.
Изменяет цвет контура ссылки на противоположный.
Создает вид рельефного прямоугольника.
Примечание.

Параметры Тип ссылки , Цвет и Стиль линии недоступны, если выбран параметр Невидимый для параметра Внешний вид .

Чтобы скрыть PDF-ссылку, особенно если она находится на изображении, выберите Невидимый прямоугольник как тип ссылки .

Чтобы пользователи не могли случайно изменить настройки, установите флажок Блокировка .

Чтобы проверить ссылку, выберите инструмент «Рука», затем ссылку. Можно перейти к определенному местоположению ссылки.

Примечание.

Свойства ссылки в диалоговом окне Создать ссылку применяются ко всем новым ссылкам до тех пор, пока свойства не будут изменены. Чтобы повторно использовать настройки внешнего вида для ссылки, нажмите правой кнопкой мыши ссылку, свойства которой нужно использовать по умолчанию, и выберите команду Использовать данное оформление по умолчанию .

Изменение действий ссылки

Действие ссылки можно изменить для выполнения другого действия при активации ссылки пользователем.

Выберите Редактирование > Ссылка > Добавить или изменить ссылку .
Откройте диалоговое окно Свойства ссылки для ссылки, действие которой необходимо изменить.
На вкладке Действия свяжите новое действие со ссылкой и выберите ОК .

Удаление ссылки

Выберите Редактирование > Ссылка > Добавить или изменить ссылку .
Выберите прямоугольник, содержащий ссылку, которую нужно удалить.
Нажмите клавишу Delete на клавиатуре.

Ссылка на вложенный файл

Можно направить пользователя к вложенному файлу PDF, создав в родительском документе PDF ссылку, которая обеспечивает переход к вложенному файлу.

Примечание.

Вложенные файлы отличаются от файлов, которые можно открыть по ссылке. Связанные ссылками документы могут храниться в других местах, а вложенные файлы всегда сохраняются вместе с документом PDF.

Откройте документ PDF, который содержит вложенный файл PDF.

Перейдите к тому месту, где нужно создать ссылку. Если местоположение находится во вложенном файле, выберите параметр Вложенные файлы на панели Редактирование и добавьте вложенный файл.

Выберите Редактирование > Ссылка > Добавить или изменить ссылку , затем выделите область для ссылки.

В диалоговом окне Создать ссылку задайте внешний вид ссылки. На вкладке Действия выберите Перейти к странице .

Установите номер страницы и масштаб для родительского документа PDF или вложенного файла. Перед установкой ссылки откройте вложенный файл. В противном случае она будет работать некорректно. Затем нажмите Установить ссылку .

Управление местами назначения

Место назначения — это конечный пункт ссылки, который представлен в виде текста на панели Места назначения . Места назначения позволяют задать пути навигации по набору документов PDF. Adobe рекомендует использовать места назначения при создании ссылок на несколько документов. В отличие от прямых ссылок на страницы, добавление или удаление страниц в целевом документе не влияет на ссылки на место назначения.

Местами назначения можно управлять на боковой панели Места назначения .

В меню-гамбургер выберите Просмотр > Показать/Скрыть > Боковые панели > Места назначения . Все места назначения автоматически сканируются.

Чтобы сортировать имена мест назначения по алфавиту, выберите заголовок Имя . Чтобы сортировать места назначения по номеру страницы, выберите заголовок Страница .

В контекстном меню выберите Перейти к месту назначения для перехода к целевому местоположению. Чтобы удалить место назначения, выберите Удалить . Чтобы изменить конечную точку места назначения отображаемой страницы, выберите Установить место назначения . Чтобы назначить новое имя месту назначения, выберите Переименовать .

Создание и привязка места назначения

Ссылку на место назначения можно создать в том же или в другом документе PDF.

В целевом документе (местоположении) в меню-гамбургер выберите Просмотр > Показать/Скрыть > Боковые панели > Места назначения . Если в документе уже есть место назначения, с которым нужно установить связь, можно перейти к пункту 5.

Перейдите к месту, в котором нужно создать место назначения, и установите нужный вид.

На панели Места назначения выберите пункт Новое место назначения в меню «Параметры» и укажите местоположение.

Сохраните целевой документ.

В исходном документе выберите Редактирование > Ссылка > Добавить или изменить ссылку и перетащите прямоугольник, чтобы указать местоположение для ссылки.

В диалоговом окне Создать ссылку задайте вид ссылки, выберите Перейти к странице , затем Далее .
В целевом документе на панели Места назначения откройте место назначения.
Сохраните исходный документ.

Работа с вложенными файлами PDF

Вложение в документе PDF — это внешний файл, вложенный в документ. Вложениями могут быть разные типы файлов, например изображения, другие файлы PDF, документы Word, таблицы Excel или даже мультимедийные файлы, такие как аудио- или видеофайлы. Встраивание вложенных файлов в PDF помогает предоставлять дополнительную информацию или ресурсы, связанные с содержимым основного документа. Это позволяет пользователям получать централизованный доступ ко всем необходимым файлам.

Добавление вложения

В документ PDF можно вложить файлы PDF и файлы других типов. Если переместить документ PDF в новое место, то вложенный файл перемещается вместе с ним. Вложенные файлы могут содержать ссылки на родительский документ или из него, а также ссылки на другие вложенные файлы.

Не следует путать вложенные комментарии с вложенными файлами. Файл, вложенный в виде комментария, отображается на странице со значком Вложенный файл или Вложенный звук , а также в списке комментариев вместе с другими комментариями. (См. статью Добавление комментариев во вложенный файл).

Выберите Редактирование > Еще > Прикрепить файл .
В диалоговом окне Добавить файлы выберите файл для прикрепления.
Примечание.

При прикреплении файлов EXE, VBS или ZIP появляется предупреждение о том, что вложения не открываются в Acrobat. Эти форматы связаны с вирусами, макрокомандами и вредоносными программами.

Сохраните документ PDF.

(Необязательно) Чтобы добавить описание к вложенному файлу, выберите вложенный файл. В меню «Параметры» выберите Редактировать описание . Отредактируйте текст описания и сохраните файл.

Открытие вложений

При наличии необходимых разрешений можно открыть вложенный файл PDF и изменить его.

Вложения с другими типами файлов можно открывать или сохранять. При открытии файла запускается приложение, обрабатывающее его формат. Однако для открытия вложения потребуется установить приложение.

Чтобы открыть панель Вложения , выберите в меню-гамбургер Просмотр > Показать/Скрыть > Боковые панели > Вложения .

На панели Вложения выберите вложение.

В меню «Параметры» выберите соответствующий параметр, чтобы открыть вложение во встроенном приложении, сохранить вложение или удалить его.

Поиск вложенных файлов

Используйте панель Вложения для поиска вложений, добавленных в документ. Включайте вложенные файлы PDF и файлы других типов при поиске определенных слов или фраз.

Если вы используете Windows®, можно выполнять поиск в документах Microsoft® Office (например, .doc, .xls и .ppt), форматах файлов чертежей AutoCAD (.dwg и .dwf), файлах HTML и файлах Rich Text Format (.rtf).

Пользователи macOS могут выполнять поиск в документах Microsoft® Word (.doc), файлах HTML и .rtf. Результаты поиска во вложенных файлах отображаются в списке результатов под именем и значком вложенного файла. Поисковые системы игнорируют вложения в других форматах.

Примечание.

Для включения поиска по файлам Microsoft® и AutoCAD необходимо установить фильтры IFilter, соответствующие типам файлов. Фильтры IFilter обычно устанавливаются с приложениями, но также могут быть загружены с веб-узлов продуктов.

Чтобы открыть панель «Вложения», в меню-гамбургер выберите Просмотр > Показать/Скрыть > Боковые панели > Вложения .

1. Кликабельный номер телефона

Есть 2 варианта настройки кликабельного телефона: с использованием виджета кнопки или виджета текста. Разберем оба способа ниже.

1.1 Используем виджет «Кнопка»

Шаг 1. Добавим виджет «Кнопка» на страницу. Если хотите чтобы кнопка выглядела как обычный текст — воспользуйтесь виджетом «Кнопка-ссылка».

Шаг 2. Перейдём в настройки виджета кнопки (гаечный ключ), в раздел «Содержимое» и укажем наш номер телефона, который будут видеть посетители (можно указать в любом формате).

Далее переходим в раздел «Вид» во вкладку «Текст» и настроим нужный нам размер текста.

Там же мы можем изменить вид текста (сделать жирным, включить курсив и т.д.) и изменить шрифт текста.
Проделаем вышеописанные действия (шага 2) на записи:

Шаг 3. Перейдем в раздел «Цвета» во вкладку «Подробные настройки» и зададим нужный цвет тексту:

1. В обычном состоянии
​2. При наведении курсора
​3. При нажатии на кнопку

Проделаем вышеописанные действия (шага 3) на записи:

Шаг 4. Переходим в раздел «Действие», выбираем действие «Открыть страницу» и пропишем код телефона в поле «Ссылка».
Пример кода:

tel:+71231234567

После tel:+ необходимо указать ваш номер телефона без пробелов и дефисов, строго в том формате, который указан на примере выше.

Шаг 5. Публикуем страницу и всё готово! Чтобы протестировать кликабельность телефона, зайдите в предпросмотр или на опубликованную версию страницы.

❗Важно: телефон будет кликабельным на всех устройствах. Если зайти на страницу, например, с ноутбука, и нажать на номер телефона — браузер предложит сделать вызов с одной из возможных программ, которые установлены на ноутбуке посетителя. Если ни одной подходящей программы нет — появится ошибка.
Если вы хотите сделать номер телефона кликабельным только для мобильных, а для остальных устройств нет — это можно настроить по нашей инструкции:
«Как детально настроить отображение контента на разных устройствах?»
​
​

1.2 Используем виджет «Текст»

Шаг 1. Добавим виджет «Текст» на секцию

Далее, внутри виджета укажем наш номер телефона, который будут видеть посетители (можно указать в любом формате).

Шаг 2. Выделим наш текст в режиме редактирования и установим на него ссылку в поле «URL» в виде:

tel:+71231234567

После tel:+ необходимо указать ваш номер телефона без пробелов и дефисов, строго в том формате, который указан на примере выше. И нажмем «Вставить» ссылку на выделенный текст.

Проделаем вышеописанные действия (шага 2) на записи:

Шаг 3. Публикуем страницу и всё готово! Чтобы протестировать кликабельность телефона, зайдите в предпросмотр или на опубликованную версию страницы.

❗После добавления ссылки в виджет «Текст», изменится цвет и появится нижнее подчеркивание. Отключить подчеркивание и изменить цвет ссылки можно по инструкции, в разделах ниже. А именно:
​
3. Как убрать подчеркивание текстовой ссылки?
4. Как изменить цвет ссылки?
​

❗Важно: телефон будет кликабельным на всех устройствах. Если зайти на страницу, например, с ноутбука, и нажать на номер телефона — браузер предложит сделать вызов с одной из возможных программ, которые установлены на ноутбуке посетителя. Если ни одной подходящей программы нет — появится ошибка.
Если вы хотите сделать номер телефона кликабельным только для мобильных, а для остальных устройств нет — это можно настроить по нашей инструкции:
«Как детально настроить отображение контента на разных устройствах?»
​

2. Кликабельный адрес электронной почты

Есть 2 варианта настройки кликабельного электронного адреса: с использованием виджета кнопки или виджета текста. Разберем оба способа ниже.

2.1 Используем виджет «Кнопка»

Шаг 1. Добавим виджет «Кнопка» на страницу. Если хотите чтобы кнопка выглядела как обычный текст — воспользуйтесь виджетом «Кнопка-ссылка».

Шаг 2. Перейдём в настройки виджета кнопки (гаечный ключ), в раздел «Содержимое» и укажем наш электронный адрес, который будут видеть посетители (можно указать в любом формате).

Далее переходим в раздел «Вид» во вкладку «Текст» и настроим нужный нам размер текста.

Там же, мы можем изменить вид текста (сделать жирным, включить курсив и т.д.) и изменить шрифт текста.
Проделаем вышеописанные действия (шага 2) на записи:

Шаг 3. Перейдем в раздел «Цвета» во вкладку «Подробные настройки» и зададим нужный цвет тексту:

1. В обычном состоянии
​2. При наведении курсора
​3. При нажатии на кнопку

Проделаем вышеописанные действия (шага 3) на записи:

Шаг 4. Переходим в раздел «Действие», выбираем действие «Открыть страницу» и пропишем код в поле «Ссылка».
Пример кода:

mailto:info@platformalp.ru

После mailto: необходимо указать ваш электронный адрес.

❗Важно: работа такой ссылки зависит от настроек браузера или компьютера посетителя страницы. У одних ссылка может открывать страницу нового письма в браузере, у других — в специальной программе для почты, у некоторых ссылка вообще может не работать.

Шаг 5. Публикуем страницу и всё готово! Чтобы протестировать кликабельность электронного адреса, зайдите в предпросмотр или на опубликованную версию страницы.
​

2.2 Используем виджет «Текст»

Шаг 1. Добавим виджет «Текст» в секцию

Далее, внутри виджета текста, укажем наш электронный адрес, который будут видеть посетители (можно указать в любом формате).

Шаг 2. Выделим наш текст в режиме редактирования и установим на него ссылку в виде: mailto:info@platformalp.ru в поле «URL».
После mailto: необходимо указать ваш электронный адрес. И нажмем «Вставить» ссылку на выделенный текст.

Проделаем вышеописанные действия (шага 2) на записи:

❗Важно: работа такой ссылки зависит от настроек браузера или компьютера посетителя страницы. У одних ссылка может открывать страницу нового письма в браузере, у других — в специальной программе для почты, у некоторых ссылка вообще может не работать.

✅ В ссылке на почту есть возможность сразу вставить тему письма, добавив в конце ?subject=темаПример:

mailto:info@platformalp.ru?subject=Вопрос с сайта

При таких настройках, после нажатия на электронный адрес — у клиента откроется создание нового письма, где уже будет указана тема письма — «Вопрос с сайта».

Шаг 3. Публикуем страницу и всё готово! Чтобы протестировать кликабельность электронной почты, зайдите в предпросмотр или на опубликованную версию страницы.

❗После добавления ссылки на текст — у текста изменится цвет и добавится нижнее подчеркивание. Отключить подчеркивание и изменить цвет ссылки можно по нашей инструкции, в разделах ниже. А именно:
​
3. Как убрать подчеркивание текстовой ссылки?
4. Как изменить цвет ссылки?

3. Как убрать подчеркивание текстовой ссылки?

Переходим в «Просмотр HTML-кода» виджета «Текст» (нажав на иконку в панели редактирования текста)

Как поставить ссылку на свои профили в мессенджерах

Привет, друзья. Сегодня поговорим о том, как сделать активную ссылку на Telegram, Whatsapp и Viber, то есть на свои профили или группы в этих замечательных (и не очень) мессенджерах.

Речь идет о ссылках, подобных телефонным или для почты, когда, кликая по ним открывается ваше приложение для работы с почтой или набранный номер.

Подобную операцию можно провернуть и с мессенджерами. Многие активно используют их (ссылки на мессенджеры), в построении автоворонок и, говорят, что такие мобильные лендинги имеют невероятную конверсию.

Зачем делать активную ссылку на мессенджер?

Мессенджеры пользуются огромной популярностью. Многие заводят каналы и паблики, так как информацию можно доносить прямо в телефон целевой аудитории, да еще и push-уведомлением, а значит пользователь обязательно увидит ваше сообщение.

Кроме того, оставляя такую ссылку на своем сайте, мы позволяем написать нам, ведь для многих звонок — это стресс, писать сообщение намного проще. Но это еще не все, ведь некоторым невыгодно звонить из региона в регион, или из страны в страну, а мессенджеры сделают звонок бесплатным.

В чем сложность?

Проблемы начинаются в тот момент, когда нужно поддерживать и мобильную версию и десктопную, то есть в 99% случаев. Дело в том, что приложение для телефонов и приложение для компьютера работают с разными ссылками и получается, что если указать ссылку для смартфона, то приложение для ПК сработает некорректно или совсем не сработает. Это касается мессенджера Viber, при этом WhatsApp и Telegram не испытывают подобных проблем.

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

Давайте разбираться как должен выглядеть атрибут «href» у ссылок на тот или иной мессенджер.

Как поставить ссылку на свои профиль в Telegram?

Как я уже говорил с этим замечательным мессенджером нет никаких проблем в плане проставления ссылки. Главное правильно прописать значение в атрибуте href. Для этого достаточно воспользоваться шаблоном:

«NikName» – это имя пользователя, которые вы задавали в Телеграме. То, которое с символом @. В моем случае это @Dimadv, но вставлять нужно без «@». Так:

Как поставить ссылку на свой профиль в WhatsApp?

С проставлением ссылки на свой профиль в мессенджере WhatsApp, тоже никаких проблем нет. Кроме того, есть возможность даже добавить текст по умолчанию, который уже будет набран и пользователю останется его только отправить.

Ссылка должна выглядеть следующим образом:

• «380950000000» – ваш номер телефона,
• «?text %20» – символ пробела в сообщении.

Тут, как видите, тоже все достаточно просто.

Как поставить ссылку на свой профиль в Viber?

При проставлении ссылки на Viber нужно учесть некоторые особенности. Делво в том, что десктопное и мобильное приложение по-разному воспринимают символ «+». В связи с этим раньше были проблемы с тем, чтобы задать разную ссылку под разные устройства и я писал код, котрый подменял ссылку в зависимости от типа этого устройства, но один из читателей посоветовал другой подход. Спасибо вам за то, что делитесь со мной подобными решениями. Ссылку нужно задать в виде:

Где «%2B» — этот тот самый закодированный «+», который воспринимают обе версии приложений.

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

Пример работы

05/10/2022 Дмитрий Давыдов

Похожие публикации

• Как связать форму на сайте с Telegram
• Как сделать превью сайта при попытке поделиться ссылкой в социальных сетях
• Как сделать QR-код со ссылкой на сайт