Cómo Hacer Una Calculadora Para Un Sitio Web Sin Programador. Parte 1: Constructor De Calculadoras

Tabla de contenido:

Cómo Hacer Una Calculadora Para Un Sitio Web Sin Programador. Parte 1: Constructor De Calculadoras
Cómo Hacer Una Calculadora Para Un Sitio Web Sin Programador. Parte 1: Constructor De Calculadoras

Video: Cómo Hacer Una Calculadora Para Un Sitio Web Sin Programador. Parte 1: Constructor De Calculadoras

Video: Cómo Hacer Una Calculadora Para Un Sitio Web Sin Programador. Parte 1: Constructor De Calculadoras
Video: Cómo crear una Calculadora en PHP (1/2) 2024, Diciembre
Anonim

Por lo general, la creación de un widget de calculadora para un sitio web requiere un programador pagado y un presupuesto de soporte técnico. Recientemente, sin embargo, han aparecido al menos tres opciones sobre cómo ahorrar tiempo y dinero en la creación y el mantenimiento de una calculadora: comencemos con la más simple y asequible: un constructor de calculadoras gratuito que lo ayudará a ensamblar una calculadora visualmente, al igual que completar un perfil en una red social.

Un ejemplo de una calculadora creada sin conocimientos de tecnología y sin contratación de programadores
Un ejemplo de una calculadora creada sin conocimientos de tecnología y sin contratación de programadores

Es necesario

Laptop o computadora, cualquier navegador, 10-30 minutos de tiempo, buzón de correo o cuenta de red social (Facebook, Vkontakte, Google+, UID), además de una comprensión de cómo debería ser su calculadora

Instrucciones

Paso 1

Para comenzar a ensamblar y en el futuro administrar su calculadora, nos registramos en el servicio uCalc.pro por correo o una de las redes sociales populares.

Después de registrarse, recibirá un correo electrónico con consejos sobre el diseño de calculadoras por correo
Después de registrarse, recibirá un correo electrónico con consejos sobre el diseño de calculadoras por correo

Paso 2

Después de registrarse, será llevado a su cuenta personal, donde se almacenarán sus calculadoras. Aquí puede elegir una plantilla lista para usar o comenzar a ensamblar la calculadora desde cero.

Haciendo clic en el icono
Haciendo clic en el icono

Paso 3

Después de elegir a favor de una plantilla o autoensamblaje, se abrirá un editor visual frente a usted: arrastrando elementos (una lista, control deslizante, marca de verificación, casilla de verificación, campos de contacto o un botón) desde la columna de la izquierda, puede armar una calculadora.

Los elementos se pueden colocar uno al lado del otro (varios en una fila) o uno debajo del otro
Los elementos se pueden colocar uno al lado del otro (varios en una fila) o uno debajo del otro

Paso 4

Desplácese sobre cualquier elemento con el mouse y verá íconos de configuración; en ellos puede establecer tamaños, hacer que un elemento sea obligatorio, establecer los nombres de los campos para la lista y cambiar sus lugares. Y al hacer clic en el marco verde claro que aparece alrededor del elemento, puede reorganizarlo por encima o por debajo del resto de las partes de la calculadora.

Opcionalmente, puede eliminar cualquier elemento haciendo clic en él y presionando
Opcionalmente, puede eliminar cualquier elemento haciendo clic en él y presionando

Paso 5

Puede cambiar el color y el tamaño de las etiquetas simplemente resaltando el fragmento de texto deseado. Es mejor agregar explicaciones a los textos: si estamos hablando de ancho, agregue "metros" o "mm", sobre precios "rublos", "rublos por metro", etc.

Para cambiar el color del texto, haga clic en el círculo gris y seleccione un color de la paleta
Para cambiar el color del texto, haga clic en el círculo gris y seleccione un color de la paleta

Paso 6

Para cambiar el color de fondo o cambiar el color del control deslizante y la marca de verificación, use los iconos sobre la calculadora. El icono de la izquierda es responsable del color de fondo; es mejor pintarlo con los colores de la página de su sitio web. El ícono del medio son los colores de los elementos: puede elegir entre 10 esquemas listos para usar.

