содержание

Как встроить калькулятор на свой сайт - Примеры использования веб-калькуляторов № 10

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

Давайте подробнее рассмотрим различия между кодами HTML и iFrame. И проверьте, как Calculoid может быть встроен в самых популярных конструкторов сайтов.

HTML и iFrame

Как только вы установите калькулятор как готовый, автоматически генерируются два кода: HTML и iFrame. Оба кода включают JavaScript и HTML и имеют разные спецификации и параметры. Флажки под HTML-кодом позволяют вам указать, хотите ли вы показывать имя и описание калькулятора. Флажки работают как для HTML, так и для iFrame

Вставить код под названием 'HTML'w

Этот код для встраивания позволяет применять стили CSS с вашего сайта к вашему калькулятору. Большинство стилей применяются автоматически. Это прекрасная возможность легко сделать калькулятор похожим на ваш веб. Однако есть определенные подводные камни. Некоторые стили на вашем сайте могут вызвать конфликты с Calculoid CSS и повредить внешний вид и / или функциональность вашего калькулятора. Кроме того, на сайтах Wordpress может потребоваться установка Расчетный плагин, HTML-код хорошо работает для большинства пользователей Calculoid. Если вы не используете WordPress, попробуйте сначала HTML-код.

Код для вставки называется «iFrame»

Как упоминалось выше, этот код состоит из JavaScript и HTML, а также кода, называемого «HTML». Тем не менее, он имеет рамку вокруг встроенного контента. Это приводит к тому, что стили CSS с вашего сайта не применяются к вашему калькулятору. Вы все еще можете сделать свой калькулятор естественным для своего веб-сайта, используя настройки дизайна Calculoid и добавив свой собственный CSS в код для встраивания. Наши разработчики могут создать собственный CSS для тебя. У кода iFrame также есть небольшие недостатки. Google не любит встроенный контент с фреймами. Встраивание с помощью iFrame может оказать незначительное влияние на SEO веб-страницы со встроенным калькулятором. Однако это влияние никогда не бывает драматичным. Попробуйте код iFrame, если у вас возникают конфликты стилей после встраивания в HTML.

WordPress плагин

Лучшая практика встраивания Calculoid на веб-сайт на базе WordPress - использовать наш плагин. Всю информацию о плагине можно найти здесь, , Самое главное - ввести правильный ключ API в настройках плагина. Ключ можно найти на странице «Мой профиль» в приложении Calculoid.

Пример шорткода: [calcloid id = "60204" show_title = "0" show_description = "0"]

Используйте этот калькулятор для создания короткого кода.

Кроме того, у Calculoid есть плагины для Joomla и Drupal.

Встроить тесты наиболее часто используемых веб-платформ

Название платформыHTMLплавающий фреймWordPress плагин
Wix -
Joomla -
GoDaddy -
WordPress ⚠️
Факир -

⚠️ - Есть так много тем для WordPress и так много разработчиков, как Elementor. Почти невозможно заставить код встраивания HTML работать должным образом для каждой сети WordPress. Тем не менее, код хорошо работает с строителями с высоким рейтингом.

Дополнительная информация

Начать бесплатно прямо сейчас

Создайте свой собственный веб-калькулятор за считанные минуты.
Проверьте все функции в бесплатной пробной версии 30.

Регистрируйтесь

Нет необходимости в кредитной карте или установке

Свяжитесь

Телефон

US: + 1 415 800 3787
UK: + 44 207 097 3577
CZ: + 420 222 743 843
Часы работы: 9: 00 - 17: 00 UTC + 1

Информация

info@calculoid.com

Поддержка

support@calculoid.com

Easy Software Ltd.

Кемп Дом, 152-160
City Road, EC1V
2NX Лондон, Соединенное Королевство
Идентификатор компании: 08960980
Идентификатор НДС: GB226711521

Легкий центр разработки

Jugoslávských partyzánů 34
160 00 Прага
Чешская Республика