How To Create a Google Web Story

Google Web Stories are interactive visual stories you can create with a simple card-based interface. Here are a few of mine.

Tools to Develop Google Web Stories

[{"selector":"#anim-0137e10c-2677-40c4-ac39-f44cb02544fc","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bfffaf90-3801-4aae-9ddf-621e32219ba1","keyframes":{"transform":["translate3d(-100.48544%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-eb35dfc8-20f8-44dc-854f-16f3539f2147","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3b029fe1-88a2-43a8-8b6d-6d9af434cc4b","keyframes":{"transform":["translate3d(100.00000%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bc536dee-1955-4f1c-94fb-040897b62da3","keyframes":{"opacity":[0,1]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-84a66320-15b0-4461-9636-796fb364d3a2","keyframes":{"transform":["translate3d(-100%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1c51e7a5-172a-4747-9a58-336cc9828dbe","keyframes":{"opacity":[0,1]},"delay":800,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b56013ca-c890-4896-a23c-96deccfe1412","keyframes":{"transform":["translate3d(100.00000%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":800,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] The Dublin Story

Through the Web Story interface, you can add text, images, videos, audio files, and links to your creation.

Key differences between Web Stories & Other Platforms

[{"selector":"#anim-5bd51d3c-708d-4faf-a717-9b57b745f585","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4cccbd97-76ea-480e-a4e4-89de42642ef5","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7ab8b2bf-f453-4aa2-914b-6ccadbae1a79","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2603ea71-428f-42b3-816f-20bd2edc3dec","keyframes":{"opacity":[0,1]},"delay":800,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-633bc0b6-5576-4f65-a0ef-ae8b69616d92","keyframes":{"opacity":[0,1]},"delay":1000,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] The Honolulu Story

Start from scratch or pick a story template.

[{"selector":"#anim-56ed9e1d-7b59-43a4-84d0-fee173a48d30","keyframes":{"opacity":[1,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-721b8de8-bec8-4bd9-9cd7-69cd098af121","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] The Havana Story

Examples of story categories include product descriptions, how-to-dos, interviews, travelogues, recipes...

[{"selector":"#anim-2272ce15-ff00-44ca-84b4-78f6127cac3d","keyframes":{"transform":["translate3d(-100%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c9d53436-0d5e-4710-886e-a774aa2c1062","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d32f8370-5617-4e93-a86d-282beff4d5bb","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-6530e84e-5c3b-49fd-a816-908d941b2c30","keyframes":{"transform":["translate3d(108.99470%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-aad407fd-efef-44ae-a2d7-aceaea617866","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c37cf69c-7d9b-43fc-94d4-3310f8cd69b4","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] The Peru Story

The quality and appeal of your images and videos are critical in driving traffic and engaging website visitors.

Insert text to describe each slide

A San Francisco Story

Editable shapes and stickers allow you to add oomph to your slides and draw attention to specific areas of your story or CTAs.

[{"selector":"#anim-23b2aef1-82fd-43b5-bf70-ec80bb933ee0","keyframes":[{"offset":0,"transform":"rotate(-28.215661949259754deg) translate3d(0, -943.05576%, 0) rotate(28.215661949259754deg)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.29,"transform":"rotate(-28.215661949259754deg) translate3d(0, 0%, 0) rotate(28.215661949259754deg)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.45,"transform":"rotate(-28.215661949259754deg) translate3d(0, -265.187279712%, 0) rotate(28.215661949259754deg)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.61,"transform":"rotate(-28.215661949259754deg) translate3d(0, 0%, 0) rotate(28.215661949259754deg)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.71,"transform":"rotate(-28.215661949259754deg) translate3d(0, -90.156130656%, 0) rotate(28.215661949259754deg)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.8,"transform":"rotate(-28.215661949259754deg) translate3d(0, 0%, 0) rotate(28.215661949259754deg)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.85,"transform":"rotate(-28.215661949259754deg) translate3d(0, -33.855701784%, 0) rotate(28.215661949259754deg)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.92,"transform":"rotate(-28.215661949259754deg) translate3d(0, 0%, 0) rotate(28.215661949259754deg)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.96,"transform":"rotate(-28.215661949259754deg) translate3d(0, -14.711669855999999%, 0) rotate(28.215661949259754deg)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":1,"transform":"rotate(-28.215661949259754deg) translate3d(0, 0%, 0) rotate(28.215661949259754deg)","easing":"cubic-bezier(0, 0, .5, 1)"}],"delay":400,"duration":1600,"fill":"both"}] The Tokyo Story

Follow Google’s best practices and compliance guidelines

[{"selector":"#anim-7734f449-9fe6-4726-b35c-8dea4385aaca","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.5)","offset":0.33},{"transform":"scale(0.95)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-0e6390e8-b705-4df0-ba4b-a934ed7d448b","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-91af2da6-752e-4455-a944-bb2e9c7c4abc","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] The Manhattan Story

Sharing Your Web Story

[{"selector":"#anim-7b4c7431-7a11-463e-ba6f-e2f8f6521e4e","keyframes":{"opacity":[1,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-b8e88a84-0ef3-4ba2-9492-4b291a770598","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-e331c8e5-9deb-4693-adc8-9baec87dc3f4","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-460bf266-1f4f-47ed-891e-4348fb45081c","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] The Las Vegas Story

give Google Web Stories a try.

What's in your racquet bag?

How To

[{"selector":"#anim-40f67055-96ac-4306-9d82-c50d02d10101","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-8991867e-30c6-4856-af08-465e511f6eec","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Go to @Racquet Social.com

How To Create a Google Web Story

A Racquet Social How-To

Google Web Stories are interactive visual stories you can create with a simple card-based interface. Here are a few of mine.

Tools to Develop Google Web Stories

Web Story Plugin for WordPress

MakeStories

Newsroom AI

Webstoryz

I use the WordPress Plugin

Through the Web Story interface, you can add text, images, videos, audio files, and links to your creation.

Key differences between Web Stories & Other Platforms

You own your stories

Not ephemeral- No time limit

Better chance of search appearance

Can add links

Monetization opportunities

Start from scratch or pick a story template.

Use the drag-and-drop or upload functionality to add images, audio files, and videos from your media library to your story

Examples of story categories include product descriptions, how-to-dos, interviews, travelogues, recipes...

Topics are limited only by your imagination

The quality and appeal of your images and videos are critical in driving traffic and engaging website visitors.

Insert text to describe each slide

From titles to quotes to descriptions, the font size and colour are critical in quickly and clearly conveying the purpose of the slide.

Editable shapes and stickers allow you to add oomph to your slides and draw attention to specific areas of your story or CTAs.

Get creative with the included design elements

Follow Google’s best practices and compliance guidelines

The web stories tool comes with a checklist that enables you to identify and eliminate flaws in your creation.

Sharing Your Web Story

Web stories can be easily added to blog posts as embeds or links or shared on social media platforms, just like any other visual content.

give Google Web Stories a try.

If you haven’t tried it already,

You may like it.

How To

Create a

Google

Web Story