Бағдарламалаушысыз веб-сайтқа калькуляторды қалай жасауға болады. 1 бөлім: калькулятор құрастырушысы

Мазмұны:

Бағдарламалаушысыз веб-сайтқа калькуляторды қалай жасауға болады. 1 бөлім: калькулятор құрастырушысы
Бағдарламалаушысыз веб-сайтқа калькуляторды қалай жасауға болады. 1 бөлім: калькулятор құрастырушысы

Бейне: Бағдарламалаушысыз веб-сайтқа калькуляторды қалай жасауға болады. 1 бөлім: калькулятор құрастырушысы

Бейне: Бағдарламалаушысыз веб-сайтқа калькуляторды қалай жасауға болады. 1 бөлім: калькулятор құрастырушысы
Бейне: ВЫПЛАТЫ НА ДЕТЕЙ | ДЕТСКИЕ ПОСОБИЯ | ОНЛАЙН КАЛЬКУЛЯТОР СБЕРБАНК 2024, Мамыр
Anonim

Әдетте, веб-сайт үшін калькулятор виджетін құру үшін ақылы бағдарламашы және техникалық қолдау бюджеті қажет. Алайда жақында калькуляторды құруға және күтіп ұстауға уақыт пен ақшаны қалай үнемдеуге болатындығы туралы кем дегенде үш нұсқа пайда болды: ең қарапайым және қол жетімді - калькуляторды визуалды түрде жинауға көмектесетін ақысыз калькулятор құрастырушысынан бастайық - дәл толтыру сияқты. әлеуметтік желідегі профиль.

Технологияны білмей және бағдарламашыларды жалдамай жасалған калькулятордың мысалы
Технологияны білмей және бағдарламашыларды жалдамай жасалған калькулятордың мысалы

Бұл қажетті

Ноутбук немесе компьютер, кез-келген шолғыш, 10-30 минут уақыт, пошта жәшігі немесе әлеуметтік желінің тіркелгісі (Facebook, Vkontakte, Google+, UID), сонымен қатар сіздің калькуляторыңыз қандай болу керектігін түсіну

Нұсқаулық

1-қадам

Жинауды бастау үшін және болашақта калькуляторды басқару үшін біз uCalc.pro қызметіне пошта немесе танымал әлеуметтік желілердің бірі арқылы тіркелеміз.

Тіркелгеннен кейін сізге пошта арқылы калькулятор дизайны туралы кеңесі бар электрондық хат келеді
Тіркелгеннен кейін сізге пошта арқылы калькулятор дизайны туралы кеңесі бар электрондық хат келеді

2-қадам

Тіркеуден кейін сіз өзіңіздің калькуляторларыңыз сақталатын жеке кабинетке барасыз. Мұнда сіз дайын шаблонды таңдай аласыз немесе калькуляторды нөлден жинай бастаңыз.

Белгішені басу арқылы
Белгішені басу арқылы

3-қадам

Үлгіні немесе өзін-өзі жинауды таңдағаннан кейін, сіздің алдыңызда визуалды редактор ашылады: элементтерді апару арқылы - тізімді, жүгірткіні, құсбелгіні, құсбелгіні, байланыс өрістерін немесе батырманы - сол жақтағы бағаннан калькуляторды құрастыру.

Элементтерді қатар қоюға болады (қатарынан бірнеше) немесе бірінің астына
Элементтерді қатар қоюға болады (қатарынан бірнеше) немесе бірінің астына

4-қадам

Тінтуірдің көмегімен кез-келген элементтің үстіне апарыңыз, сонда параметрлер белгішелерін көресіз - оларда өлшемдерді орнатуға, элементті міндетті етуге, тізім үшін өрістердің аттарын орнатуға және олардың орындарын өзгертуге болады. Элементтің айналасында пайда болатын ашық жасыл жақтауды басу арқылы сіз оны калькулятордың қалған бөліктерінің үстінде немесе астында қайта орналастыра аласыз.

Таңдау бойынша кез-келген элементті оны басу және басу арқылы жоюға болады
Таңдау бойынша кез-келген элементті оны басу және басу арқылы жоюға болады

5-қадам

Тек қажетті мәтін бөлігін бөлектеу арқылы затбелгілердің түсін және көлемін өзгертуге болады. Мәтіндерге түсініктемелер қосқан дұрыс: егер ені туралы айтатын болсақ, «метр» немесе «мм» қосыңыз, бағалар туралы «рубль», «метрге рубль» және т.б.

Мәтіннің түсін өзгерту үшін сұр шеңберді шертіп, палитрадан түс таңдаңыз
Мәтіннің түсін өзгерту үшін сұр шеңберді шертіп, палитрадан түс таңдаңыз

6-қадам

Фонның түсін өзгерту немесе жүгірткінің түсін және құсбелгіні өзгерту үшін калькулятордың үстіндегі белгішелерді қолданыңыз. Фон түсі үшін сол жақтағы белгіше жауап береді - оны веб-сайтыңыздың түстерімен бояған дұрыс. Орташа белгіше - бұл элементтердің түстері: сіз дайын 10 схеманы таңдай аласыз.