También puede cambiar el estilo de fuente haciendo clic en el icono de la derecha; actualmente hay 4 opciones disponibles
También puede cambiar el estilo de fuente haciendo clic en el icono de la derecha; actualmente hay 4 opciones disponibles

Paso 7

Para mayor claridad, puede agregar imágenes a la calculadora: una imagen se puede agregar tanto al encabezado como a cualquiera de los elementos de la calculadora. Para hacer esto, seleccione el icono "Imagen" del panel izquierdo, arrástrelo a la ubicación deseada y luego, haciendo clic en el elemento, cargue la imagen desde su computadora.

Para que la calculadora se cargue más rápido en su sitio, use imágenes con un mínimo
Para que la calculadora se cargue más rápido en su sitio, use imágenes con un mínimo

Paso 8

Para especificar un rango de precios para los servicios y cualquier otro parámetro numérico, cambie a la pestaña "Fórmula". Verá un diagrama de calculadora en el que puede ingresar los valores que necesita.

Cualquier número puede representar tanto la cantidad como el peso o, por ejemplo, la distancia
Cualquier número puede representar tanto la cantidad como el peso o, por ejemplo, la distancia

Paso 9

A cada elemento de la calculadora en el diagrama se le asigna una letra. Sustituyendo letras en el cuadro de fórmula de la izquierda y agregando signos matemáticos, puede crear una o más fórmulas: por ejemplo, si necesita dar un precio con o sin descuento, haga dos fórmulas sumando la multiplicación por un número menor que 1 en el segundo (por ejemplo, 0,8 significará un descuento del 20% y así sucesivamente).

La segunda o tercera fórmula se puede configurar si desea mostrar por separado el precio del material y de la obra, etc
La segunda o tercera fórmula se puede configurar si desea mostrar por separado el precio del material y de la obra, etc

Paso 10

Si desea recibir las solicitudes de los clientes por correo o SMS, vuelva a la pestaña "Diseño", haga clic en el botón de su calculadora. Puede especificar en la configuración. Allí también encontrará la configuración de pago, si desea aceptar el pago por adelantado a través de Yandex.

Aquí también puede establecer la apariencia del botón (óvalo, cuadrado, etc.) y el color adicional del botón cuando pasa el mouse sobre él
Aquí también puede establecer la apariencia del botón (óvalo, cuadrado, etc.) y el color adicional del botón cuando pasa el mouse sobre él

Paso 11

Para enviar al cliente el resultado del cálculo u otra información (código de promoción, enlace, mensaje "Pedido aceptado"), haga clic en "Notificar al cliente" en la configuración del botón y complete la plantilla de carta. Para recopilar contactos de clientes, agregue el elemento "campo" a la calculadora y especifique "correo electrónico", "número de teléfono", etc. en la configuración.

Todos los datos personales de los clientes se transmiten a través de SLL, es decir, nadie puede interceptarlos
Todos los datos personales de los clientes se transmiten a través de SLL, es decir, nadie puede interceptarlos

Paso 12

Entonces, la calculadora está lista. Para ponerlo en el sitio, haga clic en el botón "Guardar" en la esquina derecha y aparecerá una ventana con un código de widget listo para usar frente a usted. Copie el código y péguelo en una página nueva o existente en el sitio.

El código de su calculadora no se puede copiar de su sitio y pegar en el de otra persona
El código de su calculadora no se puede copiar de su sitio y pegar en el de otra persona

Paso 13

Si no confía en sus habilidades, use las instrucciones ya preparadas para agregar una calculadora. El sitio web de uCalc ha ilustrado consejos para instalar una calculadora en CMS Wordpress, Joomla, Drupal, NetCat, los creadores de sitios uKit, uCoz, Tilda y Wix y otras plataformas conocidas. Si no encontró su plataforma en la lista, abra cualquier descripción y siga la analogía.

Las instrucciones están en la sección de preguntas frecuentes
Las instrucciones están en la sección de preguntas frecuentes

Paso 14

Si decide cambiar algo después de instalarlo en el sitio (diseño, precios, número de elementos, etc.), la calculadora que ha creado puede editarse en el constructor y guardarse. Los cambios realizados se mostrarán automáticamente en el sitio.

Recomendado: