{"id":64,"date":"2020-03-31T05:32:01","date_gmt":"2020-03-31T05:32:01","guid":{"rendered":"https:\/\/doc.dialogity.com\/index.php\/docs\/test-doc-site\/install-to-wordpress\/"},"modified":"2021-01-15T21:44:24","modified_gmt":"2021-01-15T21:44:24","slug":"install","status":"publish","type":"docs","link":"https:\/\/doc.dialogity.com\/index.php\/docs\/test-doc-site\/install\/","title":{"rendered":"Installation"},"content":{"rendered":"\n<p class=\"ticss-acf7a96c\">Follow the steps to add Dialogity chat to any site where you are able to modify the site HTML content either directly or by a tag manger.<\/p>\n\n\n\n<h5 class=\"ticss-44b5e296 wp-block-heading\">1.  Create an account<\/h5>\n\n\n\n<p class=\"ticss-d6c265d0\">If you don&#8217;t have your Dialogity account yet, create it at  <a href=\"https:\/\/app.dialogity.com\/registration\">https:\/\/app.dialogity.com\/registration<\/a><\/p>\n\n\n\n<h5 class=\"ticss-693c8e3e wp-block-heading\">2. Get the Dialogity code snippet<\/h5>\n\n\n\n<p class=\"ticss-ee5603c5\">Log in to the Dialogity admin interface, and go to the &#8216;Installation and Design&#8217; menu. Fill out the fields like color, chat header text, welcome message according your preferences than copy the code snippet from the bottom of the page (selected with blue on the image below).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large ticss-c5c946d2\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"356\" src=\"https:\/\/doc.dialogity.com\/wp-content\/uploads\/2020\/03\/header_footer_7-1-1024x356.jpg\" alt=\"\" class=\"wp-image-76\" srcset=\"https:\/\/doc.dialogity.com\/wp-content\/uploads\/2020\/03\/header_footer_7-1-1024x356.jpg 1024w, https:\/\/doc.dialogity.com\/wp-content\/uploads\/2020\/03\/header_footer_7-1-300x104.jpg 300w, https:\/\/doc.dialogity.com\/wp-content\/uploads\/2020\/03\/header_footer_7-1-768x267.jpg 768w, https:\/\/doc.dialogity.com\/wp-content\/uploads\/2020\/03\/header_footer_7-1-1536x534.jpg 1536w, https:\/\/doc.dialogity.com\/wp-content\/uploads\/2020\/03\/header_footer_7-1-1200x417.jpg 1200w, https:\/\/doc.dialogity.com\/wp-content\/uploads\/2020\/03\/header_footer_7-1.jpg 1636w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h5 class=\"ticss-50ae038d wp-block-heading\">3. Edit the header of your site<\/h5>\n\n\n\n<p class=\"ticss-4c211aea\">The html code copied should be inserted to every page on your website (or at least to those pages where you want to display the chat). Ideally you should add the code snippet inside the &#8216;&lt;head&gt;&#8217; tag, but if it&#8217;s not possible other locations might work too.<\/p>\n\n\n\n<p class=\"ticss-eb1b6005\">So let&#8217;s add the script for example directly before the &#8216;&lt;\/head&gt;&#8217; like on the picture below. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large ticss-b3106f47\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/doc.dialogity.com\/wp-content\/uploads\/2021\/01\/insert-code-snippet-1024x484.png\" alt=\"\" class=\"wp-image-171\" srcset=\"https:\/\/doc.dialogity.com\/wp-content\/uploads\/2021\/01\/insert-code-snippet-1024x484.png 1024w, https:\/\/doc.dialogity.com\/wp-content\/uploads\/2021\/01\/insert-code-snippet-300x142.png 300w, https:\/\/doc.dialogity.com\/wp-content\/uploads\/2021\/01\/insert-code-snippet-768x363.png 768w, https:\/\/doc.dialogity.com\/wp-content\/uploads\/2021\/01\/insert-code-snippet-1200x567.png 1200w, https:\/\/doc.dialogity.com\/wp-content\/uploads\/2021\/01\/insert-code-snippet.png 1269w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"ticss-ec758952\">With this step the installation is ready. Later on you can adjust the look and feel and the welcome message on the Dialogity admin site in the &#8216;Installation and Design&#8217; and &#8216;Settings&#8217; menu.<\/p>\n","protected":false},"featured_media":0,"parent":11,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-64","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/doc.dialogity.com\/index.php\/wp-json\/wp\/v2\/docs\/64","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doc.dialogity.com\/index.php\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/doc.dialogity.com\/index.php\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/doc.dialogity.com\/index.php\/wp-json\/wp\/v2\/comments?post=64"}],"version-history":[{"count":14,"href":"https:\/\/doc.dialogity.com\/index.php\/wp-json\/wp\/v2\/docs\/64\/revisions"}],"predecessor-version":[{"id":174,"href":"https:\/\/doc.dialogity.com\/index.php\/wp-json\/wp\/v2\/docs\/64\/revisions\/174"}],"up":[{"embeddable":true,"href":"https:\/\/doc.dialogity.com\/index.php\/wp-json\/wp\/v2\/docs\/11"}],"next":[{"title":"Multi language setup","link":"https:\/\/doc.dialogity.com\/index.php\/docs\/test-doc-site\/multi-language-setup\/","href":"https:\/\/doc.dialogity.com\/index.php\/wp-json\/wp\/v2\/docs\/86"}],"wp:attachment":[{"href":"https:\/\/doc.dialogity.com\/index.php\/wp-json\/wp\/v2\/media?parent=64"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/doc.dialogity.com\/index.php\/wp-json\/wp\/v2\/doc_tag?post=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}