Сондай-ақ, қаріп мәнерін оң жақ белгішені басу арқылы өзгертуге болады - қазіргі уақытта 4 нұсқа бар
Сондай-ақ, қаріп мәнерін оң жақ белгішені басу арқылы өзгертуге болады - қазіргі уақытта 4 нұсқа бар

7-қадам

Түсінікті болу үшін суреттерді калькуляторға қосуға болады: кескінді тақырыпқа да, калькулятордың кез келген элементтеріне де қосуға болады. Ол үшін сол жақ панельден «Сурет» белгішесін таңдап, оны керекті жерге апарыңыз, содан кейін элементті шерту арқылы суретті компьютерден жүктеңіз.

Калькуляторды сіздің сайтыңызға жылдам жүктеу үшін суреттерді минималды түрде қолданыңыз
Калькуляторды сіздің сайтыңызға жылдам жүктеу үшін суреттерді минималды түрде қолданыңыз

8-қадам

Қызметтерге бағалар диапазонын және басқа сандық параметрлерді көрсету үшін «Формула» қойындысына ауысыңыз. Сіз өзіңізге қажетті мәндерді енгізе алатын калькулятор схемасын көресіз.

Кез-келген сан мөлшерді де, салмақты да, мысалы, қашықтықты да көрсете алады
Кез-келген сан мөлшерді де, салмақты да, мысалы, қашықтықты да көрсете алады

9-қадам

Диаграммадағы калькулятордың әр элементіне әріп тағайындалады. Сол жақтағы формула өрісіндегі әріптерді ауыстырып, математикалық белгілерді қосу арқылы сіз бір немесе бірнеше формулаларды құра аласыз: мысалы, бағаны жеңілдікпен немесе онсыз беру керек болса, саннан кіші санға көбейту арқылы екі формула жасаңыз Екінші секундта 1 (мысалы, 0,8 20% жеңілдік дегенді білдіреді және т.б.).

Екінші немесе үшінші формуланы сіз материалдың және жұмыстың бағасын бөлек көрсеткіңіз келсе және т.б. тағайындауға болады
Екінші немесе үшінші формуланы сіз материалдың және жұмыстың бағасын бөлек көрсеткіңіз келсе және т.б. тағайындауға болады

10-қадам

Егер сіз тұтынушының сұранысын пошта немесе SMS арқылы алғыңыз келсе, «Дизайн» қойындысына оралыңыз, калькулятор батырмасын басыңыз. Параметрлерде көрсетуге болады. Онда сіз төлем параметрлерін таба аласыз - егер сіз Yandex. Checkout арқылы алдын ала төлем жасағыңыз келсе.

Мұнда батырманың сыртқы түрін (сопақ, төртбұрыш және т.б.) және тышқанның үстіне апарған кезде оның қосымша түсін орнатуға болады
Мұнда батырманың сыртқы түрін (сопақ, төртбұрыш және т.б.) және тышқанның үстіне апарған кезде оның қосымша түсін орнатуға болады

11-қадам

Клиентке есептеу нәтижесін немесе басқа ақпаратты жіберу үшін (промокод, сілтеме, «Тапсырыс қабылданды» хабарламасы) батырма параметрлерінде «Клиентке хабарлау» түймесін басып, хат үлгісін толтырыңыз. Клиенттердің контактілерін жинау үшін калькуляторға «өріс» элементін қосып, параметрлерде «электрондық пошта», «телефон нөмірі» және т.б.

Клиенттердің барлық жеке деректері SLL арқылы беріледі - басқаша айтқанда, оларды ешкім ұстай алмайды
Клиенттердің барлық жеке деректері SLL арқылы беріледі - басқаша айтқанда, оларды ешкім ұстай алмайды

12-қадам

Сонымен, калькулятор дайын. Оны сайтқа орналастыру үшін оң жақ бұрыштағы «Сақтау» батырмасын басыңыз - сонда сіздің алдыңызда дайын виджет коды бар терезе пайда болады. Кодты көшіріп, оны сайттағы жаңа немесе бар бетке қойыңыз.

Сіздің калькулятор кодыңызды сіздің сайтыңыздан көшіру және басқа біреудің сайтына қою мүмкін емес
Сіздің калькулятор кодыңызды сіздің сайтыңыздан көшіру және басқа біреудің сайтына қою мүмкін емес

13-қадам

Егер сіз өз қабілеттеріңізге сенімді болмасаңыз, калькуляторды қосуға арналған дайын нұсқауларды қолданыңыз. UCalc веб-сайтында калькуляторды CMS Wordpress, Joomla, Drupal, NetCat, сайт жасаушылар uKit, uCoz, Tilda және Wix және басқа да танымал платформаларға орнату туралы суреттер ұсынылған. Егер сіз өз платформаңызды тізімнен таба алмасаңыз, кез-келген сипаттаманы ашып, ұқсастыққа сүйеніңіз.

Нұсқаулық FAQ бөлімінде берілген
Нұсқаулық FAQ бөлімінде берілген

14-қадам

Егер сіз оны сайтқа орнатқаннан кейін кез-келген нәрсені өзгертуді шешсеңіз (дизайны, бағалары, элементтер саны және т.б.), сіз жасаған калькуляторды конструкторда өңдеуге және сақтауға болады. Енгізілген өзгерістер сайтта автоматты түрде көрсетіледі.

Ұсынылған: