Home
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with šŸ’™ by Pablo Armenv2.1.10

Home
/Flows
/Call to Action
Description
Pricing, sign-up, paywalls and checkouts pages.

Patterns for Call to Action

For those who needs a little push when taking decisions. Interfaces should give the exact information needed to close a purchase. Usually seen on pricing, sign-up, paywalls and checkouts pages.
Ā 
Recommendation (Ad)
https://uink.digital
Ā 
  • Desktop (72)
  • Tablet (1)
  • Mobile (13)
397. Modal with Card Options

397. Modal with Card Options

Desktop, Decision Making, Feedback, Awareness, Onboarding, Pathfinding, Web, EspaƱol, Modal, Thumbnail, Animation

Open pattern
393. Colored Checkboxes

393. Colored Checkboxes

Desktop, Decision Making, Web, English, Image / Illustration, Checkbox

Open pattern
390. Icon Software Landing Page

390. Icon Software Landing Page

Desktop, Landing Page, Decision Making, Web, English, Navbar, Footer, Hypertext Links

Open pattern
389. Text Edit Inline Input

389. Text Edit Inline Input

Desktop, Accessibility, Decision Making, Web, English, Text Input, Hypertext Links, Modal

Open pattern
388. Multiple Item Selection Drag & Drop

388. Multiple Item Selection Drag & Drop

Desktop, Accessibility, Feedback, Awareness, Decision Making, Web, EspaƱol, User Selection, Drag & Drop Gesture, Tooltip, Scrollbar, Checkbox

Open pattern
378. Modal Blackout with Animation

378. Modal Blackout with Animation

Desktop, Decision Making, Awareness, Onboarding, Web, EspaƱol, Modal, Hypertext Links, Animation

Open pattern
359. Discord - Button to Input Transition

359. Discord - Button to Input Transition

Desktop, Decision Making, Pathfinding, Consent, Web, EspaƱol, Text Input, Hypertext Links

Open pattern
356. MetaMap - Multi-Layout Topbar Menu

356. MetaMap - Multi-Layout Topbar Menu

Desktop, Pathfinding, Awareness, Decision Making, Web, English, Navbar, Dropdown Menu

Open pattern
No preview

355. Jira - Feature Presentation Tooltip

Desktop, Awareness, Decision Making, Onboarding, Web, EspaƱol, Tooltip, Hypertext Links, Pagination

Open pattern
353. Population Pyramid - Visualizations with live filters

353. Population Pyramid - Visualizations with live filters

Desktop, Pathfinding, Awareness, Decision Making, Web, EspaƱol, Graph, Filters, Dropdown Menu, Transition

Open pattern
357. Modal with Steps (No blackout)

357. Modal with Steps (No blackout)

Desktop, Pathfinding, Awareness, Decision Making, Web, English, Modal, Animation, Image / Illustration

Open pattern
343. Behance - Login with Code Validation

343. Behance - Login with Code Validation

Desktop, Consent, Decision Making, Awareness, Web, EspaƱol, Text Input, Hypertext Links, Pagination

Open pattern
339. Asana - Platform Onboarding Simulator

339. Asana - Platform Onboarding Simulator

Desktop, Decision Making, Awareness, Pathfinding, Web, English, Text Input, Pagination, Animation, Hypertext Links

Open pattern
334. MercadoLibre - Call to Action Trigger Effect

334. MercadoLibre - Call to Action Trigger Effect

Desktop, Decision Making, Awareness, Web, EspaƱol

Open pattern
325. Apple - Drag & Drop Slots

325. Apple - Drag & Drop Slots

Desktop, Decision Making, Awareness, Accessibility, Apple OS, English

Open pattern
324. Visual Studio Code - Dual View Scroll Sync

324. Visual Studio Code - Dual View Scroll Sync

Desktop, Decision Making, Pathfinding, Apple OS, English

Open pattern
319. Wordpress - Delete Confirmation with Name

319. Wordpress - Delete Confirmation with Name

Desktop, Decision Making, Consent, Awareness, Web, EspaƱol, Modal, Avatar, Button, Hypertext Links

Open pattern
No preview

318. Binance - Tooltip on Features

Desktop, Decision Making, Onboarding, Pathfinding, Web, English

Open pattern
310. HubSpot - Checkbox Confirmation

