วิธีทำเครื่องคิดเลขสำหรับเว็บไซต์ที่ไม่มีโปรแกรมเมอร์ ส่วนที่ 1: ตัวสร้างเครื่องคิดเลข

สารบัญ:

วิธีทำเครื่องคิดเลขสำหรับเว็บไซต์ที่ไม่มีโปรแกรมเมอร์ ส่วนที่ 1: ตัวสร้างเครื่องคิดเลข
วิธีทำเครื่องคิดเลขสำหรับเว็บไซต์ที่ไม่มีโปรแกรมเมอร์ ส่วนที่ 1: ตัวสร้างเครื่องคิดเลข

วีดีโอ: วิธีทำเครื่องคิดเลขสำหรับเว็บไซต์ที่ไม่มีโปรแกรมเมอร์ ส่วนที่ 1: ตัวสร้างเครื่องคิดเลข

วีดีโอ: วิธีทำเครื่องคิดเลขสำหรับเว็บไซต์ที่ไม่มีโปรแกรมเมอร์ ส่วนที่ 1: ตัวสร้างเครื่องคิดเลข
วีดีโอ: สร้างเครื่องคิดเลขง่ายๆ ด้วย HTML CSS JavaScript 👨‍💻🤩 2024, อาจ
Anonim

โดยทั่วไป การสร้างวิดเจ็ตเครื่องคิดเลขสำหรับเว็บไซต์ต้องใช้โปรแกรมเมอร์แบบชำระเงินและงบประมาณการสนับสนุนทางเทคนิค อย่างไรก็ตาม เมื่อเร็ว ๆ นี้ มีอย่างน้อยสามตัวเลือกปรากฏขึ้นเกี่ยวกับวิธีการประหยัดเวลาและเงินในการสร้างและบำรุงรักษาเครื่องคิดเลข: เริ่มจากวิธีที่ง่ายที่สุดและราคาไม่แพงที่สุด - เครื่องมือสร้างเครื่องคิดเลขฟรีที่จะช่วยให้คุณประกอบเครื่องคิดเลขด้วยสายตา - เช่นเดียวกับการกรอก โปรไฟล์บนโซเชียลเน็ตเวิร์ก

ตัวอย่างเครื่องคิดเลขที่สร้างขึ้นโดยปราศจากความรู้ด้านเทคโนโลยีและการจ้างโปรแกรมเมอร์
ตัวอย่างเครื่องคิดเลขที่สร้างขึ้นโดยปราศจากความรู้ด้านเทคโนโลยีและการจ้างโปรแกรมเมอร์

มันจำเป็น

แล็ปท็อปหรือคอมพิวเตอร์ เบราว์เซอร์ใดก็ได้ เวลา 10-30 นาที กล่องจดหมายหรือบัญชีโซเชียลเน็ตเวิร์ก (Facebook, Vkontakte, Google+, UID) บวกกับความเข้าใจว่าเครื่องคิดเลขของคุณควรเป็นอย่างไร

คำแนะนำ

ขั้นตอนที่ 1

เพื่อเริ่มประกอบและจัดการเครื่องคิดเลขของคุณในอนาคต เราลงทะเบียนกับบริการ uCalc.pro ทางไปรษณีย์หรือหนึ่งในเครือข่ายสังคมยอดนิยม

หลังจากลงทะเบียนแล้ว คุณจะได้รับอีเมลพร้อมคำแนะนำเกี่ยวกับการออกแบบเครื่องคิดเลขทางไปรษณีย์
หลังจากลงทะเบียนแล้ว คุณจะได้รับอีเมลพร้อมคำแนะนำเกี่ยวกับการออกแบบเครื่องคิดเลขทางไปรษณีย์

ขั้นตอนที่ 2

หลังจากลงทะเบียน คุณจะถูกนำไปที่บัญชีส่วนตัวของคุณ ซึ่งจะเก็บเครื่องคิดเลขของคุณไว้ ที่นี่คุณสามารถเลือกเทมเพลตสำเร็จรูปหรือเริ่มประกอบเครื่องคิดเลขตั้งแต่เริ่มต้น

โดยคลิกที่ไอคอน
โดยคลิกที่ไอคอน

ขั้นตอนที่ 3

หลังจากเลือกเทมเพลตหรือการประกอบด้วยตนเองแล้ว โปรแกรมแก้ไขภาพจะเปิดขึ้นต่อหน้าคุณ: โดยการลากรายการ - รายการ ตัวเลื่อน เครื่องหมายถูก ช่องทำเครื่องหมาย ช่องติดต่อ หรือปุ่ม - จากคอลัมน์ทางด้านซ้าย คุณสามารถ ประกอบเครื่องคิดเลข

องค์ประกอบสามารถวางเคียงข้างกัน (หลายแถว) หรือใต้กันและกัน
องค์ประกอบสามารถวางเคียงข้างกัน (หลายแถว) หรือใต้กันและกัน

