App Download
A split app download CTA pairing a heading, drawn store buttons, and a star rating with a phone mockup showing a chart strip and activity rows.
A split app download CTA pairing a heading, drawn store buttons, and a star rating with a phone mockup showing a chart strip and activity rows.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
App Download closes the page by moving the product onto the visitor's phone. The left column makes the ask with a headline, one line of copy, two drawn store buttons, and a star rating line that lends the download some social proof. The right column answers it with a phone mockup, a rounded device frame holding a small app screen with a chart strip and a short activity list.
Everything is drawn with markup and theme tokens: the store buttons are built in the block with generic inline SVG marks, and the phone is plain divs and text, so there are no external images or brand assets to license. You can swap the app screen contents, the store links, or the rating figures without touching the layout, and the whole section holds up in light and dark mode.
Reach for this block when the mobile app is the conversion that matters, for example a team communication or task tracking product where daily use happens on the phone and the desktop site is mostly a shop window. It also works mid page for products where mobile is one channel among several, as a way to catch the readers who would rather continue on their own device.
A natural flow around it on a Marketing Pro page:
Before
After
The obvious fit is a team or consumer app pushing installs on both stores. A few other ways to use the frame:
Tip: keep the phone screen to a handful of rows so the mockup stays close in height to the text column and the section reads as one balanced band.