310. HubSpot - Checkbox Confirmation

Desktop, Decision Making, Awareness, Web, EspaƱol, Modal, Text Input, Button

Open pattern
305. Notion - App Download Page

305. Notion - App Download Page

Desktop, Landing Page, Decision Making, Web, English, Navbar, Fixed on Scroll, Embed, Image / Illustration, Button, Notion

Open pattern
305. Button Combo for App Download

305. Button Combo for App Download

Desktop, Pathfinding, Decision Making, Awareness, Web, EspaƱol, Button, Microsoft, Microsoft Teams

Open pattern
295. ā€œNEWā€ Badge on Menu Items

295. ā€œNEWā€ Badge on Menu Items

Desktop, Mobile, Awareness, Decision Making, Pathfinding, Web, English, Navbar, Notification Badge, Hypertext Links, Notion

Open pattern
291. Action Menu from Button

291. Action Menu from Button

Desktop, Decision Making, Awareness, Pathfinding, Web, English, Google, Google Meet

Open pattern
290. Floating Popover on Click

290. Floating Popover on Click

Desktop, Awareness, Decision Making, Web, English, Unsplash

Open pattern
275. Popover on Hover

275. Popover on Hover

Desktop, Awareness, Decision Making, Web, EspaƱol, Tooltip, Linkedin

Open pattern
256. Modal Blackout with Steps & Forms

256. Modal Blackout with Steps & Forms

Desktop, Onboarding, Decision Making, Accessibility, Web, EspaƱol, Facebook

Open pattern
243. GIPHY - Trim Video Slicers

243. GIPHY - Trim Video Slicers

Desktop, Decision Making, Awareness, Accessibility, Web, English, Animation, User Selection, Drag & Drop Gesture, GIPHY

Open pattern
240. Instagram - Horizontal Accordion

240. Instagram - Horizontal Accordion

Desktop, Pathfinding, Decision Making, Web, English, Instagram

Open pattern
235. Background Animation on Hover

235. Background Animation on Hover

Desktop, Decision Making, Awareness, Pathfinding, Web, EspaƱol, Animation, Hypertext Links, Disney

Open pattern
232. Drag & Drop to Browser

232. Drag & Drop to Browser

Desktop, Decision Making, Web, Apple OS, English, GIPHY

Open pattern
223. Apple - Stop Operation Progress

223. Apple - Stop Operation Progress

Desktop, Decision Making, Apple OS, EspaƱol, Apple

Open pattern
218. Apple Keynote - Template Format Selection

218. Apple Keynote - Template Format Selection

Desktop, Decision Making, Accessibility, Apple OS, EspaƱol, Apple, Apple Keynote

Open pattern
222. Floating Banner on User Input

222. Floating Banner on User Input

Desktop, Decision Making, Awareness, Web, English, Banner, Twitter

Open pattern
212. Automatic Background Animation

212. Automatic Background Animation

Desktop, Decision Making, Awareness, Web, English, Animation, Loader, Hypertext Links

Open pattern
172. PedidosYa - Search Results Recommendation

172. PedidosYa - Search Results Recommendation

Desktop, Onboarding, Decision Making, Awareness, Web, EspaƱol, Tooltip, PedidosYa

Open pattern
162. Login Value Compare

162. Login Value Compare

Desktop, Mobile, Decision Making, Web, English

Open pattern
165. Two-step Download Flow

165. Two-step Download Flow

Desktop, Onboarding, Decision Making, Landing Page, Web, English, Google, Google Chrome

Open pattern
201. Modal Blackout with Actions

201. Modal Blackout with Actions

Desktop, Decision Making, Apple OS, English, Modal, Hypertext Links, Apple, Apple iTunes

Open pattern
111. Magazine Subscription

111. Magazine Subscription

Desktop, Decision Making, Web, English

Open pattern
181. Plan Upgrade Flow

181. Plan Upgrade Flow

Desktop, Decision Making, Web, EspaƱol, Linkedin

Open pattern
144. Meeting Guest Warning

144. Meeting Guest Warning

Desktop, Decision Making, Web, English, Google, Google Meet

Open pattern
130. Animated Email Page

130. Animated Email Page

Desktop, Awareness, Decision Making, Email, English, Animation, Hypertext Links, Google, Gmail

