WordPress and IoT
Download as PPTX, PDF1 like222 views
The document discusses the integration of IoT with WordPress, detailing how the Internet of Things (IoT) connects physical objects via the internet, particularly using the MQTT protocol for lightweight communication. It provides various examples of automating WordPress functionalities through services like Google Assistant and IFTTT, enabling real-time responses such as notifications and content generation. Additionally, it outlines specific demos and plugins that leverage IoT to enhance user experience and productivity on WordPress sites.
![Demo 3: Webform Submit Notification
Type Event Name in the Trigger field (*created in the Rainmaker Webform)
Event Name: webform_1
Step 06
Copy the shortcode similar to this [rainmaker_form id="508"] and place it in
any of your posts. (Can be found near Form Title)
Step 04
Go to your IFTTT Dashboard and start New Applet. Select Webhooks for
Trigger. Select the trigger option Receive a web request
Step 05
Choose Notifications as Action. Select action Send a notification from the
IFTTT app. (You must install IFTTT App in your phone).
You can customize the Message. Leave the “EventName” as it is for showing
your Event Name in the notification or customize it to suit your needs.
That’s It !!!
Step 07](https://image.slidesharecdn.com/wordpress-iot-180728180146/85/WordPress-and-IoT-25-320.jpg)
![Demo 4: Auto-Gallery From Instagram
Go to your IFTTT Dashboard and start search with term “instagram ifttt
bridge”. Select the one which listed as “If I create a Instagram photo then
create the photo in my IFTTT Instagram Gallery via IFTTT Bridge” by user
bjoerne.Turn on the Applet.
Step 03
Install IFTTT Bridge and IFTTT Instagram Gallery Plugins in your WordPress
website
Step 01
Create a New Post and place the shortcode [ifttt_instagram_gallery].
Step 02
[ifttt_instagram_gallery]](https://image.slidesharecdn.com/wordpress-iot-180728180146/85/WordPress-and-IoT-27-320.jpg)
![Demo 4: Auto-Gallery From Instagram
Connect to the service if asked to link your Instagram Account.
Step 04
Connect to your WordPress Account. Submit your WordPress credentials.
Blog URL : My Website URL
Username : Admin Username
Password : ******** (My Password)
Finish the Applet and That’s it !!!
Step 05
[ifttt_instagram_gallery]](https://image.slidesharecdn.com/wordpress-iot-180728180146/85/WordPress-and-IoT-28-320.jpg)
WordPress and IoT
- 1. Connect your website with real world WordPress and IoT by Shamnad T
- 3. What is IoT? Internet of Things (IoT) is an ecosystem of connected physical objects that are accessible through the internet.
- 4. “MQTT” Message Queue Telemetry Transport is a lightweight messaging protocol for M2M communication(IoT). M2M Communication MQTT HTTP Design Data centric Document centric Pattern Publish/Subscribe Request/Response Complexity Simple More Complex Message Size Small. Binary with 2B header Large. ASCII Service Levels 3 1 Libraries 30kB C and 100 kB Java Large Data Distribution 1 to zero, one, or n 1 to 1 only MQTT - An alternative to HTTP
- 6. MQTT Concepts Topics/Subscriptions: Messages are published to topics. Clients can subscribe to a topic or a set of related topics. Publish/Subscribe: Clients can subscribe to topics or publish to topics.
- 7. Real world Notifications Increase ProductivitySite Monitoring Use Google Assistant or Alexa to create posts. Ask them for site stats. Create automated photo galleries. Get instant alerts in the form of sounds and lights for Woocommerce events. Know when customers login or leave a comment. Immediately know if your WordPress website is down or somebody is trying to hack your site. WordPress with IoT ???
- 8. SITE ANALYSISWEB FORM ALERTS SMART PHOTO GALLERY NEW COUPON CODESORDER BLINKS SMART BLOGGING Ask Google Assistant to create new posts Blink my Philips Hue light when new order is created Ask Google Assistant to generate new coupon codes Get immediate response if someone fills out a web form Ask Alexa to get stats and notifications of your website Create a Gallery which expands as you post photos in your Instagram IoT Ideas for WordPress
- 9. IFTTT Instagram Gallery Björn Weinbrenner WordPress IoT Plugins for our Demo IFTTT Instagram Gallery is a plugin that will showcase your Instagram photos in an awesome tile pattern on your blog. RAINMAKER Icegram Readymade form templates, styles that can be inserted anywhere on your WordPress website. POSTIE Wayne Allen Postie offers many advanced features for creating posts by email. TRIGGER HAPPY Hotsource A visual scripting tool for WordPress and Woocommerce Automation Flow
- 10. Integromat ZapierIFTTT Top Automation Services Microsoft Flow
- 11. Automation Flows ACTION 3 START AUTOMATION SCENARIO ACTION 1 EVENT TRIGGER ACTION 2 Blink lights or Ring a bell in Store. Periodic checks also can be performed Send notification to Smart phone Events from WordPress Core, Woocommerce etc. Add new customer to Mailing list or save new order details to Excel sheet
- 12. Demo 1: Create Post using Google Assistant Install POSTIE Plugin and fill Mail server settings and test it. E.g.:- Mail Server: mail.mysite.com Mail UserID: my_wordpress_blog@mysite.com Mail Password: ******** (Password that you created) Step 03 Create a new custom secret mail id in your domain. E.g.- “my_wordpress_blog@mysite.com”. DO NOT share this with anyone!! Step 01 Create a new contact in your Android phone. Name it like, ‘My WordPress Blog’ or something you can relate to. Fill the email field with the mail id you created. Step 02 “Hey Google” “Create post”
- 13. Demo 1: Create Post using Google Assistant
- 14. Demo 1: Create Post using Google Assistant Ask Google Assistant to sent a mail to your Blog. E.g.:- Me: “Hey Google, sent a mail to My WordPress Blog” Google: “OK, What’s the message?” Me: “ This post is created from Google Assistant” Google: “Do you want to send it?” Me: “Change the subject” Very important Google: “What would you like the subject of your email to be?” Me: “WordPress testing” Google: “Do you want to sent it or change it?” Me: “Send it” Google: “Sending your email to My WordPress Blog” Step 04 “Hey Google” “Create post”
- 15. Ask Google Change Email SubjectCreate Contact
- 16. Demo 2: Blink Lights On New Comments Click on the +this link and select Webhooks when asked to select service Step 03 Go to https://ifttt.com and signup. Step 01 Go to My Applets and click on New Applet button Step 02
- 17. Demo 2: Blink Lights On New Comments Click on the +that link and select Philips Hue (or Any other similar service. E.g. LIFX, WeMo Lighting) when asked to select service. (This assumes that you have already prepared Philips Hue Lights in place.) Step 06 Connect and select the trigger Receive a web request Step 04 Type Event Name and create a trigger. Do not use spaces. E.g.:- Event Name: new_comment Step 05
- 18. Demo 2: Blink Lights On New Comments Review and finish. You can edit the description to suit your recipe. Make sure your applet is turned ON at the end. Step 09 Connect and select the action Blink Lights Step 07 Your Hue light should be listed in the dropdown box. Select the lights you want to blink. Step 08
- 19. Demo 2: Blink Lights On New Comments Trigger Event Action Finish
- 20. Demo 2: Blink Lights On New Comments Editing Settings Webhooks Docs Webhooks Key Go to https://maker.ifttt.com Click on Documentation button Your IFTTT Webhook URL https://maker.ifttt.com/trigger/{event}/with/key/cpD5S_pdk2W8MGz2Y8iLP6 Replace the {event} with your Event Name in Applets
- 21. Demo 2: Blink Lights On New Comments Select Action Send IFTTT Webhook from the list. Fill the Event Name field with IFTTT Webhooks Event name. E.g.:- Event Name in our demo Applet is new_comment. Fill up the Secret Key as well. Other fields are optional. Save the Flow with a Title. That’s it !!! Step 12 Install Trigger Happy Plugin in your WordPress website and click on Add New Step 10 Select the Trigger When a comment is created from the list. Step 11
- 22. Demo 2: Blink Lights On New Comments
- 23. Demo 3: Webform Submit Notification Go to tab Form Actions. Tick the Trigger a Webhook and fill the field with IFTTT Webhooks Event URL. E.g.:- https://maker.ifttt.com/trigger/webform_1/with/key/cpD5S_pdk2W8MGz2Y8iLP6 (Copy this URL from IFTTT maker channel - https://maker.ifttt.com/trigger/{event}/with/key/cpD5S_pdk2W8MGz2Y8iLP6 Replace the {event} with webform_1 for this demo to make the final URL) Save the Form with a Title. Step 03 Install Rainmaker Plugin in your WordPress website and click on Create New Step 01 In Form tab, select the form fields you want. Select the style from Design tab. Step 02
- 24. Demo 3: Webform Submit Notification Rainmaker Form Actions IFTTT Trigger IFTTT Action
- 25. Demo 3: Webform Submit Notification Type Event Name in the Trigger field (*created in the Rainmaker Webform) Event Name: webform_1 Step 06 Copy the shortcode similar to this [rainmaker_form id="508"] and place it in any of your posts. (Can be found near Form Title) Step 04 Go to your IFTTT Dashboard and start New Applet. Select Webhooks for Trigger. Select the trigger option Receive a web request Step 05 Choose Notifications as Action. Select action Send a notification from the IFTTT app. (You must install IFTTT App in your phone). You can customize the Message. Leave the “EventName” as it is for showing your Event Name in the notification or customize it to suit your needs. That’s It !!! Step 07
- 26. Demo 3: Webform Submit Notification Notification
- 27. Demo 4: Auto-Gallery From Instagram Go to your IFTTT Dashboard and start search with term “instagram ifttt bridge”. Select the one which listed as “If I create a Instagram photo then create the photo in my IFTTT Instagram Gallery via IFTTT Bridge” by user bjoerne.Turn on the Applet. Step 03 Install IFTTT Bridge and IFTTT Instagram Gallery Plugins in your WordPress website Step 01 Create a New Post and place the shortcode [ifttt_instagram_gallery]. Step 02 [ifttt_instagram_gallery]
- 28. Demo 4: Auto-Gallery From Instagram Connect to the service if asked to link your Instagram Account. Step 04 Connect to your WordPress Account. Submit your WordPress credentials. Blog URL : My Website URL Username : Admin Username Password : ******** (My Password) Finish the Applet and That’s it !!! Step 05 [ifttt_instagram_gallery]
- 29. Demo 4: Auto-Gallery From Instagram
- 30. PHONE: +91 9895577229 EMAIL: shamnad.t@digxtech.com facebook.com/shamnad.t twitter.com/Shamnad_t github.com/DIGX Thank YouShamnad T