How to Add Web stories on site With Classic Editor Plugin ?

Step - 1

Go to Post → All Posts .

Step - 2

Click the web stories to add a new block and choose Web Stories.

Step - 3

Choose one of the four option to embed the web stories. For this tutorial, we will pick the Circle Carousel.

Step - 4

Select other option like you want. You will get like this code now click update to make the changes live .

Benefit Of Google Web Story

[{"selector":"#anim-701b75a8-1312-4b52-b0da-d75d8e71bd2d","keyframes":{"opacity":[0,1]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-effde208-8478-4768-9805-a518e2fdccf3","keyframes":{"transform":["translate3d(0px, 416.03180%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7da5290c-3ca3-451a-a7a9-89f0e3d9bee3","keyframes":{"opacity":[0,1]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9a1ba4ca-bc46-4169-83c8-54f85227377d","keyframes":{"transform":["translate3d(0px, 160.51420%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] If you think what is the benefits for web stories then main reason is mostly people use mobile so you can easy to reach more people camper to blog. Learn more

How To Create Google web story with elementor?

[{"selector":"#anim-bf325e3e-d3f8-4730-a8c5-27e9bcc3d3ff","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a8a7dcaf-cb29-4023-bd3c-4f5a2ee1b182","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5b67b47b-33e5-443e-af2a-ad4d9e4c8ff0","keyframes":{"opacity":[0,1]},"delay":390,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b3f9e99f-3f49-40c4-9ca0-28f53e6a2e97","keyframes":{"transform":["translate3d(-111.97411%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":390,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-72524d50-78d1-4e1e-8f31-5cc15255f84e","keyframes":{"opacity":[0,1]},"delay":600,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5b5ba614-fb01-492e-b6c6-ab29fa7fb140","keyframes":{"transform":["translate3d(-111.93548%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Every deck starts with a solid foundation. There are a few ways that a foundation system for a deck can be constructed and we’ll highlight three of them: footing, pier, and pier/footing. View More

1

[{"selector":"#anim-76f0581f-96d9-4f7e-b5ac-3c9f2342377f","keyframes":{"opacity":[0,1]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-18640bbe-44de-43e2-a472-882b67b12cc3","keyframes":{"transform":["translate3d(0px, 1429.62896%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3ba4efc4-b7f0-4fdb-a71b-673502ca9025","keyframes":{"opacity":[0,1]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-613e44ae-c905-41a4-8567-09d515f8d26d","keyframes":{"transform":["translate3d(0px, 1153.43873%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b31d6dee-2622-4f49-ae8b-4f173dc79c61","keyframes":{"opacity":[0,1]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e6935f4e-1e89-46d5-a0b2-e7b1f8562655","keyframes":{"transform":["translate3d(0px, 282.01032%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b3e8d53f-db9f-4403-8a47-e87788aea701","keyframes":{"opacity":[0,1]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-47b2fa97-090e-457d-b0dd-a7a5b0a7775c","keyframes":{"transform":["translate3d(0px, 853.43873%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8ce9a1da-fef4-41a1-b39e-dde9248fc865","keyframes":{"opacity":[0,1]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-41c47bad-7db7-43f6-87f4-f4d7f7c3b951","keyframes":{"transform":["translate3d(0px, 572.48636%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ddd158a4-1e5b-491d-b4a5-0b610356ec19","keyframes":{"opacity":[0,1]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7149cc91-9184-4a34-9adf-dfca68377527","keyframes":{"opacity":[0,1]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a4f19761-931f-443c-ad39-cc4a932dfc5a","keyframes":{"opacity":[0,1]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9f285be8-1162-4adf-84ff-7ee7319764d3","keyframes":{"opacity":[0,1]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3853cad6-318f-48b6-b842-80e7b439ec41","keyframes":{"opacity":[0,1]},"delay":0,"duration":1400,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Content Metadata URL Structure Link To Stories Image "alt" text