Как правильно встроить виджет UpViral (пошаговое руководство)

Одной из ключевых особенностей UpViral, которая отличает его от других программ для онлайн-раздачи, таких как Vyper, Viral Loops, Kingsumo и Gleam, является обширность доступных встраиваемых опций.

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

Встраиваемые опции UpViral

Upviral предлагает четыре различных способа встраивания Upviral на ваш сайт.

1. Стандарт
2. Выскакивать
3. Трещать
4. HTML-форма

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

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

HTML-форма используется для интеграции с существующими целевыми страницами и инструментами захвата лидов с помощью метода интеграции HTML-формы.

Стандартный метод

Самый первый и самый популярный вариант установки UpViral — Стандартный. Теперь UpViral поддерживает настройку уникального вида стандартного виджета из вашего редактора. См. скриншот ниже для справки.

Таким образом, вы можете изменить виджет и решить, что отображать, а что скрывать в виджете. После завершения настройки дизайна виджета и подготовки кампании вы можете встроить виджет UpViral на свой сайт.

Настраивать

Выберите вариант «Стандартный» из списка в разделе «Настройки виджета». Здесь вы можете определить ширину виджета. Виджеты UpViral адаптированы для мобильных устройств. Тем не менее, вы можете указать номер для отображения в представлении рабочего стола.

Далее вам нужно настроить «Поделиться виджетом». Как видите, есть два варианта.

1. Виджет «Поделиться» отображается на той же странице вместо виджета подписки (обновление).
2. Перенаправить на следующий URL-адрес, в который будет встроен виджет общего доступа.

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

Третий шаг — определить, куда будет уходить реферальный трафик.

Он предлагает два варианта:

1. Страница подписки, размещенная на Upviral
2. Веб-сайт, на который будет встроен виджет подписки

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

На четвертом этапе установки вам будут предоставлены два фрагмента кода.

Установить

Одной из основных причин, по которой виджет UpViral не загружается на большинстве сайтов, является то, что скрипт UpViral не загружается. Чтобы исправить это, вам нужно загрузить Upviral.js в начале вашей веб-страницы.

Скопируйте основной код для встраивания UpViral.

 <script language="javascript" src="https://snippet.upviral.com/upviral.js"></script>

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

Теперь вставьте HTML-код iframe и другой код скрипта туда, где вы хотите отобразить стандартный виджет UpViral.

Выскакивать

Если у вас есть сайт, который получает трафик, тип виджета «Всплывающее окно» может стать настоящим прорывом для вашего бизнеса. Потому что, как правило, всплывающие окна имеют более высокий коэффициент конверсии лидов. Таким образом, если вы можете построить действительно хорошую воронку конкурса на UpViral, Pop-up может сделать ее вирусной.

Настроить всплывающее окно

UpViral позволяет настроить всплывающий виджет несколькими способами.

• Непрозрачность фона позволяет управлять прозрачностью переднего плана виджета.
• Включить или отключить появление всплывающего окна при загрузке страницы
• Включить/отключить значок закрытия всплывающего окна
• Определите, сколько дней должно оставаться скрытым, если посетитель закрыл его для посетителя

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

Установить всплывающее окно

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

 <a href="#uvembed123584">click here to open popup</a>

Я рекомендую разместить внешний Javascript-код UpViral внутри тега head, чтобы всплывающее окно UpViral загружалось без каких-либо проблем.

Трещать

Недавно добавленный тип виджета — Popover. Он позволяет отображать виджет в стиле чата на вашем сайте.

Настроить всплывающее окно

Настройки UpViral Popover позволяют настраивать внешний вид виджета, а также то, как он отображается.

• Введите привлекательный текст CTA под «Заголовком кнопки». Пример: нажмите здесь, чтобы выиграть 5-дневную поездку на Гавайи.
• Настройка цвета и значка кнопки CTA
• Выберите предпочтительный режим всплывающего окна. Вы можете настроить отображение всплывающего окна по умолчанию через некоторое время или сделать его закрытым. Если он настроен на закрытие, пользователь должен щелкнуть виджет, чтобы открыть его.

Установка

Сценарий всплывающего виджета можно вставить непосредственно над тегом </body>, потому что мы хотим, чтобы другой контент загружался до загрузки виджета.

HTML-форма

Код HTML-формы позволяет интегрировать UpViral с другими платформами и онлайн-инструментами, для которых UpViral в настоящее время не имеет встроенной интеграции.

Вот пример, в котором я использую интеграцию HTML-форм внутри конструктора форм Convertful.

ConvertBox — еще один инструмент для захвата потенциальных клиентов, который позволяет подключать инструменты с помощью метода интеграции HTML-форм.

HTML-форма UpViral использует метод HTTPS POST. Если ваш конструктор форм или конструктор целевых страниц не поддерживает UpViral, вы можете использовать HTML-код формы для простой интеграции.

Почему встроенный виджет UpViral не загружается?

Есть две основные причины:

1. Скрипт UpViral не загружается заметно
2. Другие скрипты или плагины конфликтуют со скриптом UpViral

В лучшем случае сценарий UpViral.js вставляется в HTML-элемент <head> и загружается виджет UpViral в верхней части страницы до того, как это сделают другие элементы.

Встраиваемый реферальный виджет UpViral

Теперь вы можете позволить участникам вашего конкурса отображать виджеты подписки UpViral на своих сайтах и ​​получать реферальные кредиты всякий раз, когда кто-то регистрируется через виджет, установленный на их сайтах. Свяжитесь с Chamal здесь для получения более подробной информации.

У вас есть проблемы?

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

Также читайте : Интеграция Top UpViral для повышения успеха вашей кампании