ขั้นตอนที่ 4

วางเมาส์เหนือองค์ประกอบใดๆ ด้วยเมาส์ แล้วคุณจะเห็นไอคอนการตั้งค่า - ในนั้น คุณสามารถกำหนดขนาด สร้างองค์ประกอบบังคับ ตั้งชื่อฟิลด์สำหรับรายการ และเปลี่ยนตำแหน่ง และเมื่อคลิกบนกรอบสีเขียวอ่อนที่ปรากฏขึ้นรอบๆ องค์ประกอบ คุณจะสามารถจัดเรียงใหม่ด้านบนหรือด้านล่างส่วนอื่นๆ ของเครื่องคิดเลขได้

หรือคุณสามารถลบรายการใดก็ได้โดยคลิกที่รายการนั้นแล้วกด
หรือคุณสามารถลบรายการใดก็ได้โดยคลิกที่รายการนั้นแล้วกด

ขั้นตอนที่ 5

คุณสามารถเปลี่ยนสีและขนาดของป้ายกำกับได้โดยการเน้นข้อความที่ต้องการ เป็นการดีกว่าที่จะเพิ่มคำอธิบายให้กับข้อความ: หากเรากำลังพูดถึงความกว้าง ให้เพิ่ม "เมตร" หรือ "มม" เกี่ยวกับราคา "รูเบิล" "รูเบิลต่อเมตร" เป็นต้น

หากต้องการเปลี่ยนสีของข้อความ ให้คลิกที่วงกลมสีเทาแล้วเลือกสีจากจานสี
หากต้องการเปลี่ยนสีของข้อความ ให้คลิกที่วงกลมสีเทาแล้วเลือกสีจากจานสี

ขั้นตอนที่ 6

หากต้องการเปลี่ยนสีพื้นหลังหรือเปลี่ยนสีของแถบเลื่อนและเครื่องหมายถูก ให้ใช้ไอคอนเหนือเครื่องคิดเลข ไอคอนด้านซ้ายรับผิดชอบสีพื้นหลัง - ควรทาสีด้วยสีของหน้าเว็บไซต์ของคุณ ไอคอนตรงกลางคือสีขององค์ประกอบ: คุณสามารถเลือกรูปแบบสำเร็จรูปได้ 10 แบบ

คุณยังสามารถเปลี่ยนรูปแบบแบบอักษรได้โดยคลิกที่ไอคอนด้านขวา ซึ่งขณะนี้มี 4 ตัวเลือกให้เลือก
คุณยังสามารถเปลี่ยนรูปแบบแบบอักษรได้โดยคลิกที่ไอคอนด้านขวา ซึ่งขณะนี้มี 4 ตัวเลือกให้เลือก

ขั้นตอนที่ 7

เพื่อความชัดเจน คุณสามารถเพิ่มรูปภาพลงในเครื่องคิดเลข: คุณสามารถเพิ่มรูปภาพได้ทั้งที่ส่วนหัวและองค์ประกอบใดๆ ของเครื่องคิดเลข ในการดำเนินการนี้ เลือกไอคอน "รูปภาพ" จากแผงด้านซ้าย ลากไปยังตำแหน่งที่ต้องการ จากนั้นคลิกที่องค์ประกอบ อัปโหลดรูปภาพจากคอมพิวเตอร์ของคุณ

เพื่อให้เครื่องคิดเลขโหลดเร็วขึ้นบนไซต์ของคุณ ให้ใช้รูปภาพที่มีน้อยที่สุด with
เพื่อให้เครื่องคิดเลขโหลดเร็วขึ้นบนไซต์ของคุณ ให้ใช้รูปภาพที่มีน้อยที่สุด with

ขั้นตอนที่ 8

หากต้องการระบุช่วงราคาสำหรับบริการและพารามิเตอร์ตัวเลขอื่นๆ ให้สลับไปที่แท็บ "สูตร" คุณจะเห็นไดอะแกรมเครื่องคิดเลขซึ่งคุณสามารถป้อนค่าที่คุณต้องการได้

ตัวเลขใดๆ สามารถแทนได้ทั้งปริมาณและน้ำหนัก หรือตัวอย่างเช่น ระยะทาง
ตัวเลขใดๆ สามารถแทนได้ทั้งปริมาณและน้ำหนัก หรือตัวอย่างเช่น ระยะทาง

ขั้นตอนที่ 9

แต่ละองค์ประกอบของเครื่องคิดเลขบนไดอะแกรมถูกกำหนดตัวอักษร การแทนที่ตัวอักษรในกล่องสูตรทางด้านซ้ายและเพิ่มเครื่องหมายทางคณิตศาสตร์ คุณสามารถสร้างสูตรได้ตั้งแต่หนึ่งสูตรขึ้นไป ตัวอย่างเช่น หากคุณต้องการให้ราคาโดยมีหรือไม่มีส่วนลด ให้สร้างสองสูตรโดยเพิ่มการคูณด้วยตัวเลขที่น้อยกว่า 1 ในวินาที (เช่น 0.8 จะหมายถึงส่วนลด 20% เป็นต้น)

