App Download Guide|Shopper App

4. EC + SC (EN).png

12. 品牌會員購物 App.png

The mobile app is the best way to manage members, so it is important to guide customers to download the app. Shopper App's "App Download Guide" feature allows you to easily enable an online store QR Code download guide or create QR Code images for your online / retail store.

You can add these images to your online store through the slider widgets and pop-ups, or place them in retail stores to encourage app downloads.

 

This article will cover the following:

 

1. Online store app download guide settings

Step 1. Go to the settings page

Go to SHOPLINE Admin > [Mobile App Management] > [App Settings], and click "App Download Guide".

Screenshot 2024-12-19 at 4.14.55 PM.png

 

Step 2. Install the app

The system will display a popup guiding users to download the Shopper App, view the installation steps, and click Install Now.

*Note: You need to publish the app before accessing this page.

Screenshot 2024-12-19 at 4.18.42 PM.png

 

Click Install Now to install the app for free.

Screenshot 2024-12-19 at 4.19.57 PM.png

 

Step 3. Active the app script

Go to [Apps] > [My Apps], find the "Shopper App Download Guide" and click App Settings.

Screenshot 2024-12-19 at 4.27.58 PM.png

 

Active the "App Script" to complete the settings.

Screenshot 2024-12-19 at 4.29.55 PM.png

 

Step 4. Setup the app download guide

Go to [Mobile App Management] > [App Settings] > [App Download Guide]. Select the Online Store Display Settings tab, and configure the following settings.

Screenshot 2024-12-19 at 4.34.30 PM.png

 

i. Online store display settings

If you enable this toggle, the QR Code image will automatically expand and display when customers visit your website. If disabled, only a circular floating icon will remain, and customers will need to click to expand the QR Code image.

Screenshot 2024-12-19 at 4.39.22 PM.png

 

ii. Floating icon color

You can use the color palette or enter a color code directly to set the floating icon's color / background color.

Screenshot 2024-12-19 at 4.40.23 PM.png

 

Step 5. Preview & Save

Click Save at the bottom to complete the settings.

*Note: If you enable the script without configuring the online store display settings, the system will automatically display the default content.

Screenshot 2024-12-19 at 4.41.43 PM.png

 

The storefront displays as follows:

Screenshot 2024-12-19 at 4.43.52 PM.png

 

The app displays as follows:

Screenshot 2024-12-19 at 16.45.53.jpeg.png

 

2. Online store QR Code production

Step 1. Edit picture

Go to [Mobile App Management] > [App Settings] > [App Download Guide]. Select the Online Store Image Production tab, and configure the following settings.

Screenshot 2024-12-19 at 4.34.57 PM.png

 

i. Background

Select "Solid color background" to choose a background color. You can use the color palette or enter a color code directly.

Screenshot 2024-07-03 at 6.13.56 PM.png

 

Select "Custom background" to upload an image. The recommended size is 934*548 px.

Screenshot 2024-07-03 at 6.15.28 PM.png

 

ii. Promotional title & text

Enter the promotional title and text, and set the text color. The title supports up to 25 characters, and the text supports up to 40 characters.

Screenshot 2024-07-15 at 12.15.44 PM.png

 

iii. Download gift promotion text

The "Show download gift promotion text" feature is enabled by default and can be turned off manually. You can edit the text, which supports up to 25 characters.

Screenshot 2024-07-15 at 12.16.35 PM.png

 

iv. Show app logo

The "Show app logo" feature is enabled by default and can be turned off manually.

*Note: You can go to [App Design] > [Brand Content] to set the app logo.

Screenshot 2024-07-15 at 12.17.13 PM.png

 

v. Show app store image

The "Show App Store Image" feature is enabled by default and can be turned off manually.

*Note: If your store is only published on the App Store or Google Play, only the successfully published app store images will be displayed.

Screenshot 2024-07-15 at 12.17.48 PM.png

 

Step 2. Preview picture

You can preview your design in the "Preview" section during the setup process.

Screenshot 2024-07-15 at 12.18.37 PM.png

 

The system offers three image ratios, including 9:5 / 3:5 / 2:1. The default size is 9:5.

Screenshot 2024-07-15 at 12.20.09 PM.png

 

Step 3. Download picture

After completing the production, click Download the picture to download the image to your device. The image format is PNG.

Screenshot 2024-07-15 at 12.21.24 PM.png

 

Step 4. Save design

Click Save to save the design in the Admin. You can remake it anytime.

Screenshot 2024-07-15 at 12.25.17 PM.png

 

3. Retail store QR Code production

Step 1. Edit picture

Go to [Mobile App Management] > [App Settings] > [App Download Guide]. Select the Retail Store Image Production tab, and configure the following settings.

Screenshot 2024-12-19 at 4.35.22 PM.png

 

i. Store name

Use the drop-down menu to select a store, or enter the store name to search.

*Note: The store information here is the same as [Mobile App Management] > [App Settings] > [Store Information Settings].

Screenshot 2024-07-15 at 1.25.45 PM.png

 

ii. Background

Select "Solid color background" to choose a background color. You can use the color palette or enter a color code directly.

Screenshot 2024-07-03 at 6.13.56 PM.png

 

Select "Custom background" to upload an image. The recommended size is 317*378 px.

Screenshot 2024-07-15 at 1.28.58 PM.png

 

iii. Promotional title & text

Enter the promotional title and text, and set the text color. The title supports up to 25 characters, and the text supports up to 40 characters.

Screenshot 2024-07-15 at 12.15.44 PM.png

 

iv. Download gift promotion text

The "Show download gift promotion text" feature is enabled by default and can be turned off manually. You can edit the text, which supports up to 25 characters.

Screenshot 2024-07-15 at 12.16.35 PM.png

 

v. Show app logo

The "Show app logo" feature is enabled by default and can be turned off manually.

*Note: You can go to [App Design] > [Brand Content] to set the app logo.

Screenshot 2024-07-15 at 12.17.13 PM.png

 

vi. Show app store image

The "Show App Store Image" feature is enabled by default and can be turned off manually.

*Note: If your store is only published on the App Store or Google Play, only the successfully published app store images will be displayed.

Screenshot 2024-07-15 at 12.17.48 PM.png

 

Step 2. Preview picture

You can preview your design in the "Preview" section during the setup process.

Screenshot 2024-07-15 at 1.31.14 PM.png

 

The system offers two image ratios, including 3:5 / 9:5. The default size is 3:5.

Screenshot 2024-07-15 at 1.32.41 PM.png

 

Step 3. Download picture

After completing the production, click Download the picture to download the image to your device. The image format is PNG.

Screenshot 2024-07-15 at 1.33.46 PM.png

 

Step 4. Save design

Click Save to save the design in the Admin. You can remake it anytime.

Screenshot 2024-07-15 at 1.34.49 PM.png

 

Click Production records on the top right to view all saved retail store QR Code pictures. You can click Copy and redo or Download the picture to perform the actions.

Screenshot 2024-07-15 at 1.36.21 PM.png

 

Read More

 

 

 

 

 

Have more questions? Submit a request

Comments