How to make web Stories?

Step 1

[{"selector":"#anim-331175f0-f354-41fa-a208-0b81afb4cbde","keyframes":{"opacity":[0,1]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e2c9446b-b011-47f9-8f37-5bfd86d16c4e","keyframes":{"transform":["translate3d(0px, 143.24455%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ad1291d0-10d8-481f-a6a3-914531ac26b4","keyframes":{"transform":["translate3d(107.42187%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1f310df9-b32b-494c-ac4c-493d26fb96df","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3997125c-3840-43df-8f0b-b8c12ca78d83","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] Create a WordPress website. Install one of the plugins 1. Web Stories 2. MakeStories

Step 2

[{"selector":"#anim-c6e110c3-9313-44aa-a3c5-2bad1dae6858","keyframes":{"transform":["translate3d(107.42187%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-48e11749-cb48-4008-8cfa-71331a5c6e4d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1c415027-6d15-4c80-83c5-67784f48f9f8","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-ffff22a9-7b1f-4ae2-a60d-c51193a57f56","keyframes":{"opacity":[0,1]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-271679f8-5a1d-4dbe-9023-644f843e6f1c","keyframes":{"transform":["translate3d(0px, 210.57738%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Use premade templates to create your story or you can create your own.

Step 3

[{"selector":"#anim-a722f01f-f070-4794-8060-6cd6050801d8","keyframes":{"transform":["translate3d(107.42187%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-04ba08fe-cd60-4648-9ae3-209010081f1e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f0f5c179-3a40-446f-ae4c-8bad89251b38","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-dcb4e061-22bf-4316-8bb0-b3a0e1532a37","keyframes":{"opacity":[0,1]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-be6b9e35-a1b4-4200-85ab-c90baf939a7b","keyframes":{"transform":["translate3d(0px, 164.15550%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Do not copy paste your content from other websites. Write a unique and trending content.

Step 4

[{"selector":"#anim-83b6d13e-6579-4dfd-80ee-acd331cc7705","keyframes":{"transform":["translate3d(107.42187%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-47abd305-fc5e-45ae-887a-9c47b158e025","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fba38044-c89e-4cef-b03b-7f021f450599","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-5165f604-da65-4518-b466-12d3197949f0","keyframes":{"opacity":[0,1]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a19ce3ba-ee46-4ce9-9a53-349d3eb2701f","keyframes":{"transform":["translate3d(0px, 150.06005%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Use crisp and clear images. Don't overuse text. Keep text below 280 characters per page.

Step 5

[{"selector":"#anim-d4183b3f-46ff-4225-98aa-bb7c093f7956","keyframes":{"transform":["translate3d(107.42187%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-80054546-bc18-45c5-bb75-3d0847cef40c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6396870d-2889-4461-ad73-df95b5b60e95","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-60eb007f-75c3-465f-8087-255b818e2039","keyframes":{"opacity":[0,1]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-00b6f573-5ddb-4213-8034-7ff21e2b5d16","keyframes":{"transform":["translate3d(0px, 183.05155%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Keep your Title below 90 characters and Description below 70 characters.

Step 6

[{"selector":"#anim-980b2818-b830-43fa-a2cd-ff0a2272994f","keyframes":{"transform":["translate3d(107.42187%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dbb34e2f-1760-4065-842e-a60ae9fb1a21","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b4f72ef9-badc-4585-b64f-11ae39b803f2","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-0f9f16e5-e4df-4ac5-bffc-64262d96c539","keyframes":{"opacity":[0,1]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fb411c3e-8af4-460d-b6c6-ab9f7989b770","keyframes":{"transform":["translate3d(0px, 183.77618%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Do not over animate the page. Keep animation simple and subtle.

Step 7

[{"selector":"#anim-1140167f-3642-4db5-ad89-36f7f18d810c","keyframes":{"transform":["translate3d(107.42187%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b231e958-6561-48fa-8d29-b1ec4dd8ed17","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6835bc8d-f5d5-48c2-b2aa-1ea181d3a0d4","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-d96293bd-0139-4d4c-8cdc-0930f4735fff","keyframes":{"opacity":[0,1]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1eccbe5f-f184-4754-ada8-cb8c05f1cf36","keyframes":{"transform":["translate3d(0px, 209.66184%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Your web story should be AMP compatible. Use AMP validator tool to verify.

Step 8 & 9

[{"selector":"#anim-de8ea687-aa51-4259-bdd8-df836d757d21","keyframes":{"transform":["translate3d(107.42187%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d0aa3b74-b000-4e81-8155-3fc5a7301b12","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2f544e4e-d094-47ce-9ed9-c11f2b6940ee","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-8b1a0c93-2b01-4ee6-a0b9-59c35855ee27","keyframes":{"opacity":[0,1]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f308d918-f4c3-485a-8325-db906ccee081","keyframes":{"transform":["translate3d(0px, 183.41386%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Do proper SEO. Submit the sitemap of Web Story in Google Search Console.

Step 10

[{"selector":"#anim-c42ebcd7-43fe-4bfc-a9b8-724aef506491","keyframes":{"transform":["translate3d(107.42187%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-387b602b-3605-4611-b5a8-df59cd4aeb50","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-93a85841-91e2-40c1-a987-e1e51477350a","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-6313f0b6-5247-41b0-9ec5-14e12604afa7","keyframes":{"opacity":[0,1]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5494498f-730a-4e03-849e-b695aecabad2","keyframes":{"transform":["translate3d(0px, 209.22704%, 0)","translate3d(0px, 0px, 0)"]},"delay":200,"duration":1400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Visit this Blog to understand Web Stories in detail. Click Me