What Are Google Web Stories?

[{"selector":"#anim-d7ce3081-c920-4ad6-b7b3-a138f0c5b3fb","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(0.95)","offset":0.25},{"transform":"scale(1.05)","offset":0.75},{"transform":"scale(1)","offset":1}],"delay":0,"duration":600,"easing":"cubic-bezier(0.3, 0.0, 0.0, 1)","fill":"both","iterations":1}] [{"selector":"#anim-270f55a5-1c0d-4db0-a42a-64f684f7cb6b","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(0.95)","offset":0.25},{"transform":"scale(1.05)","offset":0.75},{"transform":"scale(1)","offset":1}],"delay":0,"duration":600,"easing":"cubic-bezier(0.3, 0.0, 0.0, 1)","fill":"both","iterations":1}] WHAT ARE Jul. 02, 21 Wiredelta presents GOOGLE WEB STORIES?

[{"selector":"#anim-0e2d7e20-c46f-44e5-8af3-14f16ae7a461","keyframes":{"transform":["translate3d(-115.72327%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7af3f38b-ab3e-40e0-88ab-a8968d3c3247","keyframes":{"transform":["rotate(74deg) translate3d(-140.41667%, 0px, 0) rotate(-74deg)","rotate(74deg) translate3d(0px, 0px, 0) rotate(-74deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Google Web Stories A re a free , immersive , web-based format of “stories”. In fact you are looking at one right now! .

[{"selector":"#anim-87bad1f6-bf18-439a-ba89-20b550242db7","keyframes":{"transform":["translate3d(114.77986%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-12b90000-9a21-48bb-aa65-8af7e48c519e","keyframes":{"transform":["rotate(-79deg) translate3d(144.58332%, 0px, 0) rotate(79deg)","rotate(-79deg) translate3d(0px, 0px, 0) rotate(79deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] How do Web Stories work? They contain video , music , images , animation , and text to let readers swipe and tap through.

[{"selector":"#anim-a3206327-cac7-4411-8b00-a195739342b8","keyframes":{"transform":["translate3d(-115.48388%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ccaec8a6-fdba-46a6-bc88-703336b43af8","keyframes":{"transform":["rotate(74deg) translate3d(-130%, 0px, 0) rotate(-74deg)","rotate(74deg) translate3d(0px, 0px, 0) rotate(-74deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Ways to create Web Stories You can check out AMP and build Web Stories with coding , or create them in WordPress with the plugin provided by Google.

[{"selector":"#anim-2c8632a1-0546-489d-a3d2-469baecc3d22","keyframes":{"transform":["translate3d(-114.77988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-883e2937-03d4-4f23-863a-4f6ff4da58b6","keyframes":{"transform":["rotate(-254deg) translate3d(-140.41667%, 0px, 0) rotate(254deg)","rotate(-254deg) translate3d(0px, 0px, 0) rotate(254deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Web Stories WordPress plugin Download the plugin form the official site, then login into you WordPress Admin panel and upload it into your Plugins directory .

[{"selector":"#anim-1fe4f211-5885-4da7-a257-b8621d13181c","keyframes":{"transform":["translate3d(114.15094%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-05799005-187e-4253-b956-23f23223573f","keyframes":{"transform":["rotate(-102deg) translate3d(144.58332%, 0px, 0) rotate(102deg)","rotate(-102deg) translate3d(0px, 0px, 0) rotate(102deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Activate the plugin Once you installed the plugin, remember to activate it at the bottom of the page and it's done!

[{"selector":"#anim-1b685bcf-684a-4df4-bb5f-0f9a16815cc2","keyframes":{"transform":["translate3d(114.87342%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dd391ae5-10a1-4e63-86c3-04d91cbbc665","keyframes":{"transform":["rotate(-78deg) translate3d(143.33333%, 0px, 0) rotate(78deg)","rotate(-78deg) translate3d(0px, 0px, 0) rotate(78deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Feature 1: Cover page You can edit the cover page and add a catchy heading., author and publishing date etc.

[{"selector":"#anim-a5b6c413-0e2c-4fcd-8360-db9b12f383a2","keyframes":{"transform":["translate3d(-115.80645%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-afec2cd4-6d42-466f-8521-2e1a5c37341e","keyframes":{"transform":["rotate(74deg) translate3d(-130%, 0px, 0) rotate(-74deg)","rotate(74deg) translate3d(0px, 0px, 0) rotate(-74deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Feature 2: The user interface The user interface is easy to learn and you can basically do anything from copy pages to edit manually each element.

[{"selector":"#anim-3142f727-9b07-493c-9bd4-46c58d07c201","keyframes":{"transform":["translate3d(115.65496%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-491f18fe-50a2-4de3-9b57-10f9302d4be7","keyframes":{"transform":["rotate(-74deg) translate3d(143.33333%, 0px, 0) rotate(74deg)","rotate(-74deg) translate3d(0px, 0px, 0) rotate(74deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Feature 3: Adding text The Text editing options are limitless from alignment , colors , size and position, layer , style , and more.

[{"selector":"#anim-d95ce4d6-6013-4225-abe0-00a5c554e807","keyframes":{"transform":["translate3d(-115.80645%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cf2537fd-0496-4af5-9447-49f276062399","keyframes":{"transform":["rotate(-281deg) translate3d(-130%, 0px, 0) rotate(281deg)","rotate(-281deg) translate3d(0px, 0px, 0) rotate(281deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Feature 4: Bring your design And, you get to design every element , such as changing the color of the background, adding shapes and images and more.

[{"selector":"#anim-a9b18ee3-1efa-4df6-928e-82cacc388a18","keyframes":{"transform":["translate3d(115.97445%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-35f4b09e-babc-42c7-84db-ecea4b70c9be","keyframes":{"transform":["rotate(-74deg) translate3d(140.83332%, 0px, 0) rotate(74deg)","rotate(-74deg) translate3d(0px, 0px, 0) rotate(74deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Feature 5: Using templates But if you're in a hurry or out of inspiration , there are different templates and various options to choose from .

[{"selector":"#anim-f7189836-23f4-4d7c-b5e2-c4bc29d2a071","keyframes":{"transform":["translate3d(-115.80645%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-34a600c7-8149-4608-9ca3-acdaa08f9a0c","keyframes":{"transform":["rotate(74deg) translate3d(-130%, 0px, 0) rotate(-74deg)","rotate(74deg) translate3d(0px, 0px, 0) rotate(-74deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Guidelines for Web Stories Slides You need between 5 and 30 slides , and try to keep the text under 200 characters on each slide.

[{"selector":"#anim-4eeb9091-3e56-43a6-b714-274b94cf4cff","keyframes":{"transform":["translate3d(116.61342%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-12752e48-3a37-485d-8792-7bca32b4cc18","keyframes":{"transform":["rotate(-74deg) translate3d(140.83332%, 0px, 0) rotate(74deg)","rotate(-74deg) translate3d(0px, 0px, 0) rotate(74deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Guidelines for Web Stories Text Make sure each slide gives the full message, and you text is easy to read - avoid bad contrast or too small text.

[{"selector":"#anim-09272dc8-9164-4055-bbe1-5b15fe8c59a7","keyframes":{"transform":["translate3d(-115.80645%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4b110cf5-e4cf-404a-8af8-820aef0c4bdc","keyframes":{"transform":["rotate(74deg) translate3d(-130.83334%, 0px, 0) rotate(-74deg)","rotate(74deg) translate3d(0px, 0px, 0) rotate(-74deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Guidelines for Web Stories Links You can only have one link per page, and only one affiliate link per Web Story.

[{"selector":"#anim-0f223fe7-2001-473b-b8fe-b506bd57125a","keyframes":{"transform":["translate3d(115.65496%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7d911de7-cff3-4bc8-a3fc-2c21e590128e","keyframes":{"transform":["rotate(-74deg) translate3d(140.83332%, 0px, 0) rotate(74deg)","rotate(-74deg) translate3d(0px, 0px, 0) rotate(74deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Finishing Touches Remember to add a short catchy title , a good story description , and an inspiring cover image - then you're done!

[{"selector":"#anim-378025b4-3a31-49a7-addd-807351bf2706","keyframes":{"transform":["translate3d(-115.48388%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fd54ab2a-46b2-4c43-b229-c0b57059caf4","keyframes":{"transform":["rotate(-282deg) translate3d(-130.83334%, 0px, 0) rotate(282deg)","rotate(-282deg) translate3d(0px, 0px, 0) rotate(282deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Advantages of Web Stories Flexibility to create and edit, easy to build a good-looking layout and well-engaging content . Also, track and analyze the stories.

[{"selector":"#anim-74fce892-a7d3-4f12-bf44-db330fcdd18e","keyframes":{"transform":["translate3d(115.75562%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5dacf64f-36ca-4a84-a39d-ccc83fcb0cdc","keyframes":{"transform":["rotate(-74deg) translate3d(140.83332%, 0px, 0) rotate(74deg)","rotate(-74deg) translate3d(0px, 0px, 0) rotate(74deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Other advantages Advantages Share and link the Web Stories on the open web. Gain attention and engage with readers with storytelling.

[{"selector":"#anim-6273d5da-bf78-4f34-9a55-53b0a771ba5c","keyframes":{"transform":["translate3d(-114.93902%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-96198331-be17-47bd-99a0-9d972e7eea90","keyframes":{"transform":["rotate(-90deg) translate3d(-222.50001%, 0px, 0) rotate(90deg)","rotate(-90deg) translate3d(0px, 0px, 0) rotate(90deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-24ebb0c8-497d-4a26-becf-436c7608fbd1","keyframes":{"transform":["rotate(-90deg) translate3d(-222.50001%, 0px, 0) rotate(90deg)","rotate(-90deg) translate3d(0px, 0px, 0) rotate(90deg)"]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9c55258d-c6a0-4b27-aee6-6a9a548119a9","keyframes":{"transform":["translate3d(-114.41718%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d03e5ad8-bfca-4ee1-b5aa-4ef13d0cd6f6","keyframes":{"transform":["rotate(-90deg) translate3d(-221.66667%, 0px, 0) rotate(90deg)","rotate(-90deg) translate3d(0px, 0px, 0) rotate(90deg)"]},"delay":400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-17a18049-7572-40f5-8545-a1d9cc2e4b56","keyframes":{"transform":["translate3d(-114.87342%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":400,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] See Also 10 Most Popular WordPress Plugins of 2021 10 Most Popular WordPress Plugins of 2020 The Ultimate Guide on WordPress Plugins

Thank you for watching And if you need advice or a second opinion...