{"id":7237,"date":"2020-11-10T12:51:31","date_gmt":"2020-11-10T06:51:31","guid":{"rendered":"http:\/\/localhost\/wpbot\/?page_id=7237"},"modified":"2021-12-13T11:51:35","modified_gmt":"2021-12-13T11:51:35","slug":"dialogflow-integration","status":"publish","type":"page","link":"https:\/\/dev.quantumcloud.com\/wpbot-pro\/dialogflow-integration\/","title":{"rendered":"Dialogflow Integration with ChatBot"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7237\" class=\"elementor elementor-7237\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2fc2268b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2fc2268b\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7726df96 InnerMainHeading\" data-id=\"7726df96\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-73965943 elementor-widget elementor-widget-heading\" data-id=\"73965943\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Dialogflow Integration with \n<span>ChatBot<span><\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-289660fc elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-heading\" data-id=\"289660fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Get the #1 ChatBot for WordPress \u2013 WPBot<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-2028bb43 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2028bb43\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-7ea6ec5b\" data-id=\"7ea6ec5b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fa7d1d3 elementor-align-right elementor-widget elementor-widget-button\" data-id=\"fa7d1d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Pricing Plan<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-5cfd275c\" data-id=\"5cfd275c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-25ed829e elementor-widget elementor-widget-button\" data-id=\"25ed829e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-arrow-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Try Live Demo<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-39f79d34 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"39f79d34\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-527c7bcd\" data-id=\"527c7bcd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-55c0a86c elementor-widget elementor-widget-text-editor\" data-id=\"55c0a86c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Make sure that you are logged into the Google\/Gmail account that you want to use.&nbsp;<\/p>\n<p><strong><span style=\"color: #3366ff; font-size: 20px\">\u221a<\/span> <\/strong>First of all, You need to create a google project. In order to create a project please go to the following URL and follow along with the screenshots and links below.<\/p>\n<p>Link<a href=\"https:\/\/console.cloud.google.com\/home\/dashboard\">: https:\/\/console.cloud.google.com\/home\/dashboard<\/a><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone wp-image-7238 size-full\" src=\"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download.png\" alt=\"\" width=\"1346\" height=\"538\" srcset=\"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download.png 1346w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-300x120.png 300w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-1024x409.png 1024w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-768x307.png 768w\" sizes=\"(max-width: 1346px) 100vw, 1346px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-7239 size-full\" src=\"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-1.png\" alt=\"\" width=\"1111\" height=\"807\" srcset=\"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-1.png 1111w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-1-300x218.png 300w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-1-1024x744.png 1024w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-1-768x558.png 768w\" sizes=\"(max-width: 1111px) 100vw, 1111px\" \/><\/p>\n<p><strong><span style=\"color: #3366ff; font-size: 20px\"><br><\/span><\/strong><\/p><p><strong><span style=\"color: #3366ff; font-size: 20px\">\u221a<\/span> <\/strong>After that, you need to create a service account for the project you created.<\/p><p><br><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-7240 size-full\" src=\"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-2.png\" alt=\"\" width=\"1560\" height=\"899\" srcset=\"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-2.png 1560w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-2-300x173.png 300w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-2-1024x590.png 1024w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-2-768x443.png 768w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-2-1536x885.png 1536w\" sizes=\"(max-width: 1560px) 100vw, 1560px\" \/><\/p>\n<p><strong><span style=\"color: #3366ff; font-size: 20px\"><br><\/span><\/strong><\/p><p><strong><span style=\"color: #3366ff; font-size: 20px\">\u221a<\/span> <\/strong>Then you need to select <strong>Owner<\/strong> as the role for the <strong>service account<\/strong> you created. This part is very <strong>important<\/strong>.<\/p><p><br><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7241 size-full\" src=\"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-3.png\" alt=\"\" width=\"1166\" height=\"853\" srcset=\"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-3.png 1166w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-3-300x219.png 300w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-3-1024x749.png 1024w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-3-768x562.png 768w\" sizes=\"(max-width: 1166px) 100vw, 1166px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><strong><span style=\"color: #3366ff; font-size: 20px\"><br><\/span><\/strong><\/p><p><strong><span style=\"color: #3366ff; font-size: 20px\">\u221a<\/span> <\/strong>For creating a private key please go to <a href=\"https:\/\/console.cloud.google.com\/home\/dashboard\">https:\/\/console.cloud.google.com\/home\/dashboard<\/a> then go to project settings.<\/p><p><br><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7243 size-full\" src=\"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-5.png\" alt=\"\" width=\"1039\" height=\"784\" srcset=\"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-5.png 1039w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-5-300x226.png 300w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-5-1024x773.png 1024w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-5-768x580.png 768w\" sizes=\"(max-width: 1039px) 100vw, 1039px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><strong><span style=\"color: #3366ff;\"><br><\/span><\/strong><\/p><p><strong><span style=\"color: #3366ff;\">\u221a<\/span> <\/strong>After that click on the service account tab from the left menu and then create a private key. Select JSON key that you will have to download. You will need to later open the <strong>JSON<\/strong> file in notepad and copy the key to the WPBot DialogFlow Settings area.<\/p><p><br><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7244 size-full\" src=\"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-6.png\" alt=\"\" width=\"1825\" height=\"586\" srcset=\"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-6.png 1825w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-6-300x96.png 300w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-6-1024x329.png 1024w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-6-768x247.png 768w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-6-1536x493.png 1536w\" sizes=\"(max-width: 1825px) 100vw, 1825px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><strong><span style=\"color: #3366ff; font-size: 20px\"><br><\/span><\/strong><\/p><p><strong><span style=\"color: #3366ff; font-size: 20px\">\u221a<\/span> <\/strong>After successfully creating the google project &amp; service account you need to create a Dialogflow agent from this link: <a href=\"https:\/\/dialogflow.cloud.google.com\/\">https:\/\/dialogflow.cloud.google.com\/<\/a><\/p>\n<p>When creating the agent you should see the project you just created under Import and Existing project option.<\/p>\n<p>Select the project and give a name for your agent then hit the create button.<\/p><p><br><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7242 size-full\" src=\"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-4.png\" alt=\"\" width=\"1445\" height=\"836\" srcset=\"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-4.png 1445w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-4-300x174.png 300w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-4-1024x592.png 1024w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/download-4-768x444.png 768w\" sizes=\"(max-width: 1445px) 100vw, 1445px\" \/><\/p>\n<p>&nbsp;<\/p><p><br><\/p>\n<p><strong><span style=\"color: #3366ff;\">\u221a<\/span> <\/strong>You are all set now. You just need to put the private key that you created earlier and project ID in Chatbot Pro &gt; Settings &gt; Dialogflow page.<\/p>\n<p>&nbsp;<\/p><p><br><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7245 size-full\" src=\"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/Screenshot_7.jpg\" alt=\"\" width=\"1063\" height=\"911\" srcset=\"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/Screenshot_7.jpg 1063w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/Screenshot_7-300x257.jpg 300w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/Screenshot_7-1024x878.jpg 1024w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/Screenshot_7-768x658.jpg 768w\" sizes=\"(max-width: 1063px) 100vw, 1063px\" \/><\/p>\n<p>&nbsp;<\/p><p><br><\/p>\n<p><strong><span style=\"color: #3366ff; font-size: 20px\">\u221a<\/span> <\/strong>Then hit the save button.<\/p>\n<p>** Make sure that the Google Client Library is installed in the DialogFlow section.<\/p><p><br><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-6986 size-medium\" src=\"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/03\/Screenshot_8-300x285.jpg\" alt=\"\" width=\"300\" height=\"285\" srcset=\"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/03\/Screenshot_8-300x285.jpg 300w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/03\/Screenshot_8.jpg 434w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>&nbsp; &nbsp; ========&gt;&nbsp; &nbsp;<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7254 size-medium\" src=\"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/google-client-300x108.jpg\" alt=\"\" width=\"300\" height=\"108\" srcset=\"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/google-client-300x108.jpg 300w, https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-content\/uploads\/2020\/11\/google-client.jpg 597w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p><strong><span style=\"color: #3366ff; font-size: 20px\"><br><\/span><\/strong><\/p><p><strong><span style=\"color: #3366ff; font-size: 20px\">\u221a<\/span> <\/strong>Test the connection by clicking the Test connection button to make sure all is OK.<\/p>\n<p>Now WPBot is connected to your DialogFlow agent and you can create Intents in your connected DialogFlow agent that will be automatically searched by the WPBot for matching results \ud83d\ude42<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dialogflow Integration with ChatBot Get the #1 ChatBot for WordPress \u2013 WPBot Pricing Plan Try Live Demo Make sure that you are logged into the Google\/Gmail account that you want to use.&nbsp; \u221a First of all, You need to create a google project. In order to create a project please go to the following URL and follow along with the screenshots and links below. Link: https:\/\/console.cloud.google.com\/home\/dashboard &nbsp; \u221a After that, you need to create a service account for the project you created. \u221a Then you need to select Owner as the role for the service account you created. This part\u2026<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7237","page","type-page","status-publish","hentry"],"blocksy_meta":"","_links":{"self":[{"href":"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-json\/wp\/v2\/pages\/7237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-json\/wp\/v2\/comments?post=7237"}],"version-history":[{"count":9,"href":"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-json\/wp\/v2\/pages\/7237\/revisions"}],"predecessor-version":[{"id":8589,"href":"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-json\/wp\/v2\/pages\/7237\/revisions\/8589"}],"wp:attachment":[{"href":"https:\/\/dev.quantumcloud.com\/wpbot-pro\/wp-json\/wp\/v2\/media?parent=7237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}