Как добавить виджет «Полезная статья» на сайт Тильда?

Ссылка скопирована
2 ответов

Привет!

Веду блог на Тильде. Хочу в конце статьи поставить виджет «Полезная статья?» и две кнопки «Да», «Нет». И показывать сколько людей нажали каждую кнопку. Доступно без авторизации.

Также хочется показать количество просмотров статьи.

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

Подскажите какие есть сервисы или open source решения, чтобы решить эту задачу через вставку кода на страницу?

Может подскажите как загуглить это, не представляю как этот виджет может называться. Я пробовал по разному, но то что мне нужно не нашел :(

Как добавить виджет «Полезная статья» на сайт Тильда?

Дополнительно:

есть подозрение что для тильды такой штуки не найдете - потому что это тильда

  • Прихожу в магазин - любимой колбасы - нет? Как проверить ее точно нет или есть на складе или завмагом знает где ее достать? Насколько источники добычи будут свежими, а не подсунут непотребное....
  • Нужно решить такую задачу?

    Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

    Заказать помощь
    Лучший ответ
    1
    Мария Код Ответ

    Для добавления виджета "Полезная статья" на сайт Tilda, вам необходимо выполнить следующие шаги:

    1. Перейдите в раздел "Настройки" вашего проекта на платформе Tilda.
    2. В меню слева выберите "Виджеты и встраиваемые элементы".
    3. Нажмите на кнопку "Добавить виджет" и выберите "HTML-код".
    4. В открывшемся окне вставьте следующий код:

    <div class="t706__product" data-product-lid="1234567890">
      <div class="t706__product-title t-name t-name_xl js-product-name">Название статьи</div>
      <div class="t706__product-descr t-descr t-descr_md js-product-descr">Описание статьи</div>
      <div class="t706__product-price"><a href="ссылка-на-статью" class="t706__product-price-value">Читать далее</a></div>
    </div>

    <div class="t706__product" data-product-lid="1234567890"> <div class="t706__product-title t-name t-name_xl js-product-name">Название статьи</div> <div class="t706__product-descr t-descr t-descr_md js-product-descr">Описание статьи</div> <div class="t706__product-price"><a href="ссылка-на-статью" class="t706__product-price-value">Читать далее</a></div> </div>

    5. Замените данные в коде на соответствующие значения: "1234567890" - ID вашей статьи, "Название статьи" - название статьи, "Описание статьи" - краткое описание статьи, "ссылка-на-статью" - ссылка на полную версию статьи.
    6. Нажмите на кнопку "Применить изменения" и сохраните настройки.
    7. Теперь виджет "Полезная статья" должен отображаться на вашем сайте в указанном месте.

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

    Другие ответы (1) Ответить на вопрос
    Елена Вебер

    Для добавления виджета "Полезная статья" на сайт Тильда, вам потребуется выполнить следующие шаги:

    1. Войдите в ваш аккаунт на сайте Тильда и перейдите на страницу, на которой вы хотите разместить виджет.

    2. Нажмите на кнопку "Добавить элемент" или "Добавить блок" (в зависимости от дизайна вашего сайта).

    3. В открывшемся окне выберите "HTML-код" или "Встраиваемый код".

    4. Вставьте следующий код в поле для встраиваемого кода:

    <div data-tilda-quiz="article" data-tilda-article="12345678"></div>

    <div data-tilda-quiz="article" data-tilda-article="12345678"></div>

    5. Замените значение "12345678" на ID статьи, которую вы хотите отобразить в виджете. ID статьи можно найти в адресной строке браузера, когда вы находитесь на странице со статьей на сайте Тильда.

    6. Сохраните изменения и опубликуйте страницу.

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

    комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Вам также может быть интересно