Product Walkthrough, Designed Pattern, Pattern Paste Canonical: https://patternpaste.com/designed-patterns/walkthrough/ Designed Patterns (https://patternpaste.com/designed-patterns/) Features (https://patternpaste.com/designed-patterns/?category=features) Needs the plugin # Product Walkthrough A calm visual product tour with numbered feature selectors, generous photographs and editable explanations in ink and ice blue. ## All patterns Search patterns Loading patterns… About this pattern ## Where Product Walkthrough fits Suits a product or feature page below the hero, where a few steps are clearer shown one at a time with a picture beside each. ### Use it for - Software feature tour - How our service works - App onboarding overview - Membership benefits explained What you can edit ## Every word, image and link is a WordPress block Select any of them in the block editor and change it in place. Colours, type and spacing use the blocks’ own controls. The layout stays protected while you edit. Unlock layout, in the section’s settings, lets you insert, move and remove any block. - 3 images all required - 4 headings all required - 11 text lines all optional - 3 buttons all required - 3 items Add item or Remove last item; 1 always stays ### Section settings - Appearance: Designed or Use my theme - Animate changes - Drag to browse - Loop slides - Unlock layout How it behaves ## It still works when things are switched off Choose a numbered step, use the arrow buttons, or drag and swipe to bring each image and explanation into view. Arrow keys browse when the steps have focus. Motion off or reduced motion It shows its final state at once; anything a visitor can press or drag still works. JavaScript off All content stays visible and readable; controls the script adds are hidden. Plugin missing or older It pastes as plain WordPress blocks, in reading order, without the designed layout. Questions ## Product Walkthrough: common questions What is Product Walkthrough for? Suits a product or feature page below the hero, where a few steps are clearer shown one at a time with a picture beside each. Typical uses: software feature tour, how our service works, app onboarding overview and membership benefits explained. Does Product Walkthrough need a plugin? Yes. Designed Patterns come with a subscription, which includes the Pattern Paste plugin that runs them; Product Walkthrough arrived in plugin 0.33.0. Without the plugin, or on an older version, it pastes as plain WordPress blocks: the content reads in order, without the designed layout. What can I edit in Product Walkthrough? As pasted it has 3 images, 4 headings, 11 text lines and 3 buttons, 11 of them optional and removable. The items are a repeatable set: the item controls add one or remove the last. The layout stays protected while you edit. Unlock layout, in the section’s settings, lets you insert, move and remove any block. Will Product Walkthrough match my theme? Choose Designed to keep its own palette and type, or Use my theme to let it follow your theme’s colours and fonts. Either works in any block theme on WordPress 7.0 or later. Choose Use my theme in the preview above to see it follow a theme before you copy. Can the motion be switched off? Yes. Turn off Animate changes in the section settings, and visitors who ask their device for reduced motion get the same: the section shows its final state at once and anything they can press or drag still works. With JavaScript off, all content stays visible. Back to Designed Patterns (https://patternpaste.com/designed-patterns/?category=features) One-time setup ## Install once, then paste Install and activate the Pattern Paste plugin on your WordPress site. Then paste this section into the block editor. Get the plugin (https://patternpaste.com/account/#themes)Installation guide (https://patternpaste.com/docs/install-pattern-paste/) ## Specifications Section Features, How it works Needs Pattern Paste plugin Since Plugin 0.33.0 Appearance Designed or your theme Motion Optional, off for reduced motion Themes Any block theme WordPress 7.0+ Tested In WordPress, 10 checks (https://patternpaste.com/how-we-test/) Continue exploring ## More in Features Explore this category (https://patternpaste.com/designed-patterns/?category=features) Features Needs the plugin ### Studio Capabilities Monumental service words in a bold studio ribbon with a stationary introduction and editable supporting notes. Preview pattern (https://patternpaste.com/designed-patterns/capabilities/) Features Needs the plugin ### Working Disciplines Numbered capability cards with practical descriptions in a composed editorial service collection. Preview pattern (https://patternpaste.com/designed-patterns/disciplines/) Features Needs the plugin ### Field Notes A quiet editorial feature rail with opening notes and a changing photograph, in warm paper and forest ink. Preview pattern (https://patternpaste.com/designed-patterns/fieldnotes/)