Voor het maken van een rekenmachinewidget voor een website zijn doorgaans een betaalde programmeur en een budget voor technische ondersteuning vereist. Onlangs zijn er echter ten minste drie opties verschenen om tijd en geld te besparen bij het maken en onderhouden van een rekenmachine: laten we beginnen met de eenvoudigste en meest betaalbare - een gratis rekenmachinebouwer waarmee u een rekenmachine visueel kunt samenstellen - net als bij het invullen een profiel op een sociaal netwerk.

Het is nodig
Laptop of computer, elke browser, 10-30 minuten, mailbox of sociaal netwerkaccount (Facebook, Vkontakte, Google+, UID), plus een begrip van hoe uw rekenmachine eruit zou moeten zien
instructies:
Stap 1
Om te beginnen met het samenstellen en in de toekomst om uw rekenmachine te beheren, registreren we ons op de uCalc.pro-service via e-mail of een van de populaire sociale netwerken.

Stap 2
Na registratie wordt u naar uw persoonlijke account geleid, waar uw rekenmachines worden opgeslagen. Hier kunt u een kant-en-klaar sjabloon kiezen of de rekenmachine helemaal opnieuw samenstellen.

Stap 3
Nadat u heeft gekozen voor een sjabloon of zelfassemblage, wordt een visuele editor voor u geopend: door items - een lijst, schuifregelaar, vinkje, selectievakje, contactvelden of een knop - uit de kolom aan de linkerkant te slepen, kunt u een rekenmachine samenstellen.

Stap 4
Beweeg met de muis over een element en u ziet instellingenpictogrammen - daarin kunt u de grootte instellen, een element verplicht maken, de namen van velden voor de lijst instellen en hun plaats wijzigen. En door op het lichtgroene kader te klikken dat rond het element verschijnt, kunt u het opnieuw rangschikken boven of onder de rest van de onderdelen van de rekenmachine.

Stap 5
U kunt de kleur en grootte van de labels wijzigen door eenvoudig het gewenste stuk tekst te markeren. Het is beter om uitleg aan de teksten toe te voegen: als we het over breedte hebben, voeg dan "meters" of "mm" toe, over prijzen "roebels", "roebels per meter" enzovoort.

Stap 6
Gebruik de pictogrammen boven de rekenmachine om de achtergrondkleur of de kleur van de schuifregelaar en het vinkje te wijzigen. Het linkerpictogram is verantwoordelijk voor de achtergrondkleur - het is beter om het in de kleuren van uw websitepagina te schilderen. Het middelste icoon zijn de kleuren van de elementen: je kunt kiezen uit 10 kant-en-klare schema's.

Stap 7
Voor de duidelijkheid kunt u afbeeldingen aan de rekenmachine toevoegen: een afbeelding kan zowel aan de koptekst als aan elk van de elementen van de rekenmachine worden toegevoegd. Om dit te doen, selecteert u het pictogram "Afbeelding" in het linkerdeelvenster, sleept u het naar de gewenste locatie en uploadt u vervolgens de afbeelding vanaf uw computer door op het element te klikken.

Stap 8
Om een reeks prijzen voor diensten en andere numerieke parameters op te geven, gaat u naar het tabblad "Formule". U ziet een rekenmachinediagram waarin u de waarden kunt invoeren die u nodig heeft.

Stap 9
Elk element van de rekenmachine in het diagram krijgt een letter toegewezen. Door letters in het formulevak aan de linkerkant te vervangen en wiskundige tekens toe te voegen, kunt u een of meer formules maken: als u bijvoorbeeld een prijs met of zonder korting moet geven, maakt u twee formules door vermenigvuldiging met een getal kleiner dan 1 in de tweede (bijvoorbeeld 0,8 betekent een korting van 20% enzovoort).

Stap 10
Als u klantverzoeken per post of sms wilt ontvangen, keer dan terug naar het tabblad "Ontwerp", klik op de knop van uw rekenmachine. U kunt dit aangeven in de instellingen. Daar vindt u ook de betalingsinstellingen - als u vooruitbetaling via Yandex. Checkout wilt accepteren.

Stap 11
Om de klant het resultaat van de berekening of andere informatie (promocode, link, bericht "Bestelling geaccepteerd") te sturen, klikt u op "Klant op de hoogte stellen" in de knopinstellingen en vult u het briefsjabloon in. Om klantcontacten te verzamelen, voegt u het "veld"-element toe aan de rekenmachine en specificeert u "e-mail", "telefoonnummer" enzovoort in de instellingen.

Stap 12
Zo, de rekenmachine is klaar. Om het op de site te plaatsen, klikt u op de knop "Opslaan" in de rechterhoek - en er verschijnt een venster met een kant-en-klare widgetcode voor u. Kopieer de code en plak deze in een nieuwe of bestaande pagina op de site.

Stap 13
Als je niet zeker bent van je capaciteiten, gebruik dan de kant-en-klare instructies voor het toevoegen van een rekenmachine. De uCalc-website heeft geïllustreerde tips voor het installeren van een rekenmachine op CMS Wordpress, Joomla, Drupal, NetCat, sitebouwers uKit, uCoz, Tilda en Wix en andere bekende platforms. Als u uw platform niet in de lijst hebt gevonden, open dan een beschrijving en volg de analogie.

Stap 14
Als u besluit iets te wijzigen nadat u het op de site hebt geïnstalleerd (ontwerp, prijzen, aantal elementen, enz.), kan de rekenmachine die u hebt gemaakt in de constructor worden bewerkt en opgeslagen. De aangebrachte wijzigingen worden automatisch op de site weergegeven.