Get Button Messaging APPs

วันที่โพสต์: Feb 04, 2020 5:31:35 AM

หน้าเว็บไซต์แรกของสำนักงานเขตพื้นที่การศึกษาประถมศึกษาเลย เขต 1

ต้องมีช่องทางติดต่อด่วนผ่าน 3 ช่องทาง ดังนี้

• 1. E-mail : อีเมล

  2. Massager : ข้อความทาง Facebook

  3. Telephone : หมายเลขโทรศัพท์

..ที่ต้องการให้แสดงอยู่มุมขวาของหน้า index.html

ผลที่ได้รับ Ex. loei1.go.th

ขั้นตอน

• 1. ไปที่เว็บไซต์ https://getbutton.io/

  2. แล้วทำตามขั้นตอนของเว็บไซต์

     1. Choose messaging apps : ไม่ได้เสียเงินก็เพิ่มได้ครั้งละ 2 Message (แต่ไม่เป็นไรเดี๋ยวไปเพิ่มที่ Code ได้ทีหลัง)

• • • • • • • • 1. Activate Pro Features to get more chats and sales only for $2,49/month (billed annually)!

• • 1. Customize your button : อันนี้เลือกได้แค่ Color (สี)ของ Message Us กับ Call to action (ชื่อเรียก)

    2. Add the code to your website : แล้วคัดลอกไปไว้หน้า index.html

       1. • • • • 1. <!-- WhatsHelp.io widget -->

                  2. <script type="text/javascript">

                  3. (function () {

                  4. var options = {

                  5. email: "info@loei1.go.th", // Email

                  6. facebook: "xxxxxx", // Facebook page ID

                  7. call: "+66 4281 3112 - 4", // Call phone number

                  8. call_to_action: "Message Us.loei1", // Call to action

                  9. button_color: "#129BF4", // Color of button

                  10. position: "right", // Position may be 'right' or 'left'

                  11. order: "email,call,facebook", // Order of buttons

                  12. };

                  13. var proto = document.location.protocol, host = "getbutton.io", url = proto + "//static." + host;

                  14. var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';

                  15. s.onload = function () { WhWidgetSendButton.init(host, proto, options); };

                  16. var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);

                  17. })();

                  18. </script>

                  19. <!-- /WhatsHelp.io widget -->

หมายเหตุ

ในข้อ 3 ตัวหนังสือสีแดง ที่บอกไว้แต่ต้นว่าเพิ่มเติมได้ ..ลองประยุกต์ใช้ดูครับ