Cloud Plans, Designed Pattern, Pattern Paste Canonical: https://patternpaste.com/designed-patterns/hosting/ Designed Patterns (https://patternpaste.com/designed-patterns/) Pricing (https://patternpaste.com/designed-patterns/?category=pricing) Needs the plugin # Cloud Plans A precise, stepped three-tier storage comparison with independent monthly and annual prices, soft blue surfaces and clear capacity limits. ## All patterns Search patterns Loading patterns… About this pattern ## Where Cloud Plans fits For a technical product priced by capacity, when buyers compare three limits and want monthly and annual prices at the tap of a switch. ### Use it for - Cloud storage pricing - Hosting plans page - SaaS usage tiers 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. - 7 headings all required - 36 text lines 25 optional - 3 buttons all required - 4 lists of lines add or remove lines; 1 stays in each ### Section settings - Appearance: Designed or Use my theme - Animate changes - Unlock layout How it behaves ## It still works when things are switched off Visitors switch between monthly and annual billing with two buttons; every plan's price swaps and rises briefly into place, and the change is announced. 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 ## Cloud Plans: common questions What is Cloud Plans for? For a technical product priced by capacity, when buyers compare three limits and want monthly and annual prices at the tap of a switch. Typical uses: cloud storage pricing, hosting plans page and SaaS usage tiers. Does Cloud Plans need a plugin? Yes. Designed Patterns come with a subscription, which includes the Pattern Paste plugin that runs them; Cloud Plans arrived in plugin 0.23.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 Cloud Plans? As pasted it has 7 headings, 36 text lines and 3 buttons, 25 of them optional and removable. The layout stays protected while you edit. Unlock layout, in the section’s settings, lets you insert, move and remove any block. Will Cloud Plans 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=pricing) 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 Pricing, Compare Needs Pattern Paste plugin Since Plugin 0.23.0 Appearance Designed or your theme Motion Optional, off for reduced motion Themes Any block theme WordPress 7.0+ Tested In WordPress, 11 checks (https://patternpaste.com/how-we-test/) Continue exploring ## More in Pricing Explore this category (https://patternpaste.com/designed-patterns/?category=pricing) Pricing Needs the plugin ### Studio Credit Reserve Prepaid studio time presented as a clear, selectable reserve. Compare editable bundles in a restrained paper-and-slate composition. Preview pattern (https://patternpaste.com/designed-patterns/credits/) Pricing Needs the plugin ### Workshop Sessions Half-day and full-day workshops with an agenda, clear outcomes and selectable offers. A measured cream-and-plum composition. Preview pattern (https://patternpaste.com/designed-patterns/workshop/) Pricing Needs the plugin ### Feature Ledger Three plans, six capabilities and a moving column spotlight. An editorial comparison table that makes the differences easy to scan. Preview pattern (https://patternpaste.com/designed-patterns/comparison/)