Best Free Google Web Stories Builder And Creator

<!DOCTYPE html> <html lang="en-US" prefix="og: https://ogp.me/ns#"> <head> <meta charset="UTF-8"> <title>Best Free Google Web Stories Builder And Creator</title> <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"> <link rel="shortcut icon" href="https://makestories.io/wp-content/themes/makestories/favicon.png"/>  <link rel="preload" href="https://cdn.storyasset.link/website/Video-1.mp4" as="video" /> <link rel="preload" href="https://transform.storyasset.link/website-images/amp-web-story-builder.jpg" as="image" /> <link rel="stylesheet" href="https://makestories.io/wp-content/themes/makestories/css/owl.carousel.css">  <link href="https://assets.calendly.com/assets/external/widget.css" async defer rel="stylesheet"> <link rel="stylesheet" type="text/css" href="https://makestories.io/wp-content/themes/makestories/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="https://makestories.io/wp-content/themes/makestories/common.css"> <link rel="stylesheet" type="text/css" href="https://makestories.io/wp-content/themes/makestories/custom.css"> <link rel="stylesheet" type="text/css" href="https://makestories.io/wp-content/themes/makestories/style.css"> <style>@charset "UTF-8";.YouTubePopUp-Wrap{position:fixed;width:100%;height:100%;background-color:#000;background-color:rgba(0,0,0,.8);top:0;left:0;z-index:9999999999999}.YouTubePopUp-animation{opacity:0;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:YouTubePopUp;animation-name:YouTubePopUp}@-webkit-keyframes YouTubePopUp{0%{opacity:0}100%{opacity:1}}@keyframes YouTubePopUp{0%{opacity:0}100%{opacity:1}}body.logged-in .YouTubePopUp-Wrap{top:32px;z-index:99998}.YouTubePopUp-Content{max-width:680px;display:block;margin:0 auto;height:100%;position:relative}.YouTubePopUp-Content iframe{max-width:100%!important;width:100%!important;display:block!important;height:480px!important;border:none!important;position:absolute;top:0;bottom:0;margin:auto 0}.YouTubePopUp-Hide{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:YouTubePopUpHide;animation-name:YouTubePopUpHide}@-webkit-keyframes YouTubePopUpHide{0%{opacity:1}100%{opacity:0}}@keyframes YouTubePopUpHide{0%{opacity:1}100%{opacity:0}}.YouTubePopUp-Close{position:absolute;top:0;cursor:pointer;bottom:528px;right:0;margin:auto 0;width:24px;height:24px;background:url(../images/close.png) no-repeat;background-size:24px 24px;-webkit-background-size:24px 24px;-moz-background-size:24px 24px;-o-background-size:24px 24px}.YouTubePopUp-Close:hover{opacity:.5}@media all and (max-width:768px) and (min-width:10px){.YouTubePopUp-Content{max-width:90%}}@media all and (max-width:600px) and (min-width:10px){.YouTubePopUp-Content iframe{height:320px!important}.YouTubePopUp-Close{bottom:362px}}@media all and (max-width:480px) and (min-width:10px){.YouTubePopUp-Content iframe{height:220px!important}.YouTubePopUp-Close{bottom:262px}}</style> <style> .logo-slides li{ padding-bottom: 6rem; position: relative; flex: 1} .logo-slides li img{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); opacity: 0; object-fit: contain; max-width: 67%; max-height: 40px; filter: grayscale(1); } .lg{ animation: lg1 40s infinite; } .lg.show-first{ animation: lg2 2.2s forwards; opacity: 1 } li.d1 .lg.show-first{ animation: lg2 1.2s forwards; } .lg:nth-child(2){ animation-delay: 4.5s; } .lg:nth-child(3){ animation-delay: 9s; } .lg:nth-child(4){ animation-delay: 13.5s; } .lg:nth-child(5){ animation-delay: 18s; } .lg:nth-child(6){ animation-delay: 22.5s; } .lg:nth-child(7){ animation-delay: 27s; } .lg:nth-child(8){ animation-delay: 31.5s; } .lg:nth-child(9){ animation-delay: 36s; } li.d1 .lg:nth-child(1){ animation-delay: 0.9s } li.d1 .lg:nth-child(2){ animation-delay: 5.4s; } li.d1 .lg:nth-child(3){ animation-delay: 9.9s; } li.d1 .lg:nth-child(4){ animation-delay: 14.4s; } li.d1 .lg:nth-child(5){ animation-delay: 18.9s; } li.d1 .lg:nth-child(6){ animation-delay: 23.4s; } li.d1 .lg:nth-child(7){ animation-delay: 27.9s; } li.d1 .lg:nth-child(8){ animation-delay: 32.4s; } li.d1 .lg:nth-child(9){ animation-delay: 36.9s; } li.d2 .lg:nth-child(1){ animation-delay: 1.8s } li.d2 .lg:nth-child(2){ animation-delay: 6.3s; } li.d2 .lg:nth-child(3){ animation-delay: 10.8s; } li.d2 .lg:nth-child(4){ animation-delay: 15.3s; } li.d2 .lg:nth-child(5){ animation-delay: 19.8s; } li.d2 .lg:nth-child(6){ animation-delay: 24.3s; } li.d2 .lg:nth-child(7){ animation-delay: 28.8s; } li.d2 .lg:nth-child(8){ animation-delay: 33.3s; } li.d2 .lg:nth-child(9){ animation-delay: 37.8s; } li.d3 .lg:nth-child(1){ animation-delay: 2.7s } li.d3 .lg:nth-child(2){ animation-delay: 7.2s; } li.d3 .lg:nth-child(3){ animation-delay: 11.7s; } li.d3 .lg:nth-child(4){ animation-delay: 16.2s; } li.d3 .lg:nth-child(5){ animation-delay: 20.7s; } li.d3 .lg:nth-child(6){ animation-delay: 25.2s; } li.d3 .lg:nth-child(7){ animation-delay: 29.7s; } li.d3 .lg:nth-child(8){ animation-delay: 34.2s; } li.d3 .lg:nth-child(9){ animation-delay: 38.7s; } @keyframes lg1{ 0%{ opacity: 0; transform: translateX(-50%) translateY(0%) scale(0.9); } 2.77% { opacity: 1; transform: translateX(-50%) translateY(-50%) scale(1); } 11%{ opacity: 1; transform: translateX(-50%) translateY(-50%) scale(1); } /* Or make 20 and 25 for the effect where there is a gap between two logos */ 12.5%{ opacity: 0; transform: translateX(-50%) translateY(-125%) scale(0.9); } 31%{ opacity: 0; transform: translateX(-50%) translateY(0%) scale(0.9); } 100%{ opacity: 0; transform: translateX(-50%) translateY(0%) scale(0.9); } } @keyframes lg2{ 0% { opacity: 1; transform: translateX(-50%) translateY(-50%) scale(1); } 80% { opacity: 1; transform: translateX(-50%) translateY(-50%) scale(1); } 100%{ opacity: 0; transform: translateX(-50%) translateY(-125%) scale(0.9); } } </style> <link rel="stylesheet" type="text/css" href="https://makestories.io/wp-content/themes/makestories/blog-single.css"> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-138295351-1" type="text/javascript"></script> <script type="text/javascript"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-138295351-1'); </script> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>  <meta name="description" content="Create your best Google web stories online with our amp web story creator and builder. MakeStories helps to build engaging Google Stories templates, faster. Without coding."/> <meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/> <link rel="canonical" href="https://makestories.io/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Best Free Google Web Stories Builder And Creator" /> <meta property="og:description" content="Create your best Google web stories online with our amp web story creator and builder. MakeStories helps to build engaging Google Stories templates, faster. Without coding." /> <meta property="og:url" content="https://makestories.io/" /> <meta property="og:site_name" content="MakeStories" /> <meta property="og:updated_time" content="2024-12-26T10:56:20+00:00" /> <meta property="article:published_time" content="2021-08-09T09:20:17+00:00" /> <meta property="article:modified_time" content="2024-12-26T10:56:20+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Best Free Google Web Stories Builder And Creator" /> <meta name="twitter:description" content="Create your best Google web stories online with our amp web story creator and builder. MakeStories helps to build engaging Google Stories templates, faster. Without coding." /> <meta name="twitter:site" content="@teammakestories" /> <meta name="twitter:creator" content="@teammakestories" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="msadmin" /> <meta name="twitter:label2" content="Time to read" /> <meta name="twitter:data2" content="Less than a minute" /> <script type="application/ld+json" class="rank-math-schema-pro">{"@context":"https://schema.org","@graph":[{"@type":"Place","@id":"https://makestories.io/#place","geo":{"@type":"GeoCoordinates","latitude":"19.189989","longitude":" 72.955123"},"hasMap":"https://www.google.com/maps/search/?api=1&query=19.189989, 72.955123","address":{"@type":"PostalAddress","streetAddress":"1014, Opal Square,","addressLocality":"Rd No. 16, Wagle Estate","addressRegion":"Thane (W), Mh, India","postalCode":"400604","addressCountry":"India"}},{"@type":"Organization","@id":"https://makestories.io/#organization","name":"MakeStories","url":"https://makestories.io","sameAs":["https://twitter.com/teammakestories"],"email":"support@makestories.io","address":{"@type":"PostalAddress","streetAddress":"1014, Opal Square,","addressLocality":"Rd No. 16, Wagle Estate","addressRegion":"Thane (W), Mh, India","postalCode":"400604","addressCountry":"India"},"logo":{"@type":"ImageObject","@id":"https://makestories.io/#logo","url":"https://makestories.io/wp-content/uploads/2021/09/makestories.io_.webp","contentUrl":"https://makestories.io/wp-content/uploads/2021/09/makestories.io_.webp","caption":"MakeStories","inLanguage":"en-US","width":"416","height":"90"},"contactPoint":[{"@type":"ContactPoint","telephone":"877.992.7866","contactType":"customer support"}],"location":{"@id":"https://makestories.io/#place"}},{"@type":"WebSite","@id":"https://makestories.io/#website","url":"https://makestories.io","name":"MakeStories","publisher":{"@id":"https://makestories.io/#organization"},"inLanguage":"en-US","potentialAction":{"@type":"SearchAction","target":"https://makestories.io/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"https://makestories.io/#webpage","url":"https://makestories.io/","name":"Best Free Google Web Stories Builder And Creator","datePublished":"2021-08-09T09:20:17+00:00","dateModified":"2024-12-26T10:56:20+00:00","about":{"@id":"https://makestories.io/#organization"},"isPartOf":{"@id":"https://makestories.io/#website"},"inLanguage":"en-US"},{"@type":"Person","@id":"https://makestories.io/author/msadmin/","name":"msadmin","url":"https://makestories.io/author/msadmin/","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/e77202ffa327aeb2f60c6578dd0f6b9d?s=96&d=mm&r=g","url":"https://secure.gravatar.com/avatar/e77202ffa327aeb2f60c6578dd0f6b9d?s=96&d=mm&r=g","caption":"msadmin","inLanguage":"en-US"},"sameAs":["https://dw.makestories.io"],"worksFor":{"@id":"https://makestories.io/#organization"}},{"@type":"Article","headline":"Best Free Google Web Stories Builder And Creator","keywords":"Google Web Stories,Web Stories,web stories by google","datePublished":"2021-08-09T09:20:17+00:00","dateModified":"2024-12-26T10:56:20+00:00","author":{"@id":"https://makestories.io/author/msadmin/","name":"msadmin"},"publisher":{"@id":"https://makestories.io/#organization"},"description":"Create your best Google web stories online with our amp web story creator and builder. MakeStories helps to build engaging Google Stories templates, faster. Without coding.","name":"Best Free Google Web Stories Builder And Creator","@id":"https://makestories.io/#richSnippet","isPartOf":{"@id":"https://makestories.io/#webpage"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://makestories.io/#webpage"}}]}</script> <meta name="google-site-verification" content="XXryGtNRZ5ekB824-Ss4idNgCbO_ndO4zy3MbaePLGo" /> <meta name="yandex-verification" content="8a59f19bb4518099" />  <link rel='dns-prefetch' href='//cdn.ampproject.org' /> <link rel='dns-prefetch' href='//js.makestories.io' /> <link rel='stylesheet' id='wp-block-library-css' href='https://makestories.io/wp-includes/css/dist/block-library/style.min.css?ver=6.7.2' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='ald-styles-css' href='https://makestories.io/wp-content/plugins/ajax-load-more-anything/assets/css/styles.css?ver=3.3.2' type='text/css' media='all' /> <link rel='stylesheet' id='contact-form-7-css' href='https://makestories.io/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.8.4' type='text/css' media='all' /> <link rel='stylesheet' id='style-main-css' href='https://makestories.io/wp-content/plugins/makestories-helper/assets/css/ms-style.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='slick-theme-css-css' href='https://makestories.io/wp-content/plugins/makestories-helper/vendor/slick/slick-theme.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='slick-css-css' href='https://makestories.io/wp-content/plugins/makestories-helper/vendor/slick/slick.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='amp-story-player-css' href='https://cdn.ampproject.org/amp-story-player-v0.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='wp_mailjet_form_builder_widget-widget-front-styles-css' href='https://makestories.io/wp-content/plugins/mailjet-for-wordpress/src/widgetformbuilder/css/front-widget.css?ver=5.5.2' type='text/css' media='all' /> <script type="text/javascript" src="https://makestories.io/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://makestories.io/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" id="ald-scripts-js-extra"> /* <![CDATA[ */ var ald_params = {"nonce":"b299d47165","ajaxurl":"https:\/\/makestories.io\/wp-admin\/admin-ajax.php","ald_pro":"0"}; /* ]]> */ </script> <script type="text/javascript" src="https://makestories.io/wp-content/plugins/ajax-load-more-anything/assets/js/scripts.js?ver=3.3.2" id="ald-scripts-js"></script> <script type="text/javascript" src="https://cdn.ampproject.org/amp-story-player-v0.js?ver=6.7.2" id="amp-story-player-js"></script> <link rel="https://api.w.org/" href="https://makestories.io/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://makestories.io/wp-json/wp/v2/pages/5" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://makestories.io/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.2" /> <link rel='shortlink' href='https://makestories.io/' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://makestories.io/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmakestories.io%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://makestories.io/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmakestories.io%2F&format=xml" /> <style type="text/css" id="wp-custom-css"> @media (max-width: 991.98px) { video { height: auto; } } .blog-author-details { border-bottom: 2px solid #f2f2f2; margin-bottom: 3px; } .blogpost .blogtext p { -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .menu.sticky.nav-up { top: 0; } .y-l22 { background-image: url(https://transform.storyasset.link/website-images/path22.svg);background-position: left 1rem;} .diff-fea { background: url(https://transform.storyasset.link/website-images/bg-pink.jpg)center top no-repeat; } .y-l50, .y-l51, .y-l52 { background-position: left .7rem; } .step-contain .s2 video { height: auto; } .logo-slides.conn { display: block !important; } .logo-slides.conn + div { display: none !important; } @media (max-width: 767.98px) { .lft-txt h1 br{display:none} .lft-txt h1 { line-height: 1.5; } .pricing-tables .p-con .text-right { text-align: center !important; } .logo-slides ul li img { width: 75%; } .blue-pan .btn-bse.wht-bn { margin-left: 0; } } @media (max-width: 575.98px) { .banner .pdt-vdo-btn { margin-bottom: 1.2rem; } } @media (max-width: 450.98px) { .banner .mid-btn a { width: 80%; margin: 0 auto 1.2rem !important; display: block !important; text-align: center; } } </style> <style type="text/css">{display:none}{visibility:hidden}</style> <script src="https://platform.illow.io/banner.js?siteId=ccf5826b-fedf-42b3-94fc-b6f373be98dd"></script> </head> <body > <div style=" width: 100%; display: flex; height: 30px; background: #fafafa; border-bottom: 1px solid #e8e8e8; justify-content: center; align-items: center; "> <div class="container-fluid wh text-right" style=" font-size: 13px; color: #5a5a5a; "> <a href="#" target="_blank"> Docs | </a> <a href="#" target="_blank"> Support | </a> <a href="#" target="_blank"> Login </a> </div> </div> <header class="menu"> <div class=" container-fluid wh pt-3 pb-3" > <div class="row"> <div class="col-md-2 col-lg-2"> <a href="https://makestories.io/"> <img src="https://makestories.io/wp-content/themes/makestories/makestories-logo-black.svg" alt="MakeStories-logo" class="logo"> </a> </div> <div class="col-md-10 col-lg-10"> <nav class="navbar navbar-expand-lg navbar-light mainmenu" id="main_navbar"> <button onclick="$(this).toggleClass('is-active',200)" class="navbar-toggler hamburger hamburger--emphatic" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="mob-logo mo-img"> <a href="https://makestories.io/"> <img loading="lazy" src="https://makestories.io/wp-content/themes/makestories/makestories-logo-black.svg" alt="MakeStories-logo" class="logo mo-img"> </a> </div> <div class="d-flex postion-relative justify-content-between w-100 align-items-center mob-nav"> <ul class="navbar-nav"> <li> <a href="https://makestories.io/ai-story-creator/"> AI Story Creator </a> </li> <li> <a href="https://makestories.io/about/"> About </a> </li> <li> <a href="#">Product <span class="arrow arrow-bottom"></span></a> <div class="navbar-submenu"> <div class="navbar-submenu-list"> <div class=" navbar-submenu-stories "> <div class="mega-menu-heading"> <h2>Create Beautiful Stories</h2> </div> <ul class=" multi-colors-list "> <li> <a class="dropdown-item bg-light-green" href=" https://makestories.io/webstories-editor/ "> <div> <img loading="lazy" src="https://transform.storyasset.link/website-images/MS_Icons/Editor.svg" alt="Editor-icon"> </div> <div> <h4>Editor</h4> <p>With simple drag and drop functionality, everyone on your team.</p> </div> </a> </li> <li> <a class="dropdown-item bg-light-green" href=" https://makestories.io/official-wordpress-webstories-plugin/ "> <div> <img loading="lazy" src="https://transform.storyasset.link/website-images/MS_Icons/Wordpress.svg" alt="WordPress-Plugin"> </div> <div> <h4>WordPress Plugin</h4> <p>Seamlessly create web story on your WordPress website.</p> </div> </a> </li> <li> <a class="dropdown-item bg-light-green" href=" https://makestories.io/interactive-stories/ "> <div> <img loading="lazy" src="https://transform.storyasset.link/website-images/MS_Icons/Interactive-Stories.svg" alt="Interactive-Stories"> </div> <div> <h4>Interactive Stories</h4> <p>Engage and delight your audience with our Interactive Stories.</p> </div> </a> </li> <li> <a class="dropdown-item bg-light-green" href=" https://makestories.io/embed-google-web-stories/ "> <div> <img loading="lazy" src="https://makestories.io/wp-content/uploads/2021/12/Widget-icon.png" alt="Widget"> </div> <div> <h4>Widget</h4> <p>Distribute Web Stories using Widgets</p> </div> </a> </li> </ul> </div> <div class=" navbar-submenu-web-stories "> <div class="mega-menu-heading"> <h2>Host your Web Stories</h2> </div> <ul class=" multi-colors-list-1 "> <li> <a class="dropdown-item bg-light-green" href=" https://makestories.io/story-player/ "> <div> <img loading="lazy" src="https://transform.storyasset.link/website-images/MS_Icons/Story-Player.svg" alt="Story Player"> </div> <div> <h4>Story Player <div class="number">New</h4> <p>Create Instagram style carousels that can be easily embedded into your website.</p> </div> </a> </li> <li> <a class="dropdown-item bg-light-green" href=" https://makestories.io/web-story-hosting/ "> <div> <img loading="lazy" src="https://transform.storyasset.link/website-images/MS_Icons/Host-with-MS.svg" alt="Hosting"> </div> <div> <h4>Host with MS<div class="number">New</h4> <p>Host your web stories on MakeStories’s fast & secure WebHost.</p> </div> </a> </li> <li> <a class="dropdown-item bg-light-green" href=" https://makestories.io/connectors/ "> <div> <img loading="lazy" src="https://transform.storyasset.link/website-images/MS_Icons/Host-on-your-premises.svg" alt="Host"> </div> <div> <h4>Host on your premises</h4> <p>Hosting plans include automated migrations, & expert web stories.</p> </div> </a> </li> <li> <a class="dropdown-item bg-light-green" href=" https://makestories.io/ "> <div> <img loading="lazy" src="https://transform.storyasset.link/website-images/MS_Icons/Interactive-Stories.svg" alt=""> </div> <div> <h4>Web Stories</h4> <p>Know more about how to create WebStories with MakeStories</p> </div> </a> </li> </ul> </div> </div> </li> <li> <a href="https://makestories.io/pricing/"> Pricing </a> </li> <li> <a href="https://university.makestories.io/"> Webstories Course </a> </li> </ul> <ul class="mo-btn d-flex">  <li> <a href="https://eu.makeforms.co/wd54wre/" target="_blank" class="nv-btn btn-bse2 ml-auto d-block"> Talk to Sales </a> </li> <li> <a href="https://editor.makestories.io/sign-up" target="_blank" class="gry-bn btn-bse btn-bse2 blue-bn d-block mr-auto"> Login </a> </li> </ul> </div> <div class="mob-dis-btn mo-img"> <div class="mob-icon"> <ul> <li> <a href="https://twitter.com/teammakestories" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="20" viewBox="0 0 36.781 30" class="sv-icn"> <path d="M38.281,4.5a18.223,18.223,0,0,1-5.25,2.558,7.49,7.49,0,0,0-13.141,5.016v1.672A17.822,17.822,0,0,1,4.844,6.174S-1.844,21.221,13.2,27.908A19.461,19.461,0,0,1,1.5,31.252c15.047,8.359,33.438,0,33.438-19.227a7.524,7.524,0,0,0-.134-1.388A12.907,12.907,0,0,0,38.281,4.5Z" transform="translate(-1.5 -4.485)" /> </svg> </a> </li> <li> <a href="https://www.instagram.com/teammakestories/" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 30.007 30" class="sv-icn"> <path d="M15,9.546a7.692,7.692,0,1,0,7.692,7.692A7.679,7.679,0,0,0,15,9.546Zm0,12.692a5,5,0,1,1,5-5,5.01,5.01,0,0,1-5,5ZM24.8,9.231a1.794,1.794,0,1,1-1.794-1.794A1.79,1.79,0,0,1,24.8,9.231ZM29.9,11.052a8.878,8.878,0,0,0-2.423-6.286,8.937,8.937,0,0,0-6.286-2.423c-2.477-.141-9.9-.141-12.378,0A8.924,8.924,0,0,0,2.523,4.76,8.907,8.907,0,0,0,.1,11.046c-.141,2.477-.141,9.9,0,12.378a8.878,8.878,0,0,0,2.423,6.286,8.948,8.948,0,0,0,6.286,2.423c2.477.141,9.9.141,12.378,0a8.878,8.878,0,0,0,6.286-2.423A8.937,8.937,0,0,0,29.9,23.423c.141-2.477.141-9.894,0-12.371ZM26.7,26.081a5.063,5.063,0,0,1-2.852,2.852c-1.975.783-6.661.6-8.843.6s-6.875.174-8.843-.6a5.063,5.063,0,0,1-2.852-2.852c-.783-1.975-.6-6.661-.6-8.843s-.174-6.875.6-8.843A5.063,5.063,0,0,1,6.158,5.543c1.975-.783,6.661-.6,8.843-.6s6.875-.174,8.843.6A5.063,5.063,0,0,1,26.7,8.395c.783,1.975.6,6.661.6,8.843S27.479,24.113,26.7,26.081Z" transform="translate(0.005 -2.238)" /> </svg> </a> </li> <li> <a href="https://www.linkedin.com/company/makestories/" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"> <path d="M3.358,15H.248V4.986h3.11ZM1.8,3.62A1.81,1.81,0,1,1,3.6,1.8,1.816,1.816,0,0,1,1.8,3.62ZM15,15h-3.1V10.126c0-1.162-.023-2.652-1.617-2.652-1.617,0-1.865,1.262-1.865,2.568V15H5.306V4.986H8.288V6.352h.044a3.268,3.268,0,0,1,2.942-1.617C14.422,4.735,15,6.807,15,9.5V15Z" transform="translate(0 -0.001)"></path> </svg> </a> </li> <li> <a href="https://join.slack.com/t/msuser/shared_invite/zt-nygj9vbp-W1eEMCQmgQrayfxkRPiT~w" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"> <path d="M2,14.67a2,2,0,1,0,4,0v-2H4A2,2,0,0,0,2,14.67Zm12.64-3.34a2,2,0,0,0,2-2V4a2,2,0,1,0-4,0V9.33A2,2,0,0,0,14.66,11.33Zm7.32-2a2,2,0,1,0-4,0v2h2A2,2,0,0,0,22,9.33ZM9.34,12.67a2,2,0,0,0-2,2V20a2,2,0,1,0,4,0V14.67A2,2,0,0,0,9.34,12.67ZM14.66,18h-2v2a2,2,0,1,0,2-2ZM20,12.67H14.66a2,2,0,0,0,0,4H20a2,2,0,0,0,0-4ZM9.34,7.33H4a2,2,0,1,0,0,4H9.34a2,2,0,0,0,0-4ZM9.34,2a2,2,0,0,0,0,4h2V4A2,2,0,0,0,9.34,2Z"></path> </svg> </a> </li> </ul> </div> <div class="mo-copy"> <p> © Copyright 2021 Eszmeletlen Holding co. All Rights Reserved. </p> </div> </div> </div> </nav> </div> </div> </header> <div class="container full-height d-flex align-items-center"> <div class="row align-items-center"> <div class="col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 banner"> <div class="support"> <style> .support{ margin-bottom:30px} .support a{background-color: rgb(237 226 255);color: #000;font-size: 14px;font-weight: 600;padding: 8px 15px;border-radius: 5px;display: inline-flex;align-items: center;transition:all 0.2s linear} .support a img{ margin-right:10px} .support a:hover{background-color: rgb(217 201 253);color: #000;} </style> <a href="https://www.producthunt.com/posts/ai-story-creator" target="_blank"> <img src="https://makeforms.io/wp-content/uploads/2023/04/product-hunt-icon.svg" alt="" width="16" height="16"> Support Us on Product Hunt </a> </div> <h1>The Only <span class="ln y-l1">Google Web <br>Story</span> Building Platform <br>You Will Ever Need</h1> <div class="d-block d-md-none d-lg-none d-xl-none"> <video width="508" height="508" poster="https://transform.storyasset.link/website-images/amp-web-story-builder.jpg" autoplay loop muted> <source src="https://cdn.storyasset.link/website/Video-1.mp4" type="video/mp4"> </video> </div> <p>MakeStories helps publishers, marketers & designers to build, distribute<br /> & monetize visual, <a href="https://makestories.io/how-to-enable-web-stories-on-google/">engaging Google Web Stories</a>, faster. Without coding.</p> <div class="mid-btn"> <a href="https://editor.makestories.io/sign-up" target="_blank" class="btn-bse gry-bn "> Start Free Trial </a> <a href="https://www.youtube.com/watch?v=48V8cll4KTw" target="_blank" class=" bla-1 btn-bse pdt-vdo-btn wht-bn "> ► Product Video </a> <span></span> </div> </div> <div class="col-12 col-sm-12 col-md-5 col-lg-5 d-none d-md-block d-lg-block d-xl-block"> <video width="508" height="508" poster="https://transform.storyasset.link/website-images/amp-web-story-builder.jpg" autoplay loop muted> <source src="https://cdn.storyasset.link/website/Video-1.mp4" type="video/mp4"> </video> </div> </div> </div> <div class="lgbg"> <div class="container logo-area"> <div class="row"> <div class="col-12"> <h4>Trusted by the leading publishers & brands</h4> </div> <div class="col-lg-12"> <div class="logo-slides d-none d-sm-none d-md-block d-lg-block d-xl-block"> <ul class="d-flex flex-row justify-content-between align-items-center"> <li class="d2"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/Brazil/UOL_logo.png" alt="UOL-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/Brazil/O_Globo.png" alt="Globo-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/bmw-logo.svg" alt="BMW-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/Brazil/La-Nacion.svg" alt="La-Nacion-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/Brazil/purebreak.svg" alt="Purebreak-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/Brazil/adoro-cinema.svg" alt="Adorocinema-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/Brazil/WEBEDIA_LOGO.png" alt="Webedia-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/Brazil/los-andes-argentinos.svg" alt="Los-Andes-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/Brazil/folha.svg" alt="Folha-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/Brazil/folha.svg" alt="Folha-logo" class="ls lg show-first"> </li> <li class="d1"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/Loreal.svg" alt="Loreal-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/India/gq-india.svg" alt="BMW-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/vogue.svg" alt="Vogue-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/Brazil/ELLE_Magazine_Logo.svg" alt="Elle-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/Brazil/trip-com.svg" alt="Trip-com-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/Brazil/viapais.svg" alt="Via-Pais-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/Seeker_Media_Logo.png" alt="Seeker-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/popsugar.svg" alt="PopSugar-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/verizon.svg" alt="Verizon-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/verizon.svg" alt="Verizon-logo" class="ls lg show-first"> </li> <li> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/undp.svg" alt="UNDP logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/hollywood-life.svg" alt="Hollywood Life logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/India/Toppr_logo.svg" alt="Toppr-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/India/Network18.svg" alt="Network18-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/India/india-today.svg" alt="IndiaToday-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/India/htimes_logo.svg" alt="HT-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/India/vedantu-logo.svg" alt="Vedantu-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/India/autocar.svg" alt="Autocar-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/India/pinkvilla.svg" alt="Pinkvilla-logo" class="ls lg"> </li> <li class="d1"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/Forbes-logo.png" alt="Forbes-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/Entertainment_Weekly_logo.png" alt="Entertainment-Weekly-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/Dunkin_Donuts_logo.svg" alt="Dunkin-Donuts-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/Apartment_Therapy_Logo.svg" alt="Apartment-Therapy-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/thedodo-new.svg" alt="TheDodo-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA-Today.svg" alt="USA Today" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/Now-This-logo.svg" alt="NowThis-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/thrillist.svg" alt="Thrillist-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/americas-test-kitchen.svg" alt="Americas-Test-Kitchen-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/americas-test-kitchen.svg" alt="Americas-Test-Kitchen-logo" class="ls lg "> </li> <li class="d2"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/Ford-Logo.svg" alt="NowThis-logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/rb.svg" alt="Reckitt Benkiser" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/Tata-motors.svg" alt="Tata Motors logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/reviewed-com.svg" alt="Reviewed" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/gamesradar.svg" alt="Games Radar logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/network-n.svg" alt="Network N logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/NDTV_logo.svg" alt="NDTV LOGO" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/softonic.svg" alt="Softonic logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/people.svg" alt="People Logo" class="ls lg "> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/people.svg" alt="People Logo" class="ls lg "> </li> </ul> </div> <div class="logo-slides d-block d-sm-block d-md-none d-lg-none d-xl-none"> <ul class="d-flex flex-row justify-content-between align-items-center">             <li class="d1"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/Loreal.svg" alt="Loreal-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/India/gq-india.svg" alt="BMW-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/vogue.svg" alt="Vogue-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/Brazil/ELLE_Magazine_Logo.svg" alt="Elle-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/Brazil/trip-com.svg" alt="Trip-com-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/Brazil/viapais.svg" alt="Via-Pais-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/Seeker_Media_Logo.png" alt="Seeker-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/popsugar.svg" alt="PopSugar-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/verizon.svg" alt="Verizon-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/verizon.svg" alt="Verizon-logo" class="ls lg show-first"> </li> <li > <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/undp.svg" alt="UNDP logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/hollywood-life.svg" alt="Hollywood Life logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/India/Toppr_logo.svg" alt="Toppr-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/India/Network18.svg" alt="Network18-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/India/india-today.svg" alt="IndiaToday-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/India/htimes_logo.svg" alt="HT-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/India/vedantu-logo.svg" alt="Vedantu-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/India/autocar.svg" alt="Autocar-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/India/pinkvilla.svg" alt="Pinkvilla-logo" class="ls lg"> </li> <li class="d2"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/Forbes-logo.png" alt="Forbes-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/Entertainment_Weekly_logo.png" alt="Entertainment-Weekly-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/Dunkin_Donuts_logo.svg" alt="Dunkin-Donuts-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/Apartment_Therapy_Logo.svg" alt="Apartment-Therapy-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/thedodo-new.svg" alt="TheDodo-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA-Today.svg" alt="USA Today" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/Now-This-logo.svg" alt="NowThis-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/thrillist.svg" alt="Thrillist-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/americas-test-kitchen.svg" alt="Americas-Test-Kitchen-logo" class="ls lg"> <img loading="lazy" src="https://transform.storyasset.link/website-images/logos/USA/americas-test-kitchen.svg" alt="Americas-Test-Kitchen-logo" class="ls lg show-first"> </li>             </ul> </div> </div> </div> </div> </div> <div class="container features"> <div class="row"> <div class="col-md-12 text-center"> <h2>Not just an editor,<br>MakeStories is <span class="ln y-l2">everything</span> you will <br>ever need for your Web Stories</h2> </div> </div> <div class="row ms"> <div class="col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 d-block d-md-flex"> <a href="https://makestories.io/webstories-editor/"> <div class="txt5 bg1 text-center"> <img loading="lazy" src="https://transform.storyasset.link/website-images/drag-drop-icon.svg" alt="google web stories"> <div class="rgt-arr"> <img loading="lazy" src="https://transform.storyasset.link/website-images/arrow4.svg" alt="arrow-icon"> </div> <h3><span>Editor</span> Simple <br>As Drag & Drop</h3> <p>With a simple drag and drop functionality, create professional Google Web Stories that communicates your message beautifully.</p> </div> </a> </div> <div class="col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 d-block d-md-flex"> <a href="https://makestories.io/webstories-editor/"> <div class="txt5 bg2 text-center"> <img loading="lazy" src="https://transform.storyasset.link/website-images/workspace-icon.svg" alt="Workspace"> <div class="rgt-arr"> <img loading="lazy" src="https://transform.storyasset.link/website-images/arrow4.svg" alt="arrow-icon"> </div> <h3><span>Workspace</span> To Design In <br>Collaboration</h3> <p>Access a library of more than one million images and visually transform your Google Web Stories faster with your team.</p> </div> </a> </div> <div class="col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 d-block d-md-flex"> <a href="https://makestories.io/official-wordpress-webstories-plugin/"> <div class="txt5 bg3 text-center"> <img loading="lazy" src="https://transform.storyasset.link/website-images/makestories-wordpress-plugin-icon.svg" alt="MakeStories WordPress Plugin"> <div class="rgt-arr"> <img loading="lazy" src="https://transform.storyasset.link/website-images/arrow4.svg" alt="arrow-icon"> </div> <h3>MakeStories <br><span>WordPress Plugin</span></h3> <p>Seamlessly create Google Web Story on your WordPress website</p> </div> </a> </div> <div class="col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 d-block d-md-flex"> <a href="https://makestories.io/web-story-hosting/"> <div class="txt5 bg4 text-center"> <img loading="lazy" src="https://transform.storyasset.link/website-images/web-hosting-icon.svg" alt="web hosting services"> <div class="rgt-arr"> <img loading="lazy" src="https://transform.storyasset.link/website-images/arrow4.svg" alt="arrow-icon"> </div> <h3><span>Web Hosting</span> With No <br>Technical Hassle</h3> <p>Host your Google Web Stories on MakeStories’s fast & secure WebHost.</p> </div> </a> </div> <div class="col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 d-block d-md-flex"> <a href="https://makestories.io/ai-story-creator/"> <div class="txt5 bg5 text-center"> <img loading="lazy" src="https://transform.storyasset.link/website-images/makestories-mobile-app-icon.svg" alt="AI Story Builder"> <div class="rgt-arr"> <img loading="lazy" src="https://transform.storyasset.link/website-images/arrow4.svg" alt="arrow-icon"> </div> <h3>Industry First, <br><span>AI Story Builder</span></h3> <p>Create Stories in just a few minutes using our powerful AI features.</p> </div> </a> </div> <div class="col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 d-block d-md-flex"> <a href="https://makestories.io/story-player/"> <div class="txt5 bg6 text-center"> <img loading="lazy" src="https://transform.storyasset.link/website-images/playstories-icon.svg" alt="Story Player"> <div class="rgt-arr"> <img loading="lazy" src="https://transform.storyasset.link/website-images/arrow4.svg" alt="arrow-icon"> </div> <h3>Play Stories On Your Website <br>With Our <span>Story Player</span></h3> <p>Create Instagram style carousels that can be easily embedded into your website.</p> </div> </a> </div> </div> </div> <div class="container gs"> <div class="row lft-txt d-block"> <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 tt float-none float-md-left float-lg-left float-xl-left"> <div class="gstxt"> <h2><img loading="lazy" src="https://transform.storyasset.link/website-images/amp-webstories-icon.svg" alt="web stories"> Why Web Stories?</h2> <h3>Latest & modern way to reach your audience</h3> </div> </div> <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 float-none float-md-right float-lg-right float-xl-right"> <div class="g-rgtt"> <video width="483" height="483" poster="https://transform.storyasset.link/website-images/why-webstories-video.jpg" autoplay loop muted> <source src="https://cdn.storyasset.link/website/why-webstories.mp4" type="video/mp4"> </video> </div> </div> <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 ttt float-none float-md-left float-lg-left float-xl-left"> <div class="gstxtct"> <p><strong>Web Stories are mini-AMP pages visual slideshows</strong>, like what you’ve likely seen grow in popularity on Facebook & Instagram Stories.</p> <p>Think of <a href="https://makestories.io/what-are-google-web-stories/">Google Web Stories</a> as a series of quick images or videos that a user can flip through and, well, tell the story you want to tell. As a part of the open web, <strong>you can share your Web Stories across the sites without being confined to a single ecosystem.</strong></p> </div> </div> <div class="clearfix"></div> </div> </div> <div class="container text-center thr-pan"> <div class="row"> <div class="col-md-4"> <div class="txt3 sm-txt"> <img loading="lazy" src="https://transform.storyasset.link/website-images/delight-every-visitor-icon.svg" alt="Increase engagement with Google Web Stories"> <h2>Delight every visitor</h2> <p>Google Web Stories are meant to be consumed by mobile users who want to consume content at a glance. The visual rich- tappable format makes sure you have less bounce rates.</p> </div> </div> <div class="col-md-4"> <div class="txt3 sm-txt"> <img loading="lazy" src="https://transform.storyasset.link/website-images/seo-icon.svg" alt="SEO for Google Web Stories"> <h2>Boost to SEO</h2> <p>Google Web Stories helps to integrate best SEO Practice and if these meet certain criteria, Google can rank these in Google Search, Google Images, and Google Discover App.</p> </div> </div> <div class="col-md-4"> <div class="txt3 sm-txt"> <img loading="lazy" src="https://transform.storyasset.link/website-images/monetise-icon.svg" alt="Advertise in Google Web Stories"> <h2>Control how you monetize</h2> <p>Google Web Stories enables the capability of monetisation for publishers & advertisers to reach their audience using a new and modern storytelling experience.</p> </div> </div> </div> </div> <div class="container marbtt tc"> <div class="row"> <div class="col-md-12"> <div class="com text-center"> <h3>NO CODE, GOD PROMISE</h3> <h2>Say hello to Industry’s most advance <br><span class="ln y-l3">Web Story builder</span>, hands down</h2> </div> </div> </div> <div class="row"> <div class="col-md-12"> <article class="tabbed-content"> <nav class="tabs"> <ul> <li> <a href="#tab1" class="active" > Choose Template Or Start Fresh </a> </li> <li> <a href="#tab2" > Design & Animate </a> </li> <li> <a href="#tab3" > Publish & Measure </a> </li> </ul> </nav> <section id="tab1" class="item2 active" data-title=""> <div class="item-content"> <div class="cont"> <video width="1110" height="642" poster="https://transform.storyasset.link/website-images/choose-templates-video.jpg" autoplay loop muted> <source src="https://cdn.storyasset.link/website/Video-3.mp4" type="video/mp4"> </video> <div class="con-txt sm-txt"> <img loading="lazy" src="https://transform.storyasset.link/website-images/makestories-template-icon.svg" alt="Web Stories"> <h3>Choose template or Start Fresh</h3> <p>Start from scratch or use one of our beautiful & purposeful library of templates to build your visual rich Google Web Stories with ease. All our templates are designed by professionals and vetted by expert digital marketeers.</p> </div> </div> </div> </section> <section id="tab2" class="item2 " data-title=""> <div class="item-content"> <div class="cont"> <video width="1110" height="642" poster="https://transform.storyasset.link/website-images/design-animation-video.jpg" autoplay loop muted> <source src="https://cdn.storyasset.link/website/Video-4.mp4" type="video/mp4"> </video> <div class="con-txt sm-txt"> <img loading="lazy" src="https://transform.storyasset.link/website-images/i14.svg" alt="Animations can help you create a more visually attractive and engaging Web Story."> <h3>Design & Animate</h3> <p>Freely design & customize your Google Web Stories using intuitive WYSIWYG interface. Make your stories stand out by adding immersive and interactive experience for your audience through animations.</p> </div> </div> </div> </section> <section id="tab3" class="item2 " data-title=""> <div class="item-content"> <div class="cont"> <video width="1110" height="642" poster="https://transform.storyasset.link/website-images/publish-measure-video.jpg" autoplay loop muted> <source src="https://cdn.storyasset.link/website/video-5.mp4" type="video/mp4"> </video> <div class="con-txt sm-txt"> <img loading="lazy" src="https://transform.storyasset.link/website-images/i15.svg" alt="publish-icon"> <h3>Publish & Measure</h3> <p>When you publish your story, we run 30+ performance optimisation tasks in a single click. Through our GDPR compliant analytics, you can analyse, iterate & improve your story performance at any given time. Don’t just take our word for it, <a target="_blank"><span class="tryline">Try it yourself</span></a>.</p> </div> </div> </div> </section> </article> </div> </div> </div> <div class="container marbttt"> <div class="row"> <div class="col-md-6 mbt"> <div class="publ sm-title bgone "> <div class="pd-1"> <h3>PUBLISHING TOOLS</h3> <h2>Top class Publishing tools for easy SEO</h2> <p>For your Google Web Stories to surface on google discover and search as single results, they must comply with google discover policies and google’s webmaster guidelines. We walk you through every step & also validate the story inside the editor itself.</p> </div> <img loading="lazy" src="https://transform.storyasset.link/website-images/publishing-tool.png" alt="Create SEO friendly web stories using different publishing tools " class="img-fluid img-s1"> </div> </div> <div class="col-md-6 "> <div class="publ sm-title bgtwo "> <div class="pd-1"> <h3>Analytics</h3> <h2>Transform visitor data into actionable intelligence</h2> <p>MakeStories integrates with GA4 allowing you to quantify the effects of making a change to your marketing strategy invaluable to the process of improving and optimising your online marketing campaigns.</p> </div> <img loading="lazy" src="https://transform.storyasset.link/website-images/MakeStories-Analytics.png" alt="Find out actionable insights using MakeStories Analytics" class="img-fluid img-s1"> </div> </div> </div> </div> <div class="container" style="display: none"> <div class="bgfour"> <div class="row publ sm-title mar4 d-block"> <div class="txt-title col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 float-none float-md-left float-lg-right float-xl-right"> <div class="txthd"> <h3>WORKSPACES</h3> <h2>Designed to design <br>together</h2> </div> </div> <div class="txt-img col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 float-none float-md-left float-lg-left float-xl-left"> <img loading="lazy" src="https://transform.storyasset.link/website-images/workspaces-design.png" alt="Collaborate with your team using MakeStories workspaces" class="img-s1 img-fluid"> </div> <div class="txt-content col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 float-none float-md-left float-lg-right float-xl-right"> <div class="txtct"> <p>Create workspace to keep your content organized. Jump to the same Story with your teammates—no matter where y’all are in the world—and co-edit live. MakeStories Workspace is perfect for <strong>managing & sharing brand assets throughout your team</strong>.</p> <a href="" class="lnk blu2-l"> <div class="button"> Learn More About Team Collaboration </div> </a> </div> </div> <div class="clearfix"></div> </div> </div> </div> <div class="container marbt"> <section class="testm"> <div class="row"> <div class="col-12 col-sm-12 col-md-8 col-lg-8 col-xl-8 mx-auto large-12 columns"> <div id="one" class="owl-carousel owl-theme"> <div class="item"> <div class="lft-sde"> <p>MakeStories is a pioneer in the web stories space with a dedicated team behind it! Because of its design-first approach and easy-to-use interface, I can concentrate on the content strategy and storytelling vs. coding and the technology behind the stories. The team is always there to help, continuously seeks feedback from creatives like me, and is dedicated to developing the best web story-building tool out there!</p> <span class="aut"> <img loading="lazy" src="https://transform.storyasset.link/website-images/leo-martinez-testimonial-makestories.png" alt=""> <span class="txtbld">Leo M. Davis <br> <span class="cp">Creative Strategist and Visual Storyteller, leomartinezdavis.com</span> </span> </span> </div> </div> <div class="item"> <div class="lft-sde"> <p>“If you’re like us, you’ll want to offer your visitors something special. You’ll also want to generate as big an audience as you can. We launched our stories on a Thursday and by the Sunday we hit 3.5M impressions and 20K clicks – WOW!!!!</p> <p>Makestories is really easy to use and delivers measurable results.”</p> <span class="aut"> <img loading="lazy" src="https://transform.storyasset.link/website-images/kay-testimonial-makestories.png" alt=""> <span class="txtbld">Kay Fitzgerald, CEO <br> <span class="cp">OAK INNOVATION</span> </span> </span> </div> </div> <div class="item"> <div class="lft-sde"> <p>MakeStories is an invaluable tool that helps us create polished, dynamic web stories week after week. This innovative tool helps us create dynamic content every week. Team MakeStories responds fast to any queries we have, and keeps us updated on innovations.</p> <span class="aut"> <img loading="lazy" src="https://transform.storyasset.link/website-images/ian-testimonial-MakeStories.png" alt=""> <span class="txtbld">Ian Miller <br> <span class="cp">Creative Director, Network N.</span> </span> </span> </div> </div> <div class="item"> <div class="lft-sde"> <p>MakeStories has been a productive and intuitive tool for Gallery Media Group. Our team was able to get up and running in a short time period within minimal setup and essentially no training.</p> <span class="aut"> <img loading="lazy" src="https://transform.storyasset.link/website-images/eric-candino-testimonial-makestories.png" alt=""> <span class="txtbld">Eric Candino <br> <span class="cp">Head of Product & Technology at Gallery Media Group</span> </span> </span> </div> </div> </div> </div> </div> </section> </div> <div class="blu-bg"> <div class="container"> <div class="row"> <div class="col-12 text-center com"> <h2> <span class="ln y-l8">Brand new</span> at MakeStories ! </h2> </div> </div> <div class="row marbt d-block"> <div class="wpin txt1 sm-title col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 float-none float-md-left float-lg-left float-xl-left"> <div class="wphd"> <h3>WORDPRESS PLUGIN</h3> <h2>You can create Web Stories in WordPress too!</h2> </div> </div> <div class="wpimg col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 float-none float-md-right float-lg-right float-xl-right"> <div class="brand-img"> <img loading="lazy" src="https://transform.storyasset.link/website-images/wordpress-website-plugin.png" alt="Create beautiful stories with MakeStories WordPress plugin for free" class="img-fluid"> </div> </div> <div class="wptextt col-12 col-sm-12 col-md-6 col-lg-5 col-xl-5 txt2 sm-txt float-none float-md-left float-lg-left float-xl-left"> <div class="wptxt"> <p>Build Your Google Web Story On Your WordPress Website Using Our Plugin Without The Need Of Any Other Technical Resources & <strong>Yes, Its Gutenberg Ready!</strong></p> <p>Leverage The Capabilities Of MakeStories Plugin For WordPress To Bring Great Experiences To Your Users!</p> <a href="https://makestories.io/official-wordpress-webstories-plugin/" class="lnk blu2-l"> <div class="button">Make your wordPress website super engaging</div> </a> </div> </div> <div class="clearfix"></div> </div> <div class="row d-block"> <div class="qpin col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 float-none float-md-left float-lg-right float-xl-right"> <div class="txt1 sm-title qp"> <h3>Quiz & Polls</h3> <h2>Create an immersive & interactive experience</h2> </div> </div> <div class="qpimg col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 float-none float-md-left float-lg-left float-xl-left"> <div class="ds-img"> <img loading="lazy" src="https://transform.storyasset.link/website-images/quiz-&-polls.png" alt="Make your web stories interactive with Quiz and poll feature" class="img-fluid"> </div> </div> <div class="qptxt col-12 col-sm-12 col-md-6 col-lg-5 col-xl-5 float-none float-md-right float-lg-right float-xl-right"> <div class="txt2 sm-txt"> <p>Engage And Delight your audience with our Interactive Stories while you <strong>gain all the valuable insights with analytics.</strong></p> <p>Test your followers’ product knowledge and brand awareness with a quick, fun trivia challenge. Give users instant feedback, or share a final summary page with their results.</p> <a href="https://makestories.io/interactive-stories/" class="lnk blu2-l"> <div class="button"> Try Quiz & Polls in Your Next Story </div> </a> </div> </div> <div class="clearfix"></div> </div> </div> </div> <div class="pur-bg"> <div class="story"> <div class="container"> <div class="row"> <div class="col-md-12"> <h2>100+ design rich <span class="y-l8 ln">templates</span> <br>at your fingertips.</h2> </div> </div> </div> <div class="container text-center"> <div class="row"> <div class="col-12"> <a href="https://beta.makestories.io/login" class="btn-bse gry-bn"> TRY OUR TEMPLATES </a> </div> </div> </div> <div class="container-fluid marbt"> <div class="row"> <div class="large-12 columns"> <div id="two" class="owl-carousel owl-theme"> <div class="item"> <img loading="lazy" src="https://transform.storyasset.link/website-images/MakeStories-templates-1.png" alt="Slider displaying prebuilt web story templates"> </div> <div class="item"> <img loading="lazy" src="https://transform.storyasset.link/website-images/MakeStories-templates-2.png" alt="Slider displaying prebuilt web story templates"> </div> <div class="item"> <img loading="lazy" src="https://transform.storyasset.link/website-images/MakeStories-templates-3.png" alt="Slider displaying prebuilt web story templates"> </div> <div class="item"> <img loading="lazy" src="https://transform.storyasset.link/website-images/MakeStories-templates-4.png" alt="Slider displaying prebuilt web story templates"> </div> <div class="item"> <img loading="lazy" src="https://transform.storyasset.link/website-images/MakeStories-templates-5.png" alt="Slider displaying prebuilt web story templates"> </div> <div class="item"> <img loading="lazy" src="https://transform.storyasset.link/website-images/MakeStories-templates-6.png" alt="Slider displaying prebuilt web story templates"> </div> <div class="item"> <img loading="lazy" src="https://transform.storyasset.link/website-images/MakeStories-templates-7.png" alt="Slider displaying prebuilt web story templates"> </div> <div class="item"> <img loading="lazy" src="https://transform.storyasset.link/website-images/MakeStories-templates-8.png" alt="Slider displaying prebuilt web story templates"> </div> <div class="item"> <img loading="lazy" src="https://transform.storyasset.link/website-images/MakeStories-templates-9.png" alt="Slider displaying prebuilt web story templates"> </div> <div class="item"> <img loading="lazy" src="https://transform.storyasset.link/website-images/MakeStories-templates-10.png" alt="Slider displaying prebuilt web story templates"> </div> <div class="item"> <img loading="lazy" src="https://transform.storyasset.link/website-images/MakeStories-templates-11.png" alt="Slider displaying prebuilt web story templates"> </div> <div class="item"> <img loading="lazy" src="https://transform.storyasset.link/website-images/MakeStories-templates-12.png" alt="Slider displaying prebuilt web story templates"> </div> </div> </div> </div> </div> </div> </div> <div class="marbtt"> <div class="container"> <div class="row"> <div class="col-12 text-center com"> <h2>Of course, <span class="y-l8 ln">there is more</span>…</h2> </div> </div> <div class="row d-block"> <div class="col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 float-none float-md-right float-lg-right float-xl-right offset-md-1"> <div class="txt1 sm-title"> <h3>MakeStories Web Stories Hosting</h3> <h2>Migrate your Google Web Stories on MakeStories’s fast & secure web hosting</h2> </div> </div> <div class="col-12 co-sm-12 col-md-6 col-lg-6 col-xl-6 p-0 float-none float-md-left float-lg-left float-xl-left img-mbt"> <video width="570" height="536" poster="https://transform.storyasset.link/website-images/webstores-hosting-video.jpg" autoplay loop muted> <source src="https://cdn.storyasset.link/website/webstories-hosting.mp4" type="video/mp4"> </video> </div> <div class="col-12 col-sm-12 col-md-6 col-lg-5 col-xl-5 float-none float-md-right float-lg-right float-xl-right offset-md-0 offset-lg-1 offset-xl-1"> <div class="txt2 sm-txt"> <p>Need Google Web Stories on your website domain but don’t know where to start? We give you a full solution including your choice of the web page template, premium features, and the support you need to manage stories on your website.</p> <p><strong>All our managed web hosting plans include automated migrations, automatic updates, advanced caching, and expert Google Web Stories support.</strong></p> <a href="" class="lnk blu2-l"> <div class="button"> Start easy, deploy fast & grow strong </div> </a> </div> </div> </div> </div> <div class="clearfix"></div> </div>  <div class="yellowbg"> <div class="container gry1 yel-bg-bot"> <div class="row"> <div class="col-12 col-md-12 col-lg-5 col-xl-6"> <div class="lft-bot sm-title"> <h2>Ready to get started?</h2> <p>Start building your beautiful stories now or book a demo!</p> </div> </div> <div class="col-12 col-md-12 col-lg-7 col-xl-6 p-0 d-flex justify-content-center"> <div class="rgt-bot d-flex align-items-center flex-column flex-sm-row flex-md-row flex-lg-row flex-xl-row mt-5 mt-lg-0"> <a href="https://beta.makestories.io/sign-up" target="_blank" class="btn-bse wht-bn"> Sign up for free </a> <span>or</span> <a href="#" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/teammakestories/15min', prefill:{ customAnswers: {a1:'We need a demo of MakeStories.' } }}); return false;" class="btn-bse br-bn">Book a demo</a> </div> </div> </div> </div> </div> <footer> <div class="container-fluid"> <div class="row text-center ftt"> <div class="col-12"> <h2>We can't wait to see what you <span class="ln y-l11">create</span>.</h2> </div> </div> <div class="row ftrtop"> <div class="col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5"> <div class="ftxt"> <img src="https://makestories.io/wp-content/themes/makestories/makestories-logo.svg" alt="MakeStories-logo" class="logo"> <p>MakeStories is the world’s leading platform to build, distribute<br /> & monetize visual engaging Google Web Stories.</p> <ul> <li> <a href="https://twitter.com/teammakestories" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="18.469" height="15" viewBox="0 0 18.469 15"> <path d="M16.57,7.119c.012.164.012.328.012.492a10.7,10.7,0,0,1-10.77,10.77A10.7,10.7,0,0,1,0,16.682a7.831,7.831,0,0,0,.914.047,7.581,7.581,0,0,0,4.7-1.617,3.792,3.792,0,0,1-3.539-2.625,4.773,4.773,0,0,0,.715.059,4,4,0,0,0,1-.129A3.786,3.786,0,0,1,.75,8.7V8.654a3.812,3.812,0,0,0,1.711.48A3.791,3.791,0,0,1,1.289,4.072a10.759,10.759,0,0,0,7.8,3.961A4.273,4.273,0,0,1,9,7.166a3.789,3.789,0,0,1,6.551-2.59,7.452,7.452,0,0,0,2.4-.914,3.775,3.775,0,0,1-1.664,2.086,7.588,7.588,0,0,0,2.18-.586,8.136,8.136,0,0,1-1.9,1.957Z" transform="translate(0 -3.381)" /></svg> </a> </li> <li> <a href="https://www.linkedin.com/company/makestories/" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"> <path d="M3.358,15H.248V4.986h3.11ZM1.8,3.62A1.81,1.81,0,1,1,3.6,1.8,1.816,1.816,0,0,1,1.8,3.62ZM15,15h-3.1V10.126c0-1.162-.023-2.652-1.617-2.652-1.617,0-1.865,1.262-1.865,2.568V15H5.306V4.986H8.288V6.352h.044a3.268,3.268,0,0,1,2.942-1.617C14.422,4.735,15,6.807,15,9.5V15Z" transform="translate(0 -0.001)" /> </svg> </a> </li> </ul> </div> </div> <div class="col-12 col-sm-4 col-md-4 col-lg-2 col-xl-2"> <div class="ftr-inn"> <h3>Product</h3> <ul> <li> <a href="https://makestories.io/webstories-editor/"> Web Editor </a> </li> <li> <a href="https://makestories.io/story-player/"> Story Player </a> </li> <li> <a href="https://makestories.io/connectors/"> Connectors </a> </li> <li> <a href="https://makestories.io/web-story-hosting/"> Stories Hosting </a> </li> <li> <a href="https://makestories.io/official-wordpress-webstories-plugin/"> WordPress Plugin </a> </li> <li> <a href="https://makestories.io/interactive-stories/"> Interactive Stories </a> </li> <li> <a href="https://makestories.io/embed-google-web-stories/"> Widget </a> </li> <li> <a href="https://makestories.io/"> Web Stories </a> </li> </ul> </div> </div> <div class="col-12 col-sm-4 col-md-4 col-lg-2 col-xl-2 ftpl"> <div class="ftr-inn"> <h3>Help</h3> <ul> <li> <a href="https://makestories-help.freshdesk.com/" > Help & FAQ </a> </li> <li> <a href="https://www.makestories.io/privacy-policy.html" > Privacy Statement </a> </li> </ul> </div> </div> <div class="col-12 col-sm-4 col-md-4 col-lg-3 col-xl-3 ftpll"> <div class="ftr-inn"> <h3>Contact</h3> <ul> <li> <a href="https://makestories.io/about/" > About </a> </li> <li> <a href="https://makestories.io/blog/" target="_blank" > Blog </a> </li> <li> <a href="https://university.makestories.io/" target="_blank" > MakeStories Unversity </a> </li> <li> <a href="https://msuser.slack.com/join/shared_invite/zt-nygj9vbp-W1eEMCQmgQrayfxkRPiT~w#/shared-invite/email" > Slack Community </a> </li> </ul> </div> </div> </div> <div class="row ftrbottom justify-content-between"> <div class="col-12 d-flex justify-content-between"> <div class="ftrbottomft d-flex"> <p>© Copyright 2021 Creative Tools Inc. All Rights Reserved.</p> <ul> <li> <a href="https://makestories.io/terms-of-service/" target="_blank"> Terms of Service </a> </li> <li> <a href="https://makestories.io/privacy-policy/" target="_blank"> Privacy Policy </a> </li> </ul> </div> <div class="ftrbottomrt"> <p><strong>1,00,000+</strong> Stories Created</p> </div> </div> </div> </footer>    <script src="https://makestories.io/wp-content/themes/makestories/js/jquery-1.11.3.min.js"></script> <script src="https://makestories.io/wp-content/themes/makestories/js/bootstrap.min.js"></script> <script src="https://makestories.io/wp-content/themes/makestories/js/bootnavbar.js"></script> <script> $(document).ready(function(){ $('.navbar-submenu').closest("li").on("click", function(){ $(this).toggleClass("open"); }); // blog load more function $loadIndex = 6; $blogListLength = $('.bloglist').length; if ($blogListLength < 6) { $("#loadMore").hide(); } if( $blogListLength ) { for (var i = 0; i < $blogListLength; i++) { if (i >= 6) { $(".bloglist").eq(i).hide(); } } } $("#loadMore").click(function(e){ e.preventDefault(); $increase = $loadIndex + 3; for (var i = $loadIndex; i < $increase; i++) { $loadIndex++; $(".bloglist").eq(i).show(); } if ($('.bloglist').length < $increase) { $("#loadMore").hide(); } }); }); </script> <script> $(function () { $('#main_navbar').bootnavbar(); }) </script> <script> $(document).ready(function () { $(".hamburger").click(function () { $("html").toggleClass("no-scroll"); }); }); </script> <script src="https://makestories.io/wp-content/themes/makestories/js/owl.carousel.js"></script> <script> if ($("#one").length > 0) { $("#one").owlCarousel({ items: 1, margin: 5, loop: true, animateOut: 'fadeOut', nav: true }); } </script> <script> if ($('.owl-carousel').length > 0) { var $owl = $('.owl-carousel'); $owl.owlCarousel({ center: false, nav: false, loop: true, margin: 20, items: 5, autoplay: true, slideTransition: 'linear', // autoplayTimeout: 3000, autoplaySpeed: 5000, //autoplayHoverPause: false, //pauseOnHover:false, responsiveClass: true, responsive: { 0: { items: 2 }, 769: { items: 3 }, 991: { items: 5 } } }); jQuery('.owl-carousel').trigger('play.owl.autoplay', [5000]); function setSpeed() { jQuery('.owl-carousel').trigger('play.owl.autoplay', [5000]); } setTimeout(setSpeed, 5000); } </script> <script type="text/javascript" src="https://www.isinviewport.mudit.xyz/isInViewport.js"></script> <script> tabControl(); var resizeTimer; $(window).on('resize', function (e) { clearTimeout(resizeTimer); resizeTimer = setTimeout(function () { tabControl(); }, 250); }); function checkAndPlayVideo(){ $('video').each(function () { if ($(this).is(":in-viewport")) { $(this)[0].play(); } else { $(this)[0].pause(); } }) } $(window).scroll(checkAndPlayVideo); function switchTabs(){ var tabs = $('.tabbed-content').find('.tabs ul li a'); let selectedIndex = 0; let maxTabs = tabs.length; tabs.each((index, tab) => { if($(tab).hasClass("active")){ selectedIndex = index; } }); selectedIndex = (selectedIndex + 1) % maxTabs; tabs.eq(selectedIndex).trigger("click"); } var tabSwitchTiming = 1000000; var tabInterval = setInterval(switchTabs, tabSwitchTiming); function tabControl() { var tabs = $('.tabbed-content').find('.tabs'); if (tabs.is(':visible')) { tabs.find('a').on('click', function (event) { event.preventDefault(); var target = $(this).attr('href'), tabs = $(this).parents('.tabs'), buttons = tabs.find('a'), item = tabs.parents('.tabbed-content').find('.item2'); buttons.removeClass('active'); item.removeClass('active'); $(this).addClass('active'); $(target).addClass('active'); checkAndPlayVideo(); clearInterval(tabInterval); tabInterval = setInterval(switchTabs, tabSwitchTiming); }); } else { $('.item2').on('click', function () { var container = $(this).parents('.tabbed-content'), currId = $(this).attr('id'), items = container.find('.item2'); container.find('.tabs a').removeClass('active'); items.removeClass('active'); $(this).addClass('active'); container.find('.tabs a[href$="#' + currId + '"]').addClass('active'); checkAndPlayVideo(); }); } } </script> <script src="https://assets.calendly.com/assets/external/widget.js" async defer type="text/javascript"></script> <script type="text/javascript" src="https://makestories.io/wp-content/themes/makestories/js/YouTubePopUp.jquery.js"></script> <script type="text/javascript"> $(function(){ $("a.bla-1").YouTubePopUp(); }); </script> <script type="text/javascript"> var $temp = $("<input>"); var $url = $(location).attr('href'); $('.clipboard').on('click', function() { $("body").append($temp); $temp.val($url).select(); document.execCommand("copy"); $temp.remove(); $("p.copied").text("URL copied!"); }) </script> <div class="ald_laser_loader"> <div class="ald_loader_progress"></div> </div> <script type="text/javascript" src="https://makestories.io/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.8.4" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-extra"> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/makestories.io\/wp-json\/","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type="text/javascript" src="https://makestories.io/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.8.4" id="contact-form-7-js"></script> <script type="text/javascript" src="https://makestories.io/wp-content/plugins/makestories-helper/vendor/slick/slick.min.js?ver=6.7.2" id="slick-min-js-js"></script> <script type="text/javascript" src="https://makestories.io/wp-content/plugins/makestories-helper/assets/js/ms-script.js?ver=6.7.2" id="script-main-js"></script> <script type="text/javascript" src="https://js.makestories.io/player/StoryPlayer.js?ver=6.7.2" id="ms-story-player-js"></script> <script type="text/javascript" id="wp_mailjet_form_builder_widget-front-script-js-extra"> /* <![CDATA[ */ var mjWidget = {"ajax_url":"https:\/\/makestories.io\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type="text/javascript" src="https://makestories.io/wp-content/plugins/mailjet-for-wordpress/src/widgetformbuilder/js/front-widget.js?ver=6.7.2" id="wp_mailjet_form_builder_widget-front-script-js"></script> <script type="text/javascript">jQuery(document).ready(function($){var loader='<div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>';var flag=false;var main_xhr;var LoadMorePushAjax=function(url,args){jQuery('.ald_loader_progress').css({"-webkit-transform":"translate3d(-100%, 0px, 0px)","-ms-transform":"translate3d(-100%, 0px, 0px)","transform":"translate3d(-100%, 0px, 0px)",});if(args.data_implement_selectors){var dis=JSON.parse(args.data_implement_selectors)}if(main_xhr&&main_xhr.readyState!=4){main_xhr.abort()}main_xhr=jQuery.ajax({url:url,asynch:true,beforeSend:function(){jQuery('.ald_laser_loader').addClass('show');jQuery('.ald_loader_progress').css({"transition-duration":"2000ms","-webkit-transform":"translate3d(-20%, 0px, 0px)","-ms-transform":"translate3d(-20%, 0px, 0px)","transform":"translate3d(-20%, 0px, 0px)",});flag=true},success:function(data){jQuery(document).trigger('ald_ajax_content_ready',[data,args]);if(dis){for(var key in dis){var selector=dis[key].data_selector;var type=dis[key].implement_type;if(selector){var newData=jQuery(selector,data).html();if(type=="insert_before"){jQuery(selector).prepend(newData)}else if(type=="insert_after"){jQuery(selector).append(newData)}else{jQuery(selector).html(newData)}}}}jQuery(document).find('.tf_posts_navigation').removeClass('loading');jQuery('.ald-ajax-btn[data-alm-click-selector]').each(function(){if(jQuery(this).data('alm-click-selector')==args.click_selector){jQuery(this).removeClass('loading')}});jQuery('.ald_loader_progress').css({"transition-duration":"500ms","-webkit-transform":"translate3d(0%, 0px, 0px)","-ms-transform":"translate3d(0%, 0px, 0px)","transform":"translate3d(0%, 0px, 0px)",});setTimeout(function(){jQuery('.ald_laser_loader').removeClass('show');jQuery('.ald_loader_progress').css({"transition-duration":"0ms","-webkit-transform":"translate3d(-100%, 0px, 0px)","-ms-transform":"translate3d(-100%, 0px, 0px)","transform":"translate3d(-100%, 0px, 0px)",})},300);jQuery(document).trigger('ald_ajax_content_loaded',data);jQuery(document).trigger('ald_ajax_content_success',[args]);flag=false}})}});</script></body> </html>

CINXE.COM

Best Free Google Web Stories Builder And Creator