{"id":32195,"date":"2021-12-09T10:58:18","date_gmt":"2021-12-09T09:58:18","guid":{"rendered":"https:\/\/www.sms77.io\/docs\/third-party-solutions\/vivantio\/"},"modified":"2021-12-10T11:00:37","modified_gmt":"2021-12-10T10:00:37","slug":"vivantio","status":"publish","type":"docs","link":"https:\/\/www.seven.io\/en\/docs\/third-party-solutions\/vivantio\/","title":{"rendered":"Vivantio"},"content":{"rendered":"<p>Vivantio is an awarded customer service management software and has built-in functionality to add SMS dispatch with just a few steps of work which I am going to describe in this document.<\/p>\n<h2>Setup<\/h2>\n<p>At first we need to navigate to <i>Admin -> Integration &#038; API -> Webhooks<\/i>.<\/p>\n<h3>Select a Ticket Type<\/h3>\n<p>Choose a ticket type from the dropdown. In this document we chose to use <i>Incident<\/i>.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/staging.seven.io\/wp-content\/uploads\/create_webhook.png\" alt=\"Vivantio: Create Webhook\" width=\"1920\" height=\"651\" class=\"alignnone size-full wp-image-32199\" srcset=\"https:\/\/www.seven.io\/wp-content\/uploads\/create_webhook.png 1920w, https:\/\/www.seven.io\/wp-content\/uploads\/create_webhook-300x102.png 300w, https:\/\/www.seven.io\/wp-content\/uploads\/create_webhook-1024x347.png 1024w, https:\/\/www.seven.io\/wp-content\/uploads\/create_webhook-350x119.png 350w, https:\/\/www.seven.io\/wp-content\/uploads\/create_webhook-250x85.png 250w, https:\/\/www.seven.io\/wp-content\/uploads\/create_webhook-600x203.png 600w, https:\/\/www.seven.io\/wp-content\/uploads\/create_webhook-768x260.png 768w, https:\/\/www.seven.io\/wp-content\/uploads\/create_webhook-400x136.png 400w, https:\/\/www.seven.io\/wp-content\/uploads\/create_webhook-200x68.png 200w, https:\/\/www.seven.io\/wp-content\/uploads\/create_webhook-500x170.png 500w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h3>Set Basic Details<\/h3>\n<p>Set a <i>Name<\/i> to describe the action. This is also the button text which appears on the actions dropdown later on.<\/p>\n<p>Set <i>Request URL<\/i> to <b>https:\/\/gateway.sms77.io\/api\/sms<\/b>.<br \/>\nSet <i>HTTP Method<\/i> to <b>POST<\/b>.<br \/>\nSet <i>Authentication Type<\/i> to <b>No Authentication<\/b>.<br \/>\nSet <i>Response Content Type<\/i> to <b>application\/json<\/b>.<br \/>\nSet <i>Action Description<\/i> to something plausible to describe what happens when using this action.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/staging.seven.io\/wp-content\/uploads\/webhook_basic_details.png\" alt=\"Vivantio: Basic Webhook Details\" width=\"1920\" height=\"581\" class=\"alignnone size-full wp-image-32213\" srcset=\"https:\/\/www.seven.io\/wp-content\/uploads\/webhook_basic_details.png 1920w, https:\/\/www.seven.io\/wp-content\/uploads\/webhook_basic_details-300x91.png 300w, https:\/\/www.seven.io\/wp-content\/uploads\/webhook_basic_details-1024x310.png 1024w, https:\/\/www.seven.io\/wp-content\/uploads\/webhook_basic_details-350x106.png 350w, https:\/\/www.seven.io\/wp-content\/uploads\/webhook_basic_details-250x76.png 250w, https:\/\/www.seven.io\/wp-content\/uploads\/webhook_basic_details-600x182.png 600w, https:\/\/www.seven.io\/wp-content\/uploads\/webhook_basic_details-768x232.png 768w, https:\/\/www.seven.io\/wp-content\/uploads\/webhook_basic_details-400x121.png 400w, https:\/\/www.seven.io\/wp-content\/uploads\/webhook_basic_details-200x61.png 200w, https:\/\/www.seven.io\/wp-content\/uploads\/webhook_basic_details-500x151.png 500w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h3>Parameters<\/h3>\n<p>In the tab <i>Parameters<\/i> we need to add a few request parameters to define the message recipient(s) and the message text.<\/p>\n<p>Click on <i>Add<\/i> for adding a new parameter. We need to define two of these:<\/p>\n<h4>Recipients<\/h4>\n<p>Set <i>Name<\/i> to <b>Recipients<\/b>.<br \/>\nMake sure that <i>Read Only<\/i> is <b>unchecked<\/b>.<br \/>\nSet <i>Data Type<\/i> to <b>Alpha Numeric<\/b>.<br \/>\nSet <i>Display Type<\/i> to <b>Freetext<\/b>.<br \/>\nSet <i>Default Source<\/i> to <b>{{ticket.callerphone}}<\/b>. This sets the ticket contact phone as default recipient.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/staging.seven.io\/wp-content\/uploads\/parameter_recipients-1.png\" alt=\"Vivantio: Recipients Parameter\" width=\"1694\" height=\"995\" class=\"alignnone size-full wp-image-32217\" srcset=\"https:\/\/www.seven.io\/wp-content\/uploads\/parameter_recipients-1.png 1694w, https:\/\/www.seven.io\/wp-content\/uploads\/parameter_recipients-1-300x176.png 300w, https:\/\/www.seven.io\/wp-content\/uploads\/parameter_recipients-1-1024x601.png 1024w, https:\/\/www.seven.io\/wp-content\/uploads\/parameter_recipients-1-350x206.png 350w, https:\/\/www.seven.io\/wp-content\/uploads\/parameter_recipients-1-250x147.png 250w, https:\/\/www.seven.io\/wp-content\/uploads\/parameter_recipients-1-600x352.png 600w, https:\/\/www.seven.io\/wp-content\/uploads\/parameter_recipients-1-768x451.png 768w, https:\/\/www.seven.io\/wp-content\/uploads\/parameter_recipients-1-400x235.png 400w, https:\/\/www.seven.io\/wp-content\/uploads\/parameter_recipients-1-200x117.png 200w, https:\/\/www.seven.io\/wp-content\/uploads\/parameter_recipients-1-500x294.png 500w\" sizes=\"(max-width: 1694px) 100vw, 1694px\" \/><\/p>\n<h4>Text<\/h4>\n<p>Set <i>Name<\/i> to <b>Text<\/b>.<br \/>\nMake sure that <i>Read Only<\/i> is <b>unchecked<\/b>.<br \/>\nSet <i>Data Type<\/i> to <b>Alpha Numeric<\/b>.<br \/>\nSet <i>Display Type<\/i> to <b>Freetext (Multiline)<\/b>.<br \/>\nLeave <i>Default Source<\/i> empty.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/staging.seven.io\/wp-content\/uploads\/parameter_text.png\" alt=\"Vivantio: Text Parameter\" width=\"1920\" height=\"581\" class=\"alignnone size-full wp-image-32207\" srcset=\"https:\/\/www.seven.io\/wp-content\/uploads\/parameter_text.png 1920w, https:\/\/www.seven.io\/wp-content\/uploads\/parameter_text-300x91.png 300w, https:\/\/www.seven.io\/wp-content\/uploads\/parameter_text-1024x310.png 1024w, https:\/\/www.seven.io\/wp-content\/uploads\/parameter_text-350x106.png 350w, https:\/\/www.seven.io\/wp-content\/uploads\/parameter_text-250x76.png 250w, https:\/\/www.seven.io\/wp-content\/uploads\/parameter_text-600x182.png 600w, https:\/\/www.seven.io\/wp-content\/uploads\/parameter_text-768x232.png 768w, https:\/\/www.seven.io\/wp-content\/uploads\/parameter_text-400x121.png 400w, https:\/\/www.seven.io\/wp-content\/uploads\/parameter_text-200x61.png 200w, https:\/\/www.seven.io\/wp-content\/uploads\/parameter_text-500x151.png 500w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h3>Request Body<\/h3>\n<p>In the tab <i>Request Body<\/i> we need to define how the payload of our API request looks like.<br \/>\nSet <i>Request Content Type<\/i> to <b>application\/json<\/b>.<br \/>\nSet <i>Body Template<\/i> to look similar to this:<\/p>\n<pre lang=\"json\">\r\n{\r\n  \"from\": \"optionalSenderIdentifierMaximum11alphanumericOr16NumericCharacters\",\r\n  \"p\": \"sms77ApiKeyNeedsToBeInsertedHere\",\r\n  \"text\": \"{{text}}\",\r\n  \"to\": \"{{to}}\"\r\n}\r\n<\/pre>\n<p><img decoding=\"async\" src=\"https:\/\/staging.seven.io\/wp-content\/uploads\/request_body.png\" alt=\"Vivantio: Request Body\" width=\"1920\" height=\"651\" class=\"alignnone size-full wp-image-32209\" srcset=\"https:\/\/www.seven.io\/wp-content\/uploads\/request_body.png 1920w, https:\/\/www.seven.io\/wp-content\/uploads\/request_body-300x102.png 300w, https:\/\/www.seven.io\/wp-content\/uploads\/request_body-1024x347.png 1024w, https:\/\/www.seven.io\/wp-content\/uploads\/request_body-350x119.png 350w, https:\/\/www.seven.io\/wp-content\/uploads\/request_body-250x85.png 250w, https:\/\/www.seven.io\/wp-content\/uploads\/request_body-600x203.png 600w, https:\/\/www.seven.io\/wp-content\/uploads\/request_body-768x260.png 768w, https:\/\/www.seven.io\/wp-content\/uploads\/request_body-400x136.png 400w, https:\/\/www.seven.io\/wp-content\/uploads\/request_body-200x68.png 200w, https:\/\/www.seven.io\/wp-content\/uploads\/request_body-500x170.png 500w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h3>Save Webhook<\/h3>\n<p>Click on <i>Save<\/i> to finally create your first webhook.<\/p>\n<h3>Select Roles<\/h3>\n<p>Find the button <i>Roles<\/i> in the toolbar and click on it.<br \/>\nUse drag &#038; drop to make sure <i>Current Roles<\/i> is not empty. Only users assigned to this role will be able to make use of our webhook.<br \/>\n<img decoding=\"async\" src=\"https:\/\/staging.seven.io\/wp-content\/uploads\/select_roles.png\" alt=\"Vivantio: Select Roles\" width=\"1920\" height=\"651\" class=\"alignnone size-full wp-image-32211\" srcset=\"https:\/\/www.seven.io\/wp-content\/uploads\/select_roles.png 1920w, https:\/\/www.seven.io\/wp-content\/uploads\/select_roles-300x102.png 300w, https:\/\/www.seven.io\/wp-content\/uploads\/select_roles-1024x347.png 1024w, https:\/\/www.seven.io\/wp-content\/uploads\/select_roles-350x119.png 350w, https:\/\/www.seven.io\/wp-content\/uploads\/select_roles-250x85.png 250w, https:\/\/www.seven.io\/wp-content\/uploads\/select_roles-600x203.png 600w, https:\/\/www.seven.io\/wp-content\/uploads\/select_roles-768x260.png 768w, https:\/\/www.seven.io\/wp-content\/uploads\/select_roles-400x136.png 400w, https:\/\/www.seven.io\/wp-content\/uploads\/select_roles-200x68.png 200w, https:\/\/www.seven.io\/wp-content\/uploads\/select_roles-500x170.png 500w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<h3>Test Webhook<\/h3>\n<p>Open a ticket of type <i>Incident<\/i> and press the <i>Actions<\/i> button. Click on the button saying <i>Send SMS via sms77<\/i>.<br \/>\n<img decoding=\"async\" src=\"https:\/\/staging.seven.io\/wp-content\/uploads\/incident_send_sms.png\" alt=\"Vivantio: Send SMS\" width=\"1905\" height=\"1601\" class=\"alignnone size-full wp-image-32201\" srcset=\"https:\/\/www.seven.io\/wp-content\/uploads\/incident_send_sms.png 1905w, https:\/\/www.seven.io\/wp-content\/uploads\/incident_send_sms-300x252.png 300w, https:\/\/www.seven.io\/wp-content\/uploads\/incident_send_sms-1024x861.png 1024w, https:\/\/www.seven.io\/wp-content\/uploads\/incident_send_sms-350x294.png 350w, https:\/\/www.seven.io\/wp-content\/uploads\/incident_send_sms-250x210.png 250w, https:\/\/www.seven.io\/wp-content\/uploads\/incident_send_sms-600x504.png 600w, https:\/\/www.seven.io\/wp-content\/uploads\/incident_send_sms-768x645.png 768w, https:\/\/www.seven.io\/wp-content\/uploads\/incident_send_sms-400x336.png 400w, https:\/\/www.seven.io\/wp-content\/uploads\/incident_send_sms-476x400.png 476w, https:\/\/www.seven.io\/wp-content\/uploads\/incident_send_sms-200x168.png 200w, https:\/\/www.seven.io\/wp-content\/uploads\/incident_send_sms-500x420.png 500w\" sizes=\"(max-width: 1905px) 100vw, 1905px\" \/><\/p>\n<p>The following popup shows up, where you type in your SMS text in the field <i>Text<\/i>.<br \/>\nIf the user has a phone number assosciated, it will be set as default value in the field <i>Recipients<\/i>. You may add more recipients separated by comma.<\/p>\n<p>Finally press <i>OK<\/i> and your SMS will be sent!<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/staging.seven.io\/wp-content\/uploads\/incident_send_sms_compose-1.png\" alt=\"Vivantio: Compose SMS\" width=\"1905\" height=\"1601\" class=\"alignnone size-full wp-image-32215\" srcset=\"https:\/\/www.seven.io\/wp-content\/uploads\/incident_send_sms_compose-1.png 1905w, https:\/\/www.seven.io\/wp-content\/uploads\/incident_send_sms_compose-1-300x252.png 300w, https:\/\/www.seven.io\/wp-content\/uploads\/incident_send_sms_compose-1-1024x861.png 1024w, https:\/\/www.seven.io\/wp-content\/uploads\/incident_send_sms_compose-1-350x294.png 350w, https:\/\/www.seven.io\/wp-content\/uploads\/incident_send_sms_compose-1-250x210.png 250w, https:\/\/www.seven.io\/wp-content\/uploads\/incident_send_sms_compose-1-600x504.png 600w, https:\/\/www.seven.io\/wp-content\/uploads\/incident_send_sms_compose-1-768x645.png 768w, https:\/\/www.seven.io\/wp-content\/uploads\/incident_send_sms_compose-1-400x336.png 400w, https:\/\/www.seven.io\/wp-content\/uploads\/incident_send_sms_compose-1-476x400.png 476w, https:\/\/www.seven.io\/wp-content\/uploads\/incident_send_sms_compose-1-200x168.png 200w, https:\/\/www.seven.io\/wp-content\/uploads\/incident_send_sms_compose-1-500x420.png 500w\" sizes=\"(max-width: 1905px) 100vw, 1905px\" \/><\/p>\n","protected":false},"featured_media":0,"parent":17826,"menu_order":62,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-32195","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/www.seven.io\/en\/wp-json\/wp\/v2\/docs\/32195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.seven.io\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.seven.io\/en\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/www.seven.io\/en\/wp-json\/wp\/v2\/comments?post=32195"}],"version-history":[{"count":3,"href":"https:\/\/www.seven.io\/en\/wp-json\/wp\/v2\/docs\/32195\/revisions"}],"predecessor-version":[{"id":32223,"href":"https:\/\/www.seven.io\/en\/wp-json\/wp\/v2\/docs\/32195\/revisions\/32223"}],"up":[{"embeddable":true,"href":"https:\/\/www.seven.io\/en\/wp-json\/wp\/v2\/docs\/17826"}],"next":[{"title":"VirtueMart (Joomla)","link":"https:\/\/www.seven.io\/en\/docs\/third-party-solutions\/virtuemart-joomla\/","href":"https:\/\/www.seven.io\/en\/wp-json\/wp\/v2\/docs\/22742"}],"prev":[{"title":"Tricoma","link":"https:\/\/www.seven.io\/en\/docs\/third-party-solutions\/tricoma\/","href":"https:\/\/www.seven.io\/en\/wp-json\/wp\/v2\/docs\/30905"}],"wp:attachment":[{"href":"https:\/\/www.seven.io\/en\/wp-json\/wp\/v2\/media?parent=32195"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.seven.io\/en\/wp-json\/wp\/v2\/doc_tag?post=32195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}