{"id":818,"date":"2019-12-11T21:23:33","date_gmt":"2019-12-11T21:23:33","guid":{"rendered":"https:\/\/html5-chat.com\/blog\/?p=818"},"modified":"2019-12-11T21:23:37","modified_gmt":"2019-12-11T21:23:37","slug":"html5-chat-and-weebly","status":"publish","type":"post","link":"https:\/\/html5-chat.com\/blog\/html5-chat-and-weebly\/","title":{"rendered":"html5 chat and weebly"},"content":{"rendered":"\n<p>You can easily add html5 webcam chat to <a href=\"https:\/\/www.weebly.com\/\">weebly<\/a>. <br>(weebly is a free online website creation tool, wix like)<\/p>\n\n\n\n<p>In weebly, it is extremely simple to integrate the chat: <\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Create a new page (called &#8220;chat&#8221; for instance)<\/li><li>Insert a code integration element inside the page<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"112\" height=\"81\" src=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2019\/12\/code-1.jpg\" alt=\"\" class=\"wp-image-822\"\/><figcaption>Weebly element to be inserted<\/figcaption><\/figure>\n\n\n\n<p>insert that : <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div style=\"width:100%;height:640px\">YOUR_HTML5CHAT_SCRIPT&lt;\/div><\/code><\/pre>\n\n\n\n<p>And that&#8217;s all: you will have a chat of 100% width and 640px height inside your chat page !<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"364\" src=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2019\/12\/weebly2-1024x364.jpg\" alt=\"\" class=\"wp-image-823\" srcset=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2019\/12\/weebly2-1024x364.jpg 1024w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2019\/12\/weebly2-300x107.jpg 300w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2019\/12\/weebly2-768x273.jpg 768w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2019\/12\/weebly2.jpg 1507w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>here is the &lt;div> container and the html5 script<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>You can easily add html5 webcam chat to weebly. (weebly is a free online website creation tool, wix like) In weebly, it is extremely simple to integrate the chat: Create a new page (called &#8220;chat&#8221; for instance) Insert a code integration element inside the page insert that : And that&#8217;s all: you will have a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":820,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22],"tags":[],"class_list":["post-818","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cms"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/818","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/comments?post=818"}],"version-history":[{"count":3,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/818\/revisions"}],"predecessor-version":[{"id":825,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/818\/revisions\/825"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/media\/820"}],"wp:attachment":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/media?parent=818"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/categories?post=818"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/tags?post=818"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}