The home screen of CustomerConnect Mobile is built from your SPOT settings. You choose the banner at the top, the update cards in the carousel, and the Terms & Conditions link, and the app picks them up on its next launch. This article shows you where those settings live and what each one does.
The home screen
After you sign in, the home screen has four parts:
Banner: a single image across the top. Tapping it opens the link you set.
Updates: a carousel of cards. Each card shows its image, its label, and a Tap to view prompt. Tapping a card opens its link.
Services: your enabled features, such as Pickup, On My Way, Lockers, Subscriptions, and Refer.
Bottom bar: Home, Orders, Offers, Gift Cards, and Info.
The welcome screen shows your update cards too. Before anyone signs in, the same carousel rotates above the sign-in options, so a weather alert or holiday hours reach people who only open the app to look.
Note
The banner, the update cards, and the Terms & Conditions link come from the Links section of your CustomerConnect profile. The Services list and the bottom bar are controlled by other CustomerConnect settings and are not covered here.
Where the settings live
Start in SPOT:
Select Setup > Program Configuration.
Select the Company tab.
Expand CustomerConnect Settings > CustomerConnect Profiles, select your profile, and select Edit.
In the Edit Settings dialog, select Configure Settings….
Expand General and select Links.
The Links view lists every banner, update, and legal link in your profile. Add creates a new one, Edit opens the one you selected, and Move Up / Move Down change its position in the list.
The three kinds of links
Every link has the same five fields. The Category value decides where it appears in the app.
Category | Where it shows | How many |
|---|---|---|
| The image at the top of the home screen | One active banner |
| A card in the Updates carousel | As many as you want |
| The Terms & Conditions link on the Info tab | One |
Images are not uploaded into SPOT. Each link points to an image at a public URL, so host your files somewhere the app can reach them, then paste the direct link into the Icon field.
Banner
The banner is the single image at the top of the home screen.
Property | Value | What it does |
|---|---|---|
Name | Banner | The name of this link in your configuration. |
Label | Banner | The label for this link. The banner does not print its label, so this is for your reference. |
Link |
| Where the app goes when someone taps the banner. |
Icon |
| The direct URL of the banner image. |
Category | banner | Leave this as |
To change the banner, open the banner link, replace the Icon URL, and save. There is no gallery of banners to pick from: whatever URL is in the Icon field is the banner.
One banner at a time
If you keep more than one banner link in the list, only one can be active.
Banner image size: 900 × 360 pixels.
Updates
Update cards are how you talk to your customers from the home screen: weather that affects your valet routes, holiday hours, a new service, a seasonal special. There is no limit to how many you can add.
Property | Value | What it does |
|---|---|---|
Name | Holiday Updates | The name of this link in your configuration. |
Label | Holiday Updates | The title printed on the card. Every update needs one, or the card shows a blank line where the title should be. |
Link |
| Where the app goes when someone taps the card. |
Icon |
| The direct URL of the card image. |
Category | updates | Leave this as |
Cards appear in the carousel in the same order as the Links list. Use Move Up and Move Down to put the card you want seen first at the top.
Update image size: 1000 × 600 pixels. The label and the Tap to view prompt are drawn over the lower-left corner of the image, so keep that corner clear of text in your artwork.
Legal
The legal link puts your Terms & Conditions one tap away on the Info tab. Because it is a link and not a document, you can update your terms on your website and the app shows the new version straight away.
Property | Value | What it does |
|---|---|---|
Name | Terms & Conditions | The name of this link in your configuration. |
Label | Terms & Conditions | The text of the link on the Info tab. |
Link |
| The page that opens when someone taps the link. |
Icon |
| The direct URL of the icon shown next to the link. |
Category | legal | Leave this as |
Saving and seeing your changes
Select OK to close the settings dialog, OK again to close Edit Settings, then Save in Program Configuration.
Close and reopen the app. Changes usually appear within a few minutes; allow up to 15.
Default assets
If you want a set of images to start from, the Mobile App Default Assets article has four banners and fourteen update images, with a preview of each one in the app. The same files are attached here:
Upload them to your own host and use the direct links in the Icon field.