Web story Production Tips

[{"selector":"#anim-88729983-c9ba-427f-a718-e40009a6db86","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3c001438-93cb-4702-9088-8f863d9c012f","keyframes":{"transform":["translate3d(0px, 357.45255%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

"a visual storytelling format for the web, enabling you to easily create visual narratives with engaging animations and tappable interactions"

How are web stories used?

[{"selector":"#anim-d4aee926-7cef-43cc-ba08-b34e360f08c1","keyframes":{"opacity":[0,1]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ff30935b-44cb-4b3e-bf14-4ef58f055639","keyframes":{"transform":["translate3d(-114.68531%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f6b99054-b997-49c5-97ce-e745307d974b","keyframes":{"opacity":[0,1]},"delay":0,"duration":750,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}]

Web stories are used to connect with readers through visual storytelling.

[{"selector":"#anim-a6d4b070-1bd6-46fe-826e-33cef5798a73","keyframes":{"opacity":[0,1]},"delay":600,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1a472317-1232-4e2d-acae-996d558298fc","keyframes":{"transform":["translate3d(-129.57198%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e9c4cae8-81f7-4604-bde4-aa9201d370d7","keyframes":{"opacity":[0,1]},"delay":600,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8cf368ae-c336-46f8-861a-f4118ef36195","keyframes":{"transform":["translate3d(-130.4%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":800,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Are web stories good for content marketing?

Web stories can be used as an effective branding tool that captivates your audience and creates awareness.

Can I create web stories with WordPress?

[{"selector":"#anim-c0641685-ddcb-4ff7-99ad-77cf3f6d3a77","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cd7eccfb-45ae-420c-8c15-087d261fb847","keyframes":{"transform":["translate3d(0px, 452.99146%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Yes, It's Easy!

Viewer Engagement Tips

[{"selector":"#anim-4942336a-58c6-42d0-88a6-3420e48aad6c [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(3.2516362483936796e-15%, 2.5711699942025077e-7%) scale(0.847457627118644)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":4000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-6b91e109-3c35-480e-bea1-b6245f477828","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-aadc6322-ddb1-4edf-9780-323c581acd2d","keyframes":{"transform":["translate3d(0px, 100.05974%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c320885a-8e28-4a09-925a-23868c07333b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f7bbbdc2-6c46-41f8-834a-ff3bc343c627","keyframes":{"transform":["translate3d(0px, 181.63133%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

How do I make my slides engaging?

[{"selector":"#anim-9e77cece-0d92-46ff-a45f-a6da56f43cb8 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(12.499999772451451%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":1200,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}]

Video

[{"selector":"#anim-a4b3c1e8-b2bd-4509-9087-bf1ca5701b03","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-67d39b9c-c94f-47f3-aea0-1a4930c67541","keyframes":{"opacity":[0,1]},"delay":200,"duration":1500,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8db0bc9c-a062-4ab5-aa11-9924f67809d6","keyframes":{"opacity":[0,1]},"delay":400,"duration":1500,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5c9d7a59-16c8-4452-b087-0b8b4ffffe98","keyframes":{"opacity":[0,1]},"delay":600,"duration":1500,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] blog.google

How long should I make my web story?

[{"selector":"#anim-39ac7ea6-91a4-470b-9bb8-be815d92035b","keyframes":{"opacity":[0,1]},"delay":100,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c35dc474-959d-4c67-94e6-338251a97020","keyframes":{"transform":["translate3d(0px, 211.51701%, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Most web stories are five to thirty pages long.

How many words per page should my web stories have?

[{"selector":"#anim-fdac1aa8-5a29-458a-abbe-490e713dee31","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-28a6a09c-9c3d-4891-928d-19956ea94bf0","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-00716936-0218-46d4-b06d-375ab1500a04","keyframes":{"opacity":[0,1]},"delay":1000,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Floral Pattern Floral Pattern

Keep the content on the slides short —a few sentences max— and in fitting with the slide template if you are using one.

[{"selector":"#anim-4cbee349-6c42-4a35-8cb2-66eed784d675","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4e110837-bf8e-4b1e-8cba-75845621a030","keyframes":{"transform":["translate3d(100.00000%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b0c07c08-ed20-4a41-b39c-92806a9eb085","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4523a244-8d40-4e89-971c-857dbe0c9340","keyframes":{"transform":["translate3d(-100%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

In what other ways can I improve my web story?

[{"selector":"#anim-c9fcc1ee-6697-4729-9373-90655b316d20","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-881dfb16-3dde-4e47-88f1-76805a24a025","keyframes":{"transform":["translate3d(-79.16667%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2c131058-9102-4d6b-a526-71c793e8b1ed","keyframes":{"opacity":[0,1]},"delay":0,"duration":8000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-776d0ab7-5aa8-4347-a1fb-93a8139157d7","keyframes":{"transform":["translate3d(38.33334%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":8000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-880234f2-b916-4aa9-b7e3-04be5c6aaafa","keyframes":{"opacity":[0,1]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-782cdb83-deb3-4196-b181-e0cdc63f0cc9","keyframes":{"transform":["translate3d(-82.92682%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-551d8a4c-6200-48d9-9519-664a084e68b6","keyframes":{"opacity":[0,1]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3f8b847d-a67f-4f39-8a5c-f1b26b7c6cf2","keyframes":{"transform":["translate3d(110.90909%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":7000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-03d5417c-7073-4dca-9b6f-296017899254","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-71b49084-0d95-4e46-9b21-aa8e1c06df78","keyframes":{"transform":["translate3d(-130.8%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-91904282-6c8c-4131-9417-441a2f0f8ec9","keyframes":{"opacity":[0,1]},"delay":3000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-98270df0-a090-40b6-a2ba-6f6a283ee468","keyframes":{"transform":["translate3d(140.09434%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":3000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6f0a5952-bd03-4608-aeac-97df2eb1817b","keyframes":{"opacity":[0,1]},"delay":3000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2b1f9e7c-73c8-4be3-96ba-5d1bca5af643","keyframes":{"transform":["translate3d(972.41445%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":3000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Woman Reading 02

Intro, Middle & Conclusion.

[{"selector":"#anim-5247f7ad-3140-4f3c-9302-5302541e343f [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(3.3045977011494228%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-2fc21d7c-0c89-4bbd-8e4e-8d7bcff5f419","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0b27f826-7f72-416f-9165-2a59eb2f9a4e","keyframes":[{"transform":"rotate(90deg) rotate(-540deg) scale(0.1) rotate(-90deg)","opacity":0},{"transform":"none","opacity":1}],"delay":0,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both","iterations":1}] [{"selector":"#anim-1688a8be-25c4-4103-b3b7-b3bbeed95713","keyframes":{"opacity":[0,1]},"delay":100,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6691975e-f74f-4c25-ad74-fa0ef9345c07","keyframes":{"opacity":[0,1]},"delay":1000,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Flight Path

Make an attention-grabbing cover slide.

[{"selector":"#anim-7f5a6d13-eb9c-43c8-9fc4-b2a26b4535c9","keyframes":[{"transform":"rotate(-540deg) scale(0.1)","opacity":0},{"transform":"none","opacity":1}],"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both","iterations":1}] [{"selector":"#anim-40e5a3a4-ee5f-42ab-9d03-b9b9fe0db129","keyframes":[{"transform":"rotate(-540deg) scale(0.1)","opacity":0},{"transform":"none","opacity":1}],"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both","iterations":1}] [{"selector":"#anim-06eb82b9-2818-465f-81dc-02f730ff4bdd","keyframes":{"opacity":[0,1]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-91c0514a-72b4-4e1f-82ec-43fa2478b8be","keyframes":{"transform":["rotate(4deg) translate3d(108.30768%, 0px, 0) rotate(-4deg)","rotate(4deg) translate3d(0px, 0px, 0) rotate(-4deg)"]},"delay":0,"duration":1500,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Yellow Star Yellow Star

Crop Images For Effect.

Ensure that the text can be read with ease.

What story will you tell?

[{"selector":"#anim-ca328811-2fed-4075-be2a-a91cc60fbbd8","keyframes":{"opacity":[0,1]},"delay":300,"duration":1600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9fa4d4df-1cbd-4c33-9141-602a09e0cd28","keyframes":{"opacity":[0,1]},"delay":450,"duration":1600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2f996964-920a-43ff-a899-5b25b5386b80","keyframes":{"opacity":[0,1]},"delay":600,"duration":1600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cee0413d-51b5-40c6-b06d-8953be876f9f","keyframes":{"transform":["translate3d(236.36369%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":400,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-301799eb-c006-45be-9293-897df0da9aca","keyframes":{"opacity":[0,1]},"delay":400,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fe38d149-f2d9-4bfd-8074-4b56db553a2c","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":400,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-3d264472-1cac-4fa5-b26e-cf7eee5e6ab9","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-54294f6d-56d1-429c-a7c0-b9a84b135604","keyframes":{"opacity":[0,1]},"delay":0,"duration":3700,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-98ea9876-6505-4a61-9869-8ff7518bd55f","keyframes":{"opacity":[0,1]},"delay":600,"duration":1600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}]

Web story Production Tips

"a visual storytelling format for the web, enabling you to easily create visual narratives with engaging animations and tappable interactions"

Web stories are

WordPress.org

How are web stories used?

Web stories are used to connect with readers through visual storytelling.

There are many benefits of web stories.

Are web stories good for content marketing?

Web stories can be used as an effective branding tool that captivates your audience and creates awareness.

Can I create web stories with WordPress?

Yes, It's Easy!

If you have a WordPress site, all you have to do to get started is install Google's plugin for creating web stories.

yoast.com

Viewer Engagement Tips

How do I make my slides engaging?

Video

Story Structure

Creativity

Engagement

How long should I make my web story?

Most web stories are five to thirty pages long.

Pages: 5–30

How many words per page should my web stories have?

Keep the content on the slides short —a few sentences max— and in fitting with the slide template if you are using one.

In what other ways can I improve my web story?

amp.dev

Intro, Middle & Conclusion.

Build a Complete Narrative.

Make an attention-grabbing cover slide.

Crop Images For Effect.

Ensure that the text can be read with ease.

What story will you tell?

Create

your

web story