สูตรที่สองหรือสามสามารถกำหนดได้ถ้าคุณต้องการแสดงราคาสำหรับวัสดุและสำหรับงานแยกต่างหาก
สูตรที่สองหรือสามสามารถกำหนดได้ถ้าคุณต้องการแสดงราคาสำหรับวัสดุและสำหรับงานแยกต่างหาก

ขั้นตอนที่ 10

หากคุณต้องการรับคำขอของลูกค้าทางไปรษณีย์หรือ SMS ให้กลับไปที่แท็บ "ออกแบบ" คลิกที่ปุ่มเครื่องคิดเลขของคุณ คุณสามารถระบุได้ในการตั้งค่า นอกจากนี้ คุณจะพบการตั้งค่าการชำระเงิน - หากคุณต้องการรับการชำระเงินล่วงหน้าผ่าน Yandex. Checkout

ที่นี่ คุณยังสามารถตั้งค่าลักษณะที่ปรากฏของปุ่ม (วงรี สี่เหลี่ยมจัตุรัส ฯลฯ) และสีเพิ่มเติมของปุ่มเมื่อคุณวางเมาส์เหนือปุ่มนั้น
ที่นี่ คุณยังสามารถตั้งค่าลักษณะที่ปรากฏของปุ่ม (วงรี สี่เหลี่ยมจัตุรัส ฯลฯ) และสีเพิ่มเติมของปุ่มเมื่อคุณวางเมาส์เหนือปุ่มนั้น

ขั้นตอนที่ 11

หากต้องการส่งผลการคำนวณหรือข้อมูลอื่น ๆ ให้กับลูกค้า (รหัสโปรโมชั่น ลิงก์ ข้อความ "ยอมรับคำสั่งซื้อ") ให้คลิก "แจ้งลูกค้า" ในการตั้งค่าปุ่มและกรอกเทมเพลตจดหมาย ในการรวบรวมรายชื่อลูกค้า ให้เพิ่มองค์ประกอบ "ฟิลด์" ลงในเครื่องคิดเลข และระบุ "อีเมล" "หมายเลขโทรศัพท์" และอื่นๆ ในการตั้งค่า

ข้อมูลส่วนบุคคลทั้งหมดของลูกค้าจะถูกส่งผ่าน SLL กล่าวคือ ไม่มีใครสามารถสกัดกั้นได้
ข้อมูลส่วนบุคคลทั้งหมดของลูกค้าจะถูกส่งผ่าน SLL กล่าวคือ ไม่มีใครสามารถสกัดกั้นได้

ขั้นตอนที่ 12

เครื่องคิดเลขก็พร้อม หากต้องการวางบนไซต์ให้คลิกปุ่ม "บันทึก" ที่มุมขวา - และหน้าต่างพร้อมรหัสวิดเจ็ตสำเร็จรูปจะปรากฏขึ้นต่อหน้าคุณ คัดลอกโค้ดแล้ววางลงในหน้าใหม่หรือหน้าที่มีอยู่บนไซต์

รหัสเครื่องคิดเลขของคุณไม่สามารถคัดลอกจากไซต์ของคุณและวางบนของผู้อื่น someone
รหัสเครื่องคิดเลขของคุณไม่สามารถคัดลอกจากไซต์ของคุณและวางบนของผู้อื่น someone

ขั้นตอนที่ 13

หากคุณไม่มั่นใจในความสามารถของคุณ ให้ใช้คำแนะนำสำเร็จรูปในการเพิ่มเครื่องคิดเลข เว็บไซต์ uCalc มีภาพประกอบคำแนะนำในการติดตั้งเครื่องคิดเลขบน CMS Wordpress, Joomla, Drupal, NetCat, uKit ผู้สร้างเว็บไซต์ uKit, uCoz, Tilda และ Wix และแพลตฟอร์มที่มีชื่อเสียงอื่นๆ หากคุณไม่พบแพลตฟอร์มของคุณในรายการ ให้เปิดคำอธิบายใดๆ และทำตามการเปรียบเทียบ

คำแนะนำอยู่ในส่วนคำถามที่พบบ่อย
คำแนะนำอยู่ในส่วนคำถามที่พบบ่อย

ขั้นตอนที่ 14

หากคุณตัดสินใจที่จะเปลี่ยนแปลงอะไรหลังจากติดตั้งบนไซต์ (การออกแบบ ราคา จำนวนองค์ประกอบ ฯลฯ) เครื่องคิดเลขที่คุณสร้างขึ้นจะสามารถแก้ไขได้ในตัวสร้างและบันทึก การเปลี่ยนแปลงที่ทำขึ้นจะแสดงบนเว็บไซต์โดยอัตโนมัติ