---
title: Download App
slug: download-app
docTags: 
createdAt: 2024-05-10T13:11:20.628Z
---

## Overview

With this block, you can set up clickable buttons leading to your external applications. Available button styles are for the **App Store **and** Google Play.**

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/vpTiOdUN_j_620aGoqW5i_image.png" size="44" width="322" height="45" position="center" caption="Download App block - Page structure" alt="Download App block - Page structure" darkWidth="322" darkHeight="45" showCaption="true"}

## Sample Download App block

![Download App - Live preview](https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/91fj83IzOxV-TwzJWocaO_image.png "Download App - Live preview")

## General

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/44yEj8cH72379zv3_FKed_image.png" size="44" width="345" height="463" position="center" caption="Download App block - General settings" alt="Download App block - General settings" darkWidth="345" darkHeight="463" showCaption="true"}

### Background

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/cgFrj6ReNyh1Fe42rvPsV_image.png" size="44" width="342" height="157" position="center" caption="Download App block - Background settings" alt="Download App block - Background settings" darkWidth="342" darkHeight="157" showCaption="true"}

Click the "**Open Media Library**" button to select an image to be used as the main background.  The background image will stretch to the full width of the Download App block.

### QR code

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/ZniL4RrMLtzR01irWtYTL_image.png" size="44" width="344" height="135" position="center" caption="Download App block - QR code settings" alt="Download App block - QR code settings" darkWidth="344" darkHeight="135" showCaption="true"}

Click the "**Open Media Library**" button to select a **QR code** image.  The QR code image will  be placed in the middle of the Download App block, below the content and above the Download App button links.

### Enable sticky animation

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/y7xTlVkEY8V1V7wW4YLqJ_image.png" size="44" width="346" height="69" position="center" caption="Download App block - Sticky Animation settings" alt="Download App block - Sticky Animation settings" darkWidth="346" darkHeight="69" showCaption="true"}

When **enabled** the Download App block will **stay visible at the top of your screen** when scrolling the page.  

## Text

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/1JQ8pkjKs1hRHJdxuYHoU_image.png" size="50" width="343" height="590" position="center" darkWidth="343" darkHeight="590" showCaption="false"}

1. **Prefix** : first line of text 
2. **Title** : second line of text, main title
3. **Subtitle** : Content text, small fontsize
4. **Suffix** : Text printed between QR code and Download App buttons
5. **Text color** : Pick you text color

## Buttons

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/24b7dH9s6HY9IR_yhV61J_download-app-buttons.jpg" size="44" width="340" height="621" position="center" caption="Download App block - Button settings" alt="Download App block - Button settings" darkWidth="340" darkHeight="621" showCaption="true"}

Only **App Store** or **Google Play** buttons can be added.   Choose the needed **Button style** and paste the appropriate link for your app.  Click the "Globe" icon to add an **internal **or **external** link.

Don't forget to save changes when all is set up.