{"componentChunkName":"component---src-templates-blog-post-js","path":"/how-to-install-vuukle-on-a-squarespace-site/","result":{"data":{"site":{"siteMetadata":{"title":"Vuukle Docs","author":"Vuukle"}},"markdownRemark":{"id":"23818c34-c532-55db-93b2-aa3e2c667931","html":"<p>First of all you will need to get your integration code, to get it please follow <a href=\"http://docs.vuukle.com/install-vuukle-on-javascript-site/\">This Guide</a></p>\n<p>Once you have it, go to the page where you want to install Vuukle and open <strong>Edit</strong> mode on the Squarespace.</p>\n<p>Add <strong>Code</strong> block on the page</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 960px;\"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/eddcd14508f2615c0f7f078619f33d3d/29114/how-to-install-vuukle-on-a-squarespace-site-img1.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 50.83333333333333%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABPUlEQVQoz41S266CMBD0/z/B+ID+iF/AG15A34gmgga5FhA67uxJyUkwntNk0u22O53ZdnE8HnE4HBSn0wnb7Rbr9RqbzQae52m8XC6xWq00JnzfRxiGuFwuME2j8263w/l8xoKEDkEQIM9z/DXGccQwDOj6HqO1uN1uWjsj5C3cLMsSWZZNeD6fChc3osq0LWpZG0Ecx9jv94oZ4fV6RS83t1LQdZ2CsYPmOMuZ5vFAKee/EiZJorZoyRijJFZs0abDdIns8xxdsXZGyD7c73clZAEtsqdFUWgbiKqqJsJM7BeSc48SRdFcYZqmSkjbpRSToKprvF6vH4giKuYgEUW4n/LxUZzCUQpHviJJRNEgsWVO1lZsc7DfrPlKSIXaMyoRSNPQyqv2YpGxdfn/EjqFzpb99f9c7PY+Eb4BQxjmsq1D8iYAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Edit mode\"\n        title=\"Edit mode\"\n        src=\"/static/eddcd14508f2615c0f7f078619f33d3d/d9199/how-to-install-vuukle-on-a-squarespace-site-img1.png\"\n        srcset=\"/static/eddcd14508f2615c0f7f078619f33d3d/8ff5a/how-to-install-vuukle-on-a-squarespace-site-img1.png 240w,\n/static/eddcd14508f2615c0f7f078619f33d3d/e85cb/how-to-install-vuukle-on-a-squarespace-site-img1.png 480w,\n/static/eddcd14508f2615c0f7f078619f33d3d/d9199/how-to-install-vuukle-on-a-squarespace-site-img1.png 960w,\n/static/eddcd14508f2615c0f7f078619f33d3d/07a9c/how-to-install-vuukle-on-a-squarespace-site-img1.png 1440w,\n/static/eddcd14508f2615c0f7f078619f33d3d/29114/how-to-install-vuukle-on-a-squarespace-site-img1.png 1920w\"\n        sizes=\"(max-width: 960px) 100vw, 960px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<p>Place it where you desire to show Vuukle and paste the integration code (don’t forget to put HTML tag)</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 960px;\"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/f1880f82e57de7ee025d95e3bb0acd47/29114/how-to-install-vuukle-on-a-squarespace-site-img2.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 50.83333333333333%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABUklEQVQoz32SyZKCQBBE/f+fkIt6HD+Bk6fxJC64hBgGzLDDsCk05FT1THNwoSIy6O6gXmRl92i322G73UodDgfouo7ZbIbpdIrxeAxN0/r9ZDKRUuvFYoH9ft/3H49HjBiotFqtkGUZVHVdh6HyfR+GYUCZegKu12t4nid/LssScRwjSRKpqqqkbrcbmqZB27awbVv2DAKDIJBAblAlhJB7llpzOY6DzWYD0zR7xlsgu7EsS+4FOarrWjpjoIqCHXJMDGVx/xOQc+HiMT/mc3wul71jpaIoUNHoruvicrnger1KMfStQ0GOVJV5jjs57sgdn3ueC4/cxXHSZxxFkczxpUMeqeWsOHwekyD87f7PUr6s8xllkdElVWjoPAzD4QxVTo8PR9DI9+rvpvO0QJOXICJyem4mvclB4KNUlj/kMPUDRK6P8MslfcOnPE+nE34B8l7lq+2AGIEAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"integration code\"\n        title=\"integration code\"\n        src=\"/static/f1880f82e57de7ee025d95e3bb0acd47/d9199/how-to-install-vuukle-on-a-squarespace-site-img2.png\"\n        srcset=\"/static/f1880f82e57de7ee025d95e3bb0acd47/8ff5a/how-to-install-vuukle-on-a-squarespace-site-img2.png 240w,\n/static/f1880f82e57de7ee025d95e3bb0acd47/e85cb/how-to-install-vuukle-on-a-squarespace-site-img2.png 480w,\n/static/f1880f82e57de7ee025d95e3bb0acd47/d9199/how-to-install-vuukle-on-a-squarespace-site-img2.png 960w,\n/static/f1880f82e57de7ee025d95e3bb0acd47/07a9c/how-to-install-vuukle-on-a-squarespace-site-img2.png 1440w,\n/static/f1880f82e57de7ee025d95e3bb0acd47/29114/how-to-install-vuukle-on-a-squarespace-site-img2.png 1920w\"\n        sizes=\"(max-width: 960px) 100vw, 960px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<p>Press “Apply” and all is done, enjoy :)</p>","frontmatter":{"title":"How to install Vuukle platform on Squarespace site?","date":"August 22, 2017","category":"Install Vuukle","tags":["javascript","installation","squarespace"],"shortDescription":"Take the engagement on your Squarespace site to the whole new level."}}},"pageContext":{"id":"23818c34-c532-55db-93b2-aa3e2c667931"}}}