Open pattern
198. Take action on Music Claims

198. Take action on Music Claims

Desktop, Decision Making, Web, English, YouTube, Google

Open pattern
56. Automatic Blackout Popover with Steps

56. Automatic Blackout Popover with Steps

Desktop, Onboarding, Decision Making, Awareness, Web, English, EspaƱol, Google, Gmail

Open pattern
145. Suscription Options

145. Suscription Options

Desktop, Decision Making, Web, English

Open pattern
149. Security Top-banner

149. Security Top-banner

Desktop, Decision Making, Web, English, YouTube, Google

Open pattern
139. Synced Hover Animations

139. Synced Hover Animations

Desktop, Decision Making, Awareness, Web, English, Hypertext Links, Graph, Mailchimp

Open pattern
131. Free Audiobook Trial

131. Free Audiobook Trial

Desktop, Decision Making, Web, EspaƱol, Amazon

Open pattern
103. Subscription Reminder

103. Subscription Reminder

Desktop, Decision Making, Web, English

Open pattern
10. Background Ads

10. Background Ads

Desktop, Decision Making, Web, EspaƱol

Open pattern
36. Contact Segmentation

36. Contact Segmentation

Desktop, Decision Making, Web, English

Open pattern
96. Encouraging Allowing Ads

96. Encouraging Allowing Ads

Desktop, Decision Making, Web, English

Open pattern
176. Wordpress.com - Natural Inputs with Suggestions

176. Wordpress.com - Natural Inputs with Suggestions

Desktop, Decision Making, Accessibility, Awareness, Pathfinding, Web, English, Wordpress

Open pattern
79. Out of downloads

79. Out of downloads

Desktop, Decision Making, Web, EspaƱol

Open pattern
190. Ask Email for Playing Video

190. Ask Email for Playing Video

Desktop, Decision Making, Web, English

Open pattern
129. PDF Show & Download

129. PDF Show & Download

Desktop, Accessibility, Decision Making, Web, English

Open pattern
86. Table Column Slicer

86. Table Column Slicer

Desktop, Accessibility, Decision Making, Web, English

Open pattern
118. Whereby - Pricing Step on Sign Up

118. Whereby - Pricing Step on Sign Up

Desktop, Onboarding, Decision Making, Web, English

Open pattern
57. IDF - Encouraging Newsletter Sign-up

57. IDF - Encouraging Newsletter Sign-up

Desktop, Decision Making, Accessibility, Web, English

Open pattern
98. Features on Signing-up

98. Features on Signing-up

Desktop, Decision Making, Web, English

Open pattern
126. WeTransfer - In-front Site Terms

126. WeTransfer - In-front Site Terms

Desktop, Decision Making, Consent, Web, EspaƱol

Open pattern
196. Video Story on Website

196. Video Story on Website

Desktop, Decision Making, Awareness, Web, EspaƱol

Open pattern
23. Suscription gimmicks

23. Suscription gimmicks

Desktop, Decision Making, Web, English

Open pattern
35. Do Not Leave Popup

35. Do Not Leave Popup

Desktop, Decision Making, Web, English

Open pattern
172. Contextual Popup for Service Upgrade

172. Contextual Popup for Service Upgrade

Desktop, Decision Making, Web, EspaƱol, Trello

Open pattern
166. Confetti Explosion

166. Confetti Explosion

Desktop, Appreciation, Decision Making, Web, English, Modal, Hypertext Links, Animation, Image / Illustration

Open pattern
33. Incremental pricing

33. Incremental pricing

Desktop, Decision Making, Web, English

Open pattern
143. Platform Sign-in/up

143. Platform Sign-in/up

Desktop, Decision Making, Web, English

Open pattern
117. 3-tier Pricing Comparison

117. 3-tier Pricing Comparison

Desktop, Decision Making, Web, English

Open pattern
34. Premium gimmicks

34. Premium gimmicks

Desktop, Decision Making, Web, English

Open pattern
180. Dedicated Screen for Action Confirmation

180. Dedicated Screen for Action Confirmation

Desktop, Decision Making, Awareness, Consent, Web, EspaƱol, English, Linkedin

Open pattern
16. Double Account Entrance

16. Double Account Entrance

Desktop, Decision Making, Web, English

Open pattern
Ā