Способы встраивания калькулятора на сайт.

"Встроить калькулятор.". Есть ли "способы встраивания калькулятора на сайт".

Есть два(пока) калькулятора, которые можно встроить на свой сайт с помощью "iframe "

Поскольку много пользователей спрашивало о том, будет ли возможность встраивать на сайт - делаем инструкцию по встраиванию калькуляторов себе на сайт!

Подробно о встраивании калькулятора на сайт.

1. О калькуляторах.
2. Встраиваем калькулятор №1
3. Встраиваем калькулятор №2

О калькуляторах :

У меня на сайте есть несколько калькуляторов, которые можно встроить себе на сайт!

Калькулятор №1

Первый калькулятор.

Список всех страниц где участвует калькулятор №1.

Калькулятор №2

Калькулятор №2 здесь.

Встраиваем калькулятор №1

Для того, чтобы встроить калькулятор №1 сбе на сайт вам понадобится:

Конечно же адрес первого калькулятора:

https://dwweb.ru/i/c1/calc.php

Далее нам потребуется iframe

Помещаем в него ссылку со стилями:

<iframe style="display: block; width: 334px; height: 538px; margin: 20px auto;padding: 0px; border: unset;" src="https://dwweb.ru/i/c1/calc.php" scrolling="no"></iframe>

Пример встраивания калькулятора №1:

Далее нам остается проверить, как будет встраиваться калькулятор на данной странице!

Берем выше приведенный код и помещаем его прямо здесь:

Встраиваем калькулятор №2

Если пользоваться отдельно калькулятором, то его можно открыть отдельно на 2 страницах...

Калькулятор номер 2:

На белом фоне:

https://dwweb.ru/i/calc_white/index.html

На черном фоне:

https://dwweb.ru/i/calc_black/index.html

Встраиваем калькулятор на свой сайт с помощью iframe

Для встраивания второго калькулятора вам понадобится:

Код второго калькулятора:

<iframe style="display: block; width:500px; height: 330px; margin: 20px auto;padding: 0px; border: unset;" src="https://dwweb.ru/i/calc_black/index.html" scrolling="no"></iframe>

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

Пример встроенного калькулятора №2 прямо здесь на странице:

Всего комментариев : 0 Comments+ 2.